@hhgtech/hhg-components 1.28.63 → 1.28.64-beta-1

package/build/subot.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./Subot-e6872850.js"),i=require("./tslib.es6-f581f504.js"),n=require("./index-4c97e71b.js"),o=require("js-cookie"),a=require("fastdom"),l=require("fastdom/extensions/fastdom-promised"),r=require("string-format"),s=require("./utils-3423e2dc.js"),d=require("uuid"),c=require("./isProduction-fce4c411.js"),u=require("hex-rgb"),m=require("classnames"),p=require("./index-b7501b94.js"),f=require("./index-562409e6.js"),v=require("framer-motion"),g=require("./utils-97861e62.js"),b=require("styled-components"),h=require("./index-1abb8f88.js"),_=require("remarkable"),y=require("react-intersection-observer"),E=require("@mantine/core"),x=require("./index-a607ab1d.js"),N=require("./index-bf4de588.js"),T=require("dayjs"),w=require("dayjs/plugin/isSameOrBefore"),I=require("./Plus-ae3f1f1c.js"),S=require("./theme-1e27b9db.js");require("@mantine/dates"),require("./translationsContext-c8376758.js"),require("@mantine/hooks");var O=require("lodash/isEmpty"),k=require("react-hook-form"),C=require("react-phone-number-input"),M=require("@react-google-maps/api"),A=require("./usePlacesAutocomplete-0ec84410.js"),P=require("./index-3e70ce5b.js"),R=require("./index-3382263b.js");function U(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("date-fns/locale"),require("./cookieHelper-ef7d953a.js"),require("slugify"),require("./useTranslations-048502c3.js"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("@mantine/carousel"),require("./WhatsApp-9c647c87.js");var B=U(e),L=U(o),j=U(a),D=U(l),q=U(r),F=U(u),$=U(m),G=U(b),z=U(T),H=U(w),Y=U(O),V=U(C);const Q=j.default.extend(D.default),K={POST_VERIFY_SMS_OTP:"sms/update-phone",POST_SEND_OTP:"sms/otp",POST_SEND_OTP_WHATSAPP:"whatsapp/otp",POST_VERIFY_OTP:"sms/verify",POST_VERIFY_OTP_WHATSAPP:"sms/verify-whatsapp",GET_LANDING_PAGE_FIRST_NODE:"landing_page/bot",GET_LANDING_PAGE_NEXT_NODE:"landing_page/messages",POST_LANDING_PAGE_IMPRESSION:"landing_page/impressions",POST_LANDING_PAGE_CLICK:"landing_page/clicks",GET_INLINE_FIRST_NODE:"bots",GET_INLINE_MESSAGE:"inline/messages",GET_INLINE_IMPRESSION:"inline/impressions",GET_INLINE_CLICK:"inline/clicks",GET_SUBOT_LOG:"log/bot/{botId}/{cookieId}/{accountId}?type={type}",POST_SUBOT_CREATE_LOG:"log/bot",FETCH_URL_DATA:"preview",GET_VOUCHER_QUANTITY:"vouchers/total_quantity?search={search}&client_id={clientId}"},W={cached:{},clearCached:e=>{console.log(W.cached),Object.keys(W.cached).filter((t=>t.startsWith(e))).forEach((e=>{console.log(e),W.cached[e]=void 0}))},withCached:(e,t)=>i.__awaiter(void 0,void 0,void 0,(function*(){if("waitingTheFirstResponse"===W.cached[e])return new Promise((t=>{const i=(new Date).getTime(),n=setInterval((()=>{(new Date).getTime()-i>3e3&&clearInterval(n),"object"==typeof W.cached[e]&&(t(W.cached[e]),clearInterval(n))}),100)}));if("object"==typeof W.cached[e])return W.cached[e];W.cached[e]="waitingTheFirstResponse";try{const i=yield t();return W.cached[e]=i,setTimeout((()=>{W.cached[e]=void 0}),18e5),i}catch(t){return W.cached[e]=void 0,Promise.reject(t)}}))},X=(e,t)=>{const{subotApiUrl:i}=null===s.GlobalData||void 0===s.GlobalData?void 0:s.GlobalData.env;return(i.endsWith("frontend/api/")?i:i+"frontend/api/")+q.default(e,Object.assign({},t))},J=e=>i.__awaiter(void 0,void 0,void 0,(function*(){try{return yield s.callApi(X(K.GET_INLINE_MESSAGE),"POST",{data:e})}catch(e){}})),Z=e=>{var t;if(1===(null==e?void 0:e._status)&&(null===(t=null==e?void 0:e._data)||void 0===t?void 0:t.extra_settings))try{const t=JSON.parse(e._data.extra_settings);e._data.extra_settings="object"==typeof t?t:{sync_data_friso_campaign:!1}}catch(t){e._data.extra_settings={sync_data_friso_campaign:!1}}return e},ee=e=>i.__awaiter(void 0,void 0,void 0,(function*(){try{return yield W.withCached("SubotInlineFirstNode/"+e,(()=>i.__awaiter(void 0,void 0,void 0,(function*(){const t=yield s.callApi(X(K.GET_INLINE_FIRST_NODE)+`/${e}`,"GET");return Z(t),t}))))}catch(e){return null}})),te=e=>i.__awaiter(void 0,void 0,void 0,(function*(){try{return yield s.callApi(X(K.GET_INLINE_CLICK),"POST",{data:e})}catch(e){}})),ie=e=>i.__awaiter(void 0,void 0,void 0,(function*(){try{return yield s.callApi(X(K.GET_INLINE_IMPRESSION),"POST",{data:e})}catch(e){}})),ne=["form_submit_meta","selected_actions","current_selected","current_keys","current_polls"],oe=["bot_id","node_id","action_id","action_value","current_score","gtm_id","ga_client_id","is_new","title_url","url","window_id",...ne],ae=(e,t)=>(Object.keys(t).map((i=>{const n=t[i];if("source"!==i){if(oe.includes(i))if(ne.includes(i))try{e[i]=JSON.parse(n)}catch(e){}else e[i]="account_id"!==i&&"current_score"!==i&&"bot_id"!==i?n:parseInt(n)}else e.is_new="first_login"===n})),e),le=e=>[{id:d.v4(),label:JSON.stringify({title:"",description:""}),type:t.NodeIntentType.SSO_INTENT,url:""},{id:d.v4(),label:JSON.stringify({title:e({id:"subot.myHealth.title",defaultMessage:"My Health"}),description:e({id:"subot.myHealth.description",defaultMessage:"Personal identifiers (like your name) will always be removed to protect your privacy. "})}),type:t.NodeIntentType.SSO_INTENT,url:"/images/subot/my-health.svg"},{id:d.v4(),label:JSON.stringify({title:e({id:"subot.saveData.title",defaultMessage:"Save Data"}),description:e({id:"subot.saveData.description",defaultMessage:"Hellobacsi would like to learn from your data to provide better healthcare for you"})}),type:t.NodeIntentType.SSO_INTENT,url:"/images/subot/file-storage.svg"},{id:d.v4(),label:JSON.stringify({title:e({id:"subot.productYourIdentifiers.title",defaultMessage:"Protect your identifiers"}),description:e({id:"subot.productYourIdentifiers.description",defaultMessage:"Personal identifiers (like your name) will always be removed to protect your privacy. "})}),type:t.NodeIntentType.SSO_INTENT,url:"/images/subot/shield.svg"}];function re(e){const t=e.condition,i=e.finished,n=e.timeout||3e3,o=(new Date).getTime(),a=setInterval((()=>{((new Date).getTime()-o>n||t())&&(clearInterval(a),i())}),300)}const se=e=>s.cookie.parse(e||"")["hhg-id"]||L.default.get("hhg-id")||"",de=e=>{if(e)return L.default.set("hhg-id",e),e;const t=se();if(t)return t;const i=d.v4();return L.default.set("hhg-id",i),i},ce=e=>{const t=s.cookie.parse(e||"")[n.BEARER_TOKEN_COOKIE]||L.default.get(n.BEARER_TOKEN_COOKIE)||"";try{const e=t.split(".")[1].replace(/-/g,"+").replace(/_/g,"/"),i=decodeURIComponent(atob(e).split("").map((function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)})).join(""));return JSON.parse(i).sub}catch(e){return""}},ue=e=>{const t=s.cookie.parse(e||"")[n.BEARER_TOKEN_COOKIE]||L.default.get(n.BEARER_TOKEN_COOKIE)||"";try{const e=t.split(".")[1].replace(/-/g,"+").replace(/_/g,"/"),i=decodeURIComponent(atob(e).split("").map((function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)})).join("")),n=JSON.parse(i);return{email:n.email,id:n.sub}}catch(e){return{email:"",id:0}}},me=d.v4(),pe=()=>me,fe=(e,t)=>!t&&("undefined"!=typeof window&&("localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname))?"http://localhost":`https://${c.isProduction?"":"discover."}${n.domainLocales[e]}`,ve=e=>{const t=e||("undefined"==typeof navigator?"":navigator.userAgent);return!(!/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(t)&&!/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substring(0,4)))},ge=e=>{const t=document.createElement("a");t.href=e,t.target="_blank",t.click()},be=e=>{try{return e.dynamic_score||{}}catch(e){return{}}},he=(e,i,n,o)=>{const a=be(e[0]);if(!i)return{};const l=e.findIndex((e=>e.id==i)),r=e.reduce(((e,r,s)=>{var d,c;if(s>l)return e;const u=r,m=n&&u.id===i?{action_id:n}:u._message;let p=0;const f=null===(d=u.actions)||void 0===d?void 0:d.find((e=>e.id===(null==m?void 0:m.action_id)));p+=(null==f?void 0:f.score)||0;const v=void 0!==a[u.id],g=n&&u.id===i?o:null==m?void 0:m.form_submit_meta;if(v&&u.type===t.NodeType.FORM&&g){const e=a[u.id].action_id,t=null===(c=u.actions)||void 0===c?void 0:c.find((t=>t.id===e)),i=null==t?void 0:t.key,n=g.find((e=>e.key===i&&"number"===e.control));if(a[u.id].number&&["+","-","x","/"].includes(a[u.id].operator)&&(null==n?void 0:n.value)&&Number(n.value)){const e=Number(n.value),t=a[u.id].operator,i=a[u.id].number;let o=0;"+"===t&&(o=e+i),"-"===t&&(o=e-i),"x"===t&&(o=e*i),"/"===t&&(o=e/i),isNaN(o)||(p+=o)}}return e+p}),0);return{current_total_dynamic_score:r}},_e=(e,i)=>{const n=be(i[0]);if(0===Object.keys(n).length)return e;const o=i.filter((e=>e.type===t.NodeType.FORM));return Object.keys(n).forEach((t=>{var i,a,l;const r=o.find((e=>e.id===t)),s=null===(i=null==r?void 0:r.actions)||void 0===i?void 0:i.find((e=>{var i;return e.id===(null===(i=n[t])||void 0===i?void 0:i.action_id)})),d=null==s?void 0:s.key,c=null===(l=null===(a=null==r?void 0:r._message)||void 0===a?void 0:a.form_submit_meta)||void 0===l?void 0:l.find((e=>e.key===d&&"number"===e.control));if(n[t].number&&["+","-","x","/"].includes(n[t].operator)&&(null==c?void 0:c.value)&&Number(c.value)){const i=Number(c.value),o=n[t].operator,a=n[t].number;let l=0;if("+"===o&&(l=i+a),"-"===o&&(l=i-a),"x"===o&&(l=i*a),"/"===o&&(l=i/a),e.includes(`{{var:${d}}}`)){const t=new RegExp(`{{var:${d}}}`,"g");e=e.replace(t,String(Math.floor(100*l)/100))}}})),e},ye="other",Ee="stateInlineSSO",xe=()=>{try{const e=window.next.router.components["/[...slug]"].props.pageProps;return"services-connection"===e.template?{project_id:"care-path",user_funnel:e.spotlight.additionalSlugActive||"",audience_name:e.spotlight.groupIdActive||""}:{}}catch(e){return{}}},Ne=e=>{const i=e.filter((e=>"Unified Questions"===e.name)).reduce(((e,i)=>{var n,o,a,l,r,s,d,c,u,m,p,f,v,g,b,h,_,y,E,x,N;if(i.actions&&(null===(n=i._message)||void 0===n?void 0:n.action_id)&&(null===(o=i._message)||void 0===o?void 0:o.action_value)){const n=i._message.action_value;if(i.type===t.NodeType.FORM){const t=["address","province","district","commune"],n=((null===(a=i._message)||void 0===a?void 0:a.form_submit_meta)||[]).filter((e=>!t.includes(e.control))),o=((null===(l=i._message)||void 0===l?void 0:l.form_submit_meta)||[]).filter((e=>t.includes(e.control))).reduce(((e,t)=>(e[t.control]=t,e)),{}),p=[null===(r=o.address)||void 0===r?void 0:r.value,null===(s=o.commune)||void 0===s?void 0:s.value,null===(d=o.district)||void 0===d?void 0:d.value,null===(c=o.province)||void 0===c?void 0:c.value].filter(Boolean).join(", ");p&&o.address?e.push({attribute:o.address.key,value:p,label_question:(null===(m=null===(u=i.intents)||void 0===u?void 0:u[0])||void 0===m?void 0:m.label)||""}):n.forEach((t=>{var n,o;e.push({attribute:t.key,value:t.value,label_question:(null===(o=null===(n=i.intents)||void 0===n?void 0:n[0])||void 0===o?void 0:o.label)||""})}))}if(i.type===t.NodeType.TEXT)if(i.is_multi_select){const t=Object.keys(i._message.selected_actions||{}),n=i.actions.filter((e=>e.label&&t.includes(e.id))).map((e=>e.label));t.length&&e.push({attribute:i.actions[0].key||"",value:n,label_question:(null===(f=null===(p=i.intents)||void 0===p?void 0:p[0])||void 0===f?void 0:f.label)||""})}else{const o=i._message.action_id,a=i.actions.find((e=>e.id===o)),l=null==a?void 0:a.label,r=null===(b=null===(g=null===(v=i._message)||void 0===v?void 0:v.form_submit_meta)||void 0===g?void 0:g.find((e=>e.key===ye)))||void 0===b?void 0:b.value,s=(null==a?void 0:a.type)===t.NodeActionType.USER_CHOICE_TEXT_BY_INPUT;l&&o&&e.push({attribute:n,value:s&&r?r:l,label_question:(null===(_=null===(h=i.intents)||void 0===h?void 0:h[0])||void 0===_?void 0:_.label)||""})}if(i.type===t.NodeType.POLL){const t=i.id,n=(null===(E=null===(y=i._message)||void 0===y?void 0:y.current_polls)||void 0===E?void 0:E[t])||[],o=i.actions.filter((e=>e.label&&n.includes(e.id))).map((e=>e.label));n.length&&e.push({attribute:i.actions[0].key||"",value:o,label_question:(null===(N=null===(x=i.intents)||void 0===x?void 0:x[0])||void 0===N?void 0:N.label)||""})}}return e}),[]);return i},Te=(e,i)=>{var n;try{if("ACUVUE"!==(null===(n=i.extra_settings)||void 0===n?void 0:n.subot_type))return;let o="",a="",l="",r=ue().email;if((e||[]).forEach((e=>{var i,n,s;const d=e._message;if(!d)return;const c=null===(i=e.actions)||void 0===i?void 0:i.find((e=>e.id===d.action_id));if("voucher_product"===d.action_value?o=(null==c?void 0:c.label)||"":"voucher_color"===d.action_value&&(a=(null==c?void 0:c.label)||""),e.type===t.NodeType.FORM){const e=null===(n=d.form_submit_meta)||void 0===n?void 0:n.find((e=>"voucher_size"===e.key)),t=null===(s=d.form_submit_meta)||void 0===s?void 0:s.find((e=>"email"===e.control));e&&(l=e.value),t&&(r=t.value)}})),"ACUVUE® OASYS (1-DAY) WITH HYDRALUXE®"===o&&r)return{email:r,voucherName:o};if(o&&a&&l&&r)return{email:r,voucherName:`${o}|${a}|${l}`}}catch(e){console.log("ExtractVoucherAnswer",e)}},we=({nodes:e,activeId:o,params:a,accountIdFromLogs:l})=>i.__awaiter(void 0,void 0,void 0,(function*(){try{let i="in_progress";const r=e[e.length-1];(null==r?void 0:r.type)&&t.NodeFinalTypes.includes(r.type)&&(i="complete");const d=e.slice(1),c={activeId:o,params:a,nodes:d,tracking:Object.assign(Object.assign({},xe()),{full_url:window.location.href}),unifiedAnswers:Ne(d),voucherAnswers:Te(d,e[0])},u={cookie_id:de(),account_id:l||ce()||null,bot_id:e[0].id,flow_uuid:e[0].flow_uuid,data:JSON.stringify(c),status:i,type:"inline",market:n.MAP_DOMAIN_BY_LOCALE[s.locale]};yield s.callApi(X(K.POST_SUBOT_CREATE_LOG),"POST",{data:u})}catch(e){}})),Ie=(e,t)=>{try{const[i,n,o]=F.default(e,{format:"array"});return`rgba(${i}, ${n}, ${o}, ${t})`}catch(e){return}},Se=e.createContext({activeId:"",params:{},listNodes:[],loading:!0,getParams:()=>({}),onNext:()=>null,onPrev:()=>null,onSubmit:()=>null,onStartOver:()=>null,onChange:()=>null,isShowFooter:!1,setIsShowFooter:()=>null,setLoading:()=>null,userInfo:null}),Oe=({children:o,articleLink:a,subotId:l,isFullContainer:r,bgColor:d,primaryColor:c,textColor:u,textButtonColor:m,bgContentColor:p,bgImgFullContainer:f,isDisabledAnimationOnMobile:v,onCloseMobile:g,userInfo:b})=>{const{formatMessage:h,action:{pushNotifications:_}}=e.useContext(s.TogetherComponentGlobalContext),y=e.useRef(null),E=e.useRef(null),[x,N]=e.useState(!0),[T,w]=e.useState(""),[I,S]=e.useState([]),[O,k]=e.useState(!1),[C,M]=e.useState({});e.useEffect((()=>{const e=d||"#e3f2ff",t=c||"#2d87f3",i=(new Date).getTime(),n=setInterval((()=>{const o=y.current,a=(new Date).getTime();o&&(Q.mutate((()=>{o.style.setProperty("--subot-inline-bg-color",e),o.style.setProperty("--subot-inline-primary-color",t),o.style.setProperty("--subot-inline-primary-color-hover",Ie(t,.9)||t),o.style.setProperty("--subot-inline-primary-color-100",Ie(t,.1)||"#e3f2ff"),o.style.setProperty("--subot-inline-primary-color-300",Ie(t,.3)||"#bcdeff"),u&&o.style.setProperty("--subot-inline-text-color",u),m&&o.style.setProperty("--subot-inline-text-button-color",m),p&&o.style.setProperty("--subot-inline-bg-content-color",p)})),clearInterval(n)),a-i>18e4&&clearInterval(n)}),100);return()=>{clearInterval(n)}}),[d,c,u,m,p]);const A=e.useCallback((()=>{const e=window.gaData,t=window.location.origin+n.basePath+("tl-PH"===(null===s.GlobalData||void 0===s.GlobalData?void 0:s.GlobalData.locale)?a.replace("fil/",""):a),i={bot_id:l,account_id:ce()||null,action_id:"",action_value:"",cookie_id:de(),current_score:0,current_keys:[],current_selected:[],form_submit_meta:[],gtm_id:e?Object.keys(e)[0]:"",ga_client_id:L.default.get("_ga")||"",is_new:!1,mode:"inline",node_id:"",selected_actions:{},title_url:document.title||"",url:t.replace("http://localhost:6006","https://discover.hellobacsi.com").replace("http://localhost","https://discover.hellobacsi.com").replace("dev.","discover.").replace("staging.hellohealthgroup.com","discover.hellodoctor.com.ph").replace("https://hellohealthgroup.com","https://hellodoctor.com.ph"),window_id:pe()};return ae(i,null===s.GlobalData||void 0===s.GlobalData?void 0:s.GlobalData.router.query)}),[]),P=e.useCallback((()=>{var e;null===(e=y.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start",inline:"center"})}),[]),R=e.useCallback(((e,n=!0)=>i.__awaiter(void 0,void 0,void 0,(function*(){var o;if(!e||!e.url||!e.bot_id)return;let a="",l=[];N(!0);const r=yield ee(e.bot_id);1===(null==r?void 0:r._status)&&(a=null==r?void 0:r._data.id.toString(),l.push(null==r?void 0:r._data,null==r?void 0:r._data.first_node));const d=n?yield(c=l[0],i.__awaiter(void 0,void 0,void 0,(function*(){var e,t;try{if(!c)return null;const i=yield s.callApi(X(K.GET_SUBOT_LOG,{botId:c.id,cookieId:de(),accountId:ce()||"",type:"inline"}),"GET");if(!(null===(e=null==i?void 0:i._data)||void 0===e?void 0:e.data)||"inline"!==(null===(t=null==i?void 0:i._data)||void 0===t?void 0:t.type))return null;const n=JSON.parse(i._data.data),o=n.nodes,a="in_progress"===i._data.status,l="complete"===i._data.status;return a||l?{nodes:[c,...o],activeId:n.activeId,params:Object.assign(Object.assign({},n.params),{account_id:ce()||n.params.account_id||null})}:null}catch(e){return null}}))):null;var c;d&&(l=d.nodes,a=d.activeId,E.current=(null===(o=d.params)||void 0===o?void 0:o.account_id)||0);const u=((e,{getParams:i})=>{try{if(!ce())return null;const n=JSON.parse(localStorage.getItem(Ee)||""),o=18e5;return(null==n?void 0:n.botId)===e&&n.listNodes&&n.activeId&&n.createdAt+o>Date.now()&&(localStorage.removeItem(Ee),n.listNodes.slice(-1)[0].position===t.NodePosition.SSO)?{listNodes:n.listNodes,activeId:n.activeId,params:Object.assign(Object.assign(Object.assign({},i()),n.params),{account_id:ce()||null,cookie_id:de(n.params.cookie_id)})}:null}catch(e){return null}})(e.bot_id,{getParams:A});if(u&&u.params.action_id&&u.params.action_value){const e=yield J(u.params);1===(null==e?void 0:e._status)&&(null==e?void 0:e._data.node)&&(a=null==e?void 0:e._data.node.id,l=u.listNodes,l[l.length-1]=null==e?void 0:e._data.node,we({nodes:l,activeId:a,params:u.params,accountIdFromLogs:E.current}),setTimeout((()=>{P()}),100))}const m=(null==u?void 0:u.params)||(null==d?void 0:d.params)||e,[p,f]=((e,t,i)=>{if(!(null==e?void 0:e.subot_field_type))return[t,i];const n=i.find((e=>e.id==t));return n&&n.hasOwnProperty("first_node")&&i.length>1?[i[1].id,i]:[t,i]})(l[0],a,l);N(!1),w(p),S(f),M(Object.assign(Object.assign({},e),m))}))),[]),U=e.useCallback(((e,t)=>{const i=document.querySelector(`.si-revamp-event-submission[data-bot-id="${l}"]`);i&&i.click();let n=T,o=[...I];if(null==t?void 0:t.node_id){const e=o.findIndex((({id:e})=>e==t.node_id));-1!==e&&(o[e]._message=Object.assign(Object.assign({},o[e]._message),t),o=[...o.slice(0,e+1)])}if(N(!0),e){const t=o.findIndex((({id:t})=>t==(null==e?void 0:e.id)));if(-1===t)o=[...o,Object.assign({},e)];else{const i=Object.assign(Object.assign(Object.assign({},o[t]),e),{_message:Object.assign(Object.assign({},o[t]._message),null==e?void 0:e._message)});o=[...o.slice(0,t),Object.assign({},i),...o.slice(t+1)]}n=e.id}setTimeout((()=>{S(o),w(n),N(!1),we({nodes:o,activeId:n,params:C,accountIdFromLogs:E.current})}),250)}),[I,T]),j=e.useCallback((e=>i.__awaiter(void 0,void 0,void 0,(function*(){if(null==e?void 0:e.node_id){const t=Object.assign(Object.assign({},e),he(I,T,e.action_id)),n=yield J(t);if(N(!1),1===(null==n?void 0:n._status)){const e=null==n?void 0:n._data,{node:o}=e,a=i.__rest(e,["node"]),l=Object.assign(Object.assign({},o),{_message:Object.assign(Object.assign({},a),{node_id:o.id})});return void(-1!==I.findIndex((e=>e.id===l.id))?U(l):U(l,t))}_({title:h({id:"notification.comment.somethingWrong"}),message:"",type:"danger"})}const t=I.find((e=>e.id==T));t&&t.hasOwnProperty("first_node")&&(w(I[1].id.toString()),we({nodes:I,activeId:I[1].id.toString(),params:A(),accountIdFromLogs:E.current}))}))),[U,I]),D=e.useCallback((()=>{const e=I.findIndex((({id:e})=>e==T));if(e&&-1!==e&&e>1){const t=I[e-1];w(t.id),we({nodes:I,activeId:t.id,params:C,accountIdFromLogs:E.current})}}),[I,T]),q=e.useCallback((()=>{const e=A();R(e,!1);const t=I[0],i=I[1];we({nodes:[t,i],activeId:String(t.id),params:e,accountIdFromLogs:E.current})}),[A,R,I]),F=e.useCallback((e=>{S((t=>e&&(null==e?void 0:e.node_id)&&(null==e?void 0:e.node_id)==T?t.map((t=>{const i=t;return i.id===T?Object.assign(Object.assign({},t),{_message:i._message?Object.assign(Object.assign({},i._message),e):e}):t})):t))}),[T]);e.useEffect((()=>{if(L.default.get(n.GA_TOKEN_COOKIE)){const e=A();R(e)}else re({condition:()=>Boolean(L.default.get(n.GA_TOKEN_COOKIE)),finished:()=>{const e=A();R(e)}})}),[]),e.useEffect((()=>{if(!I.length)return;I.find((e=>e.id==T))&&T||w(l+"")}),[T,I]);const $=e.useMemo((()=>({activeId:T,params:C,listNodes:I,loading:x,setLoading:N,getParams:A,onNext:j,onPrev:D,onSubmit:U,onStartOver:q,onChange:F,isShowFooter:O,setIsShowFooter:k,isFullContainer:r,bgImgFullContainer:f,isDisabledAnimationOnMobile:v,onCloseMobile:g,userInfo:b})),[T,j,D,U,F,q,O,C,I,x,N,A,r,v,g,b,f]);return I.length?B.default.createElement(Se.Provider,{value:$},B.default.createElement("div",{ref:y},o)):null},ke=e=>B.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),B.default.createElement("path",{d:"M5.991 4.99a1 1 0 0 0-.697 1.717L10.587 12l-5.293 5.293a1 1 0 1 0 1.414 1.415L12 13.415l5.293 5.293a1 1 0 1 0 1.414-1.415L13.415 12l5.293-5.293a1 1 0 1 0-1.414-1.414L12 10.586 6.708 5.293a1 1 0 0 0-.717-.302",fill:"#595959"})),Ce="480px",Me=G.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./Subot-e8e32c73.js"),i=require("./tslib.es6-92473394.js"),n=require("./index-377dcf63.js"),o=require("js-cookie"),a=require("fastdom"),l=require("fastdom/extensions/fastdom-promised"),r=require("string-format"),s=require("./utils-fa8ea45a.js"),d=require("uuid"),c=require("./isProduction-79e09f71.js"),u=require("hex-rgb"),m=require("classnames"),p=require("./index-20c9448d.js"),f=require("./index-b25871e4.js"),v=require("framer-motion"),g=require("./utils-6602144b.js"),b=require("styled-components"),h=require("./index-e592a397.js"),_=require("remarkable"),y=require("react-intersection-observer"),E=require("@mantine/core"),x=require("./index-2b5f13e9.js"),N=require("./index-4e0c886a.js"),T=require("dayjs"),w=require("dayjs/plugin/isSameOrBefore"),I=require("./index-feef2a5c.js"),S=require("./theme-9d8c0f15.js");require("@mantine/dates"),require("./translationsContext-9f3e5975.js"),require("@mantine/hooks");var O=require("lodash/isEmpty"),k=require("react-hook-form"),C=require("react-phone-number-input"),M=require("@react-google-maps/api"),A=require("./usePlacesAutocomplete-e636363d.js"),P=require("./index-3f66b676.js"),R=require("./index-09af54bf.js");function U(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("date-fns/locale"),require("./cookieHelper-66c3970b.js"),require("slugify"),require("./useTranslations-1da09077.js"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("@hhgtech/icons/other"),require("@mantine/carousel"),require("./useUniqueId-e6800dce.js"),require("@hhgtech/icons/core"),require("./WhatsApp-59bf48e6.js");var B=U(e),L=U(o),j=U(a),D=U(l),q=U(r),F=U(u),$=U(m),G=U(b),z=U(T),H=U(w),Y=U(O),V=U(C);const Q=j.default.extend(D.default),K={POST_VERIFY_SMS_OTP:"sms/update-phone",POST_SEND_OTP:"sms/otp",POST_SEND_OTP_WHATSAPP:"whatsapp/otp",POST_VERIFY_OTP:"sms/verify",POST_VERIFY_OTP_WHATSAPP:"sms/verify-whatsapp",GET_LANDING_PAGE_FIRST_NODE:"landing_page/bot",GET_LANDING_PAGE_NEXT_NODE:"landing_page/messages",POST_LANDING_PAGE_IMPRESSION:"landing_page/impressions",POST_LANDING_PAGE_CLICK:"landing_page/clicks",GET_INLINE_FIRST_NODE:"bots",GET_INLINE_MESSAGE:"inline/messages",GET_INLINE_IMPRESSION:"inline/impressions",GET_INLINE_CLICK:"inline/clicks",GET_SUBOT_LOG:"log/bot/{botId}/{cookieId}/{accountId}?type={type}",POST_SUBOT_CREATE_LOG:"log/bot",FETCH_URL_DATA:"preview",GET_VOUCHER_QUANTITY:"vouchers/total_quantity?search={search}&client_id={clientId}"},W={cached:{},clearCached:e=>{console.log(W.cached),Object.keys(W.cached).filter((t=>t.startsWith(e))).forEach((e=>{console.log(e),W.cached[e]=void 0}))},withCached:(e,t)=>i.__awaiter(void 0,void 0,void 0,(function*(){if("waitingTheFirstResponse"===W.cached[e])return new Promise((t=>{const i=(new Date).getTime(),n=setInterval((()=>{(new Date).getTime()-i>3e3&&clearInterval(n),"object"==typeof W.cached[e]&&(t(W.cached[e]),clearInterval(n))}),100)}));if("object"==typeof W.cached[e])return W.cached[e];W.cached[e]="waitingTheFirstResponse";try{const i=yield t();return W.cached[e]=i,setTimeout((()=>{W.cached[e]=void 0}),18e5),i}catch(t){return W.cached[e]=void 0,Promise.reject(t)}}))},X=(e,t)=>{const{subotApiUrl:i}=null===s.GlobalData||void 0===s.GlobalData?void 0:s.GlobalData.env;return(i.endsWith("frontend/api/")?i:i+"frontend/api/")+q.default(e,Object.assign({},t))},J=e=>i.__awaiter(void 0,void 0,void 0,(function*(){try{return yield s.callApi(X(K.GET_INLINE_MESSAGE),"POST",{data:e})}catch(e){}})),Z=e=>{var t;if(1===(null==e?void 0:e._status)&&(null===(t=null==e?void 0:e._data)||void 0===t?void 0:t.extra_settings))try{const t=JSON.parse(e._data.extra_settings);e._data.extra_settings="object"==typeof t?t:{sync_data_friso_campaign:!1}}catch(t){e._data.extra_settings={sync_data_friso_campaign:!1}}return e},ee=e=>i.__awaiter(void 0,void 0,void 0,(function*(){try{return yield W.withCached("SubotInlineFirstNode/"+e,(()=>i.__awaiter(void 0,void 0,void 0,(function*(){const t=yield s.callApi(X(K.GET_INLINE_FIRST_NODE)+`/${e}`,"GET");return Z(t),t}))))}catch(e){return null}})),te=e=>i.__awaiter(void 0,void 0,void 0,(function*(){try{return yield s.callApi(X(K.GET_INLINE_CLICK),"POST",{data:e})}catch(e){}})),ie=e=>i.__awaiter(void 0,void 0,void 0,(function*(){try{return yield s.callApi(X(K.GET_INLINE_IMPRESSION),"POST",{data:e})}catch(e){}})),ne=["form_submit_meta","selected_actions","current_selected","current_keys","current_polls"],oe=["bot_id","node_id","action_id","action_value","current_score","gtm_id","ga_client_id","is_new","title_url","url","window_id",...ne],ae=(e,t)=>(Object.keys(t).map((i=>{const n=t[i];if("source"!==i){if(oe.includes(i))if(ne.includes(i))try{e[i]=JSON.parse(n)}catch(e){}else e[i]="account_id"!==i&&"current_score"!==i&&"bot_id"!==i?n:parseInt(n)}else e.is_new="first_login"===n})),e),le=e=>[{id:d.v4(),label:JSON.stringify({title:"",description:""}),type:t.NodeIntentType.SSO_INTENT,url:""},{id:d.v4(),label:JSON.stringify({title:e({id:"subot.myHealth.title",defaultMessage:"My Health"}),description:e({id:"subot.myHealth.description",defaultMessage:"Personal identifiers (like your name) will always be removed to protect your privacy. "})}),type:t.NodeIntentType.SSO_INTENT,url:"/images/subot/my-health.svg"},{id:d.v4(),label:JSON.stringify({title:e({id:"subot.saveData.title",defaultMessage:"Save Data"}),description:e({id:"subot.saveData.description",defaultMessage:"Hellobacsi would like to learn from your data to provide better healthcare for you"})}),type:t.NodeIntentType.SSO_INTENT,url:"/images/subot/file-storage.svg"},{id:d.v4(),label:JSON.stringify({title:e({id:"subot.productYourIdentifiers.title",defaultMessage:"Protect your identifiers"}),description:e({id:"subot.productYourIdentifiers.description",defaultMessage:"Personal identifiers (like your name) will always be removed to protect your privacy. "})}),type:t.NodeIntentType.SSO_INTENT,url:"/images/subot/shield.svg"}];function re(e){const t=e.condition,i=e.finished,n=e.timeout||3e3,o=(new Date).getTime(),a=setInterval((()=>{((new Date).getTime()-o>n||t())&&(clearInterval(a),i())}),300)}const se=e=>s.cookie.parse(e||"")["hhg-id"]||L.default.get("hhg-id")||"",de=e=>{if(e)return L.default.set("hhg-id",e),e;const t=se();if(t)return t;const i=d.v4();return L.default.set("hhg-id",i),i},ce=e=>{const t=s.cookie.parse(e||"")[n.BEARER_TOKEN_COOKIE]||L.default.get(n.BEARER_TOKEN_COOKIE)||"";try{const e=t.split(".")[1].replace(/-/g,"+").replace(/_/g,"/"),i=decodeURIComponent(atob(e).split("").map((function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)})).join(""));return JSON.parse(i).sub}catch(e){return""}},ue=e=>{const t=s.cookie.parse(e||"")[n.BEARER_TOKEN_COOKIE]||L.default.get(n.BEARER_TOKEN_COOKIE)||"";try{const e=t.split(".")[1].replace(/-/g,"+").replace(/_/g,"/"),i=decodeURIComponent(atob(e).split("").map((function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)})).join("")),n=JSON.parse(i);return{email:n.email,id:n.sub}}catch(e){return{email:"",id:0}}},me=d.v4(),pe=()=>me,fe=(e,t)=>!t&&("undefined"!=typeof window&&("localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname))?"http://localhost":`https://${c.isProduction?"":"discover."}${n.domainLocales[e]}`,ve=e=>{const t=e||("undefined"==typeof navigator?"":navigator.userAgent);return!(!/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(t)&&!/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substring(0,4)))},ge=e=>{const t=document.createElement("a");t.href=e,t.target="_blank",t.click()},be=e=>{try{return e.dynamic_score||{}}catch(e){return{}}},he=(e,i,n,o)=>{const a=be(e[0]);if(!i)return{};const l=e.findIndex((e=>e.id==i)),r=e.reduce(((e,r,s)=>{var d,c;if(s>l)return e;const u=r,m=n&&u.id===i?{action_id:n}:u._message;let p=0;const f=null===(d=u.actions)||void 0===d?void 0:d.find((e=>e.id===(null==m?void 0:m.action_id)));p+=(null==f?void 0:f.score)||0;const v=void 0!==a[u.id],g=n&&u.id===i?o:null==m?void 0:m.form_submit_meta;if(v&&u.type===t.NodeType.FORM&&g){const e=a[u.id].action_id,t=null===(c=u.actions)||void 0===c?void 0:c.find((t=>t.id===e)),i=null==t?void 0:t.key,n=g.find((e=>e.key===i&&"number"===e.control));if(a[u.id].number&&["+","-","x","/"].includes(a[u.id].operator)&&(null==n?void 0:n.value)&&Number(n.value)){const e=Number(n.value),t=a[u.id].operator,i=a[u.id].number;let o=0;"+"===t&&(o=e+i),"-"===t&&(o=e-i),"x"===t&&(o=e*i),"/"===t&&(o=e/i),isNaN(o)||(p+=o)}}return e+p}),0);return{current_total_dynamic_score:r}},_e=(e,i)=>{const n=be(i[0]);if(0===Object.keys(n).length)return e;const o=i.filter((e=>e.type===t.NodeType.FORM));return Object.keys(n).forEach((t=>{var i,a,l;const r=o.find((e=>e.id===t)),s=null===(i=null==r?void 0:r.actions)||void 0===i?void 0:i.find((e=>{var i;return e.id===(null===(i=n[t])||void 0===i?void 0:i.action_id)})),d=null==s?void 0:s.key,c=null===(l=null===(a=null==r?void 0:r._message)||void 0===a?void 0:a.form_submit_meta)||void 0===l?void 0:l.find((e=>e.key===d&&"number"===e.control));if(n[t].number&&["+","-","x","/"].includes(n[t].operator)&&(null==c?void 0:c.value)&&Number(c.value)){const i=Number(c.value),o=n[t].operator,a=n[t].number;let l=0;if("+"===o&&(l=i+a),"-"===o&&(l=i-a),"x"===o&&(l=i*a),"/"===o&&(l=i/a),e.includes(`{{var:${d}}}`)){const t=new RegExp(`{{var:${d}}}`,"g");e=e.replace(t,String(Math.floor(100*l)/100))}}})),e},ye="other",Ee="stateInlineSSO",xe=()=>{try{const e=window.next.router.components["/[...slug]"].props.pageProps;return"services-connection"===e.template?{project_id:"care-path",user_funnel:e.spotlight.additionalSlugActive||"",audience_name:e.spotlight.groupIdActive||""}:{}}catch(e){return{}}},Ne=e=>{const i=e.filter((e=>"Unified Questions"===e.name)).reduce(((e,i)=>{var n,o,a,l,r,s,d,c,u,m,p,f,v,g,b,h,_,y,E,x,N;if(i.actions&&(null===(n=i._message)||void 0===n?void 0:n.action_id)&&(null===(o=i._message)||void 0===o?void 0:o.action_value)){const n=i._message.action_value;if(i.type===t.NodeType.FORM){const t=["address","province","district","commune"],n=((null===(a=i._message)||void 0===a?void 0:a.form_submit_meta)||[]).filter((e=>!t.includes(e.control))),o=((null===(l=i._message)||void 0===l?void 0:l.form_submit_meta)||[]).filter((e=>t.includes(e.control))).reduce(((e,t)=>(e[t.control]=t,e)),{}),p=[null===(r=o.address)||void 0===r?void 0:r.value,null===(s=o.commune)||void 0===s?void 0:s.value,null===(d=o.district)||void 0===d?void 0:d.value,null===(c=o.province)||void 0===c?void 0:c.value].filter(Boolean).join(", ");p&&o.address?e.push({attribute:o.address.key,value:p,label_question:(null===(m=null===(u=i.intents)||void 0===u?void 0:u[0])||void 0===m?void 0:m.label)||""}):n.forEach((t=>{var n,o;e.push({attribute:t.key,value:t.value,label_question:(null===(o=null===(n=i.intents)||void 0===n?void 0:n[0])||void 0===o?void 0:o.label)||""})}))}if(i.type===t.NodeType.TEXT)if(i.is_multi_select){const t=Object.keys(i._message.selected_actions||{}),n=i.actions.filter((e=>e.label&&t.includes(e.id))).map((e=>e.label));t.length&&e.push({attribute:i.actions[0].key||"",value:n,label_question:(null===(f=null===(p=i.intents)||void 0===p?void 0:p[0])||void 0===f?void 0:f.label)||""})}else{const o=i._message.action_id,a=i.actions.find((e=>e.id===o)),l=null==a?void 0:a.label,r=null===(b=null===(g=null===(v=i._message)||void 0===v?void 0:v.form_submit_meta)||void 0===g?void 0:g.find((e=>e.key===ye)))||void 0===b?void 0:b.value,s=(null==a?void 0:a.type)===t.NodeActionType.USER_CHOICE_TEXT_BY_INPUT;l&&o&&e.push({attribute:n,value:s&&r?r:l,label_question:(null===(_=null===(h=i.intents)||void 0===h?void 0:h[0])||void 0===_?void 0:_.label)||""})}if(i.type===t.NodeType.POLL){const t=i.id,n=(null===(E=null===(y=i._message)||void 0===y?void 0:y.current_polls)||void 0===E?void 0:E[t])||[],o=i.actions.filter((e=>e.label&&n.includes(e.id))).map((e=>e.label));n.length&&e.push({attribute:i.actions[0].key||"",value:o,label_question:(null===(N=null===(x=i.intents)||void 0===x?void 0:x[0])||void 0===N?void 0:N.label)||""})}}return e}),[]);return i},Te=(e,i)=>{var n;try{if("ACUVUE"!==(null===(n=i.extra_settings)||void 0===n?void 0:n.subot_type))return;let o="",a="",l="",r=ue().email;if((e||[]).forEach((e=>{var i,n,s;const d=e._message;if(!d)return;const c=null===(i=e.actions)||void 0===i?void 0:i.find((e=>e.id===d.action_id));if("voucher_product"===d.action_value?o=(null==c?void 0:c.label)||"":"voucher_color"===d.action_value&&(a=(null==c?void 0:c.label)||""),e.type===t.NodeType.FORM){const e=null===(n=d.form_submit_meta)||void 0===n?void 0:n.find((e=>"voucher_size"===e.key)),t=null===(s=d.form_submit_meta)||void 0===s?void 0:s.find((e=>"email"===e.control));e&&(l=e.value),t&&(r=t.value)}})),"ACUVUE® OASYS (1-DAY) WITH HYDRALUXE®"===o&&r)return{email:r,voucherName:o};if(o&&a&&l&&r)return{email:r,voucherName:`${o}|${a}|${l}`}}catch(e){console.log("ExtractVoucherAnswer",e)}},we=({nodes:e,activeId:o,params:a,accountIdFromLogs:l})=>i.__awaiter(void 0,void 0,void 0,(function*(){try{let i="in_progress";const r=e[e.length-1];(null==r?void 0:r.type)&&t.NodeFinalTypes.includes(r.type)&&(i="complete");const d=e.slice(1),c={activeId:o,params:a,nodes:d,tracking:Object.assign(Object.assign({},xe()),{full_url:window.location.href}),unifiedAnswers:Ne(d),voucherAnswers:Te(d,e[0])},u={cookie_id:de(),account_id:l||ce()||null,bot_id:e[0].id,flow_uuid:e[0].flow_uuid,data:JSON.stringify(c),status:i,type:"inline",market:n.MAP_DOMAIN_BY_LOCALE[s.locale]};yield s.callApi(X(K.POST_SUBOT_CREATE_LOG),"POST",{data:u})}catch(e){}})),Ie=(e,t)=>{try{const[i,n,o]=F.default(e,{format:"array"});return`rgba(${i}, ${n}, ${o}, ${t})`}catch(e){return}},Se=e.createContext({activeId:"",params:{},listNodes:[],loading:!0,getParams:()=>({}),onNext:()=>null,onPrev:()=>null,onSubmit:()=>null,onStartOver:()=>null,onChange:()=>null,isShowFooter:!1,setIsShowFooter:()=>null,setLoading:()=>null,userInfo:null}),Oe=({children:o,articleLink:a,subotId:l,isFullContainer:r,bgColor:d,primaryColor:c,textColor:u,textButtonColor:m,bgContentColor:p,bgImgFullContainer:f,isDisabledAnimationOnMobile:v,onCloseMobile:g,userInfo:b})=>{const{formatMessage:h,action:{pushNotifications:_}}=e.useContext(s.TogetherComponentGlobalContext),y=e.useRef(null),E=e.useRef(null),[x,N]=e.useState(!0),[T,w]=e.useState(""),[I,S]=e.useState([]),[O,k]=e.useState(!1),[C,M]=e.useState({});e.useEffect((()=>{const e=d||"#e3f2ff",t=c||"#2d87f3",i=(new Date).getTime(),n=setInterval((()=>{const o=y.current,a=(new Date).getTime();o&&(Q.mutate((()=>{o.style.setProperty("--subot-inline-bg-color",e),o.style.setProperty("--subot-inline-primary-color",t),o.style.setProperty("--subot-inline-primary-color-hover",Ie(t,.9)||t),o.style.setProperty("--subot-inline-primary-color-100",Ie(t,.1)||"#e3f2ff"),o.style.setProperty("--subot-inline-primary-color-300",Ie(t,.3)||"#bcdeff"),u&&o.style.setProperty("--subot-inline-text-color",u),m&&o.style.setProperty("--subot-inline-text-button-color",m),p&&o.style.setProperty("--subot-inline-bg-content-color",p)})),clearInterval(n)),a-i>18e4&&clearInterval(n)}),100);return()=>{clearInterval(n)}}),[d,c,u,m,p]);const A=e.useCallback((()=>{const e=window.gaData,t=window.location.origin+n.basePath+("tl-PH"===(null===s.GlobalData||void 0===s.GlobalData?void 0:s.GlobalData.locale)?a.replace("fil/",""):a),i={bot_id:l,account_id:ce()||null,action_id:"",action_value:"",cookie_id:de(),current_score:0,current_keys:[],current_selected:[],form_submit_meta:[],gtm_id:e?Object.keys(e)[0]:"",ga_client_id:L.default.get("_ga")||"",is_new:!1,mode:"inline",node_id:"",selected_actions:{},title_url:document.title||"",url:t.replace("http://localhost:6006","https://discover.hellobacsi.com").replace("http://localhost","https://discover.hellobacsi.com").replace("dev.","discover.").replace("staging.hellohealthgroup.com","discover.hellodoctor.com.ph").replace("https://hellohealthgroup.com","https://hellodoctor.com.ph"),window_id:pe()};return ae(i,null===s.GlobalData||void 0===s.GlobalData?void 0:s.GlobalData.router.query)}),[]),P=e.useCallback((()=>{var e;null===(e=y.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start",inline:"center"})}),[]),R=e.useCallback(((e,n=!0)=>i.__awaiter(void 0,void 0,void 0,(function*(){var o;if(!e||!e.url||!e.bot_id)return;let a="",l=[];N(!0);const r=yield ee(e.bot_id);1===(null==r?void 0:r._status)&&(a=null==r?void 0:r._data.id.toString(),l.push(null==r?void 0:r._data,null==r?void 0:r._data.first_node));const d=n?yield(c=l[0],i.__awaiter(void 0,void 0,void 0,(function*(){var e,t;try{if(!c)return null;const i=yield s.callApi(X(K.GET_SUBOT_LOG,{botId:c.id,cookieId:de(),accountId:ce()||"",type:"inline"}),"GET");if(!(null===(e=null==i?void 0:i._data)||void 0===e?void 0:e.data)||"inline"!==(null===(t=null==i?void 0:i._data)||void 0===t?void 0:t.type))return null;const n=JSON.parse(i._data.data),o=n.nodes,a="in_progress"===i._data.status,l="complete"===i._data.status;return a||l?{nodes:[c,...o],activeId:n.activeId,params:Object.assign(Object.assign({},n.params),{account_id:ce()||n.params.account_id||null})}:null}catch(e){return null}}))):null;var c;d&&(l=d.nodes,a=d.activeId,E.current=(null===(o=d.params)||void 0===o?void 0:o.account_id)||0);const u=((e,{getParams:i})=>{try{if(!ce())return null;const n=JSON.parse(localStorage.getItem(Ee)||""),o=18e5;return(null==n?void 0:n.botId)===e&&n.listNodes&&n.activeId&&n.createdAt+o>Date.now()&&(localStorage.removeItem(Ee),n.listNodes.slice(-1)[0].position===t.NodePosition.SSO)?{listNodes:n.listNodes,activeId:n.activeId,params:Object.assign(Object.assign(Object.assign({},i()),n.params),{account_id:ce()||null,cookie_id:de(n.params.cookie_id)})}:null}catch(e){return null}})(e.bot_id,{getParams:A});if(u&&u.params.action_id&&u.params.action_value){const e=yield J(u.params);1===(null==e?void 0:e._status)&&(null==e?void 0:e._data.node)&&(a=null==e?void 0:e._data.node.id,l=u.listNodes,l[l.length-1]=null==e?void 0:e._data.node,we({nodes:l,activeId:a,params:u.params,accountIdFromLogs:E.current}),setTimeout((()=>{P()}),100))}const m=(null==u?void 0:u.params)||(null==d?void 0:d.params)||e,[p,f]=((e,t,i)=>{if(!(null==e?void 0:e.subot_field_type))return[t,i];const n=i.find((e=>e.id==t));return n&&n.hasOwnProperty("first_node")&&i.length>1?[i[1].id,i]:[t,i]})(l[0],a,l);N(!1),w(p),S(f),M(Object.assign(Object.assign({},e),m))}))),[]),U=e.useCallback(((e,t)=>{const i=document.querySelector(`.si-revamp-event-submission[data-bot-id="${l}"]`);i&&i.click();let n=T,o=[...I];if(null==t?void 0:t.node_id){const e=o.findIndex((({id:e})=>e==t.node_id));-1!==e&&(o[e]._message=Object.assign(Object.assign({},o[e]._message),t),o=[...o.slice(0,e+1)])}if(N(!0),e){const t=o.findIndex((({id:t})=>t==(null==e?void 0:e.id)));if(-1===t)o=[...o,Object.assign({},e)];else{const i=Object.assign(Object.assign(Object.assign({},o[t]),e),{_message:Object.assign(Object.assign({},o[t]._message),null==e?void 0:e._message)});o=[...o.slice(0,t),Object.assign({},i),...o.slice(t+1)]}n=e.id}setTimeout((()=>{S(o),w(n),N(!1),we({nodes:o,activeId:n,params:C,accountIdFromLogs:E.current})}),250)}),[I,T]),j=e.useCallback((e=>i.__awaiter(void 0,void 0,void 0,(function*(){if(null==e?void 0:e.node_id){const t=Object.assign(Object.assign({},e),he(I,T,e.action_id)),n=yield J(t);if(N(!1),1===(null==n?void 0:n._status)){const e=null==n?void 0:n._data,{node:o}=e,a=i.__rest(e,["node"]),l=Object.assign(Object.assign({},o),{_message:Object.assign(Object.assign({},a),{node_id:o.id})});return void(-1!==I.findIndex((e=>e.id===l.id))?U(l):U(l,t))}_({title:h({id:"notification.comment.somethingWrong"}),message:"",type:"danger"})}const t=I.find((e=>e.id==T));t&&t.hasOwnProperty("first_node")&&(w(I[1].id.toString()),we({nodes:I,activeId:I[1].id.toString(),params:A(),accountIdFromLogs:E.current}))}))),[U,I]),D=e.useCallback((()=>{const e=I.findIndex((({id:e})=>e==T));if(e&&-1!==e&&e>1){const t=I[e-1];w(t.id),we({nodes:I,activeId:t.id,params:C,accountIdFromLogs:E.current})}}),[I,T]),q=e.useCallback((()=>{const e=A();R(e,!1);const t=I[0],i=I[1];we({nodes:[t,i],activeId:String(t.id),params:e,accountIdFromLogs:E.current})}),[A,R,I]),F=e.useCallback((e=>{S((t=>e&&(null==e?void 0:e.node_id)&&(null==e?void 0:e.node_id)==T?t.map((t=>{const i=t;return i.id===T?Object.assign(Object.assign({},t),{_message:i._message?Object.assign(Object.assign({},i._message),e):e}):t})):t))}),[T]);e.useEffect((()=>{if(L.default.get(n.GA_TOKEN_COOKIE)){const e=A();R(e)}else re({condition:()=>Boolean(L.default.get(n.GA_TOKEN_COOKIE)),finished:()=>{const e=A();R(e)}})}),[]),e.useEffect((()=>{if(!I.length)return;I.find((e=>e.id==T))&&T||w(l+"")}),[T,I]);const $=e.useMemo((()=>({activeId:T,params:C,listNodes:I,loading:x,setLoading:N,getParams:A,onNext:j,onPrev:D,onSubmit:U,onStartOver:q,onChange:F,isShowFooter:O,setIsShowFooter:k,isFullContainer:r,bgImgFullContainer:f,isDisabledAnimationOnMobile:v,onCloseMobile:g,userInfo:b})),[T,j,D,U,F,q,O,C,I,x,N,A,r,v,g,b,f]);return I.length?B.default.createElement(Se.Provider,{value:$},B.default.createElement("div",{ref:y},o)):null},ke=e=>B.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),B.default.createElement("path",{d:"M5.991 4.99a1 1 0 0 0-.697 1.717L10.587 12l-5.293 5.293a1 1 0 1 0 1.414 1.415L12 13.415l5.293 5.293a1 1 0 1 0 1.414-1.415L13.415 12l5.293-5.293a1 1 0 1 0-1.414-1.414L12 10.586 6.708 5.293a1 1 0 0 0-.717-.302",fill:"#595959"})),Ce="480px",Me=G.default.div`
   position: relative;
 
   .si-inline-revamp-container {
@@ -1548,7 +1548,7 @@
       height: 24px;
     }
   }
-`,xi=e=>{var t;const i="+("+C.getCountryCallingCode(e.country)+")",n=null===(t=e.flagUrl)||void 0===t?void 0:t.replace("{XX}",e.country);return B.default.createElement(yi,null,B.default.createElement("img",{className:"PhoneInputCountryIconImg",alt:e.countryName,src:n,loading:"lazy"}),B.default.createElement("div",null,i))},Ni=e=>B.default.createElement(Ei,Object.assign({},e,{flagComponent:xi})),Ti=({className:o,style:a,actions:l,countryCode:r,callBack:d,formSubmitMeta:c,isFormRevamp:u,botId:m,nodeId:p,trackingSubmitBtn:v})=>{const g=e.useRef(),b=null===s.GlobalData||void 0===s.GlobalData?void 0:s.GlobalData.userInfo,_=null===s.GlobalData||void 0===s.GlobalData?void 0:s.GlobalData.locale,y=Le(),{formatMessage:E,action:{pushNotifications:x}}=e.useContext(s.TogetherComponentGlobalContext),N=(t=>{const i=(t||"vn").toLowerCase(),n=Vt(i,1),o=Vt(i,2),a=Vt(i,3),[l,r]=e.useState([]),[s,d]=e.useState([]),[c,u]=e.useState([]),[m,p]=e.useState(""),[f,v]=e.useState(""),[g,b]=e.useState("");return e.useEffect((()=>{Qt(i,n,void 0,(e=>{r(e.sort(Kt))}))}),[i,n]),e.useEffect((()=>{o&&Qt(i,o,{key:n,value:m},(e=>{d(e.sort(Kt))}))}),[i,n,o,m]),e.useEffect((()=>{a&&Qt(i,a,{key:o,value:f},(e=>{u(e.sort(Kt))}))}),[i,o,a,f]),{level1:l,level2:s,level3:c,setSelectedLevel1:p,setSelectedLevel2:v,setSelectedLevel3:b,selectedLevel1:m,selectedLevel2:f,selectedLevel3:g}})(r),T=e.useMemo((()=>N.level1.map((e=>({label:e,value:e})))),[N.level1]),w=e.useMemo((()=>N.level2.map((e=>({label:e,value:e})))),[N.level2]),I=e.useMemo((()=>N.level3.map((e=>({label:e,value:e})))),[N.level3]),[S,O]=e.useState(!1),[M,A]=e.useState(!1),[U,L]=e.useState(!1),[j,D]=e.useState(!1),[q,F]=e.useState(!1),G=(e=>e.find((({type:e})=>e===t.NodeActionType.USER_SUBMIT_CONFIRM)))(l),H=(e=>e.find((({type:e})=>e===t.NodeActionType.USER_SUBMIT_EMAIL)))(l),Q=(e=>e.find((({type:e})=>e===t.NodeActionType.USER_SUBMIT_NAME)))(l),W=(e=>e.find((({type:e})=>e===t.NodeActionType.USER_SUBMIT_PHONE)))(l),J=di(l),Z=si(l)||J,ee=Boolean(G),te=Boolean(Z||J),ie=e.useMemo((()=>{const e={},i=ue();return(null==H?void 0:H.key)&&i.email&&(e[H.key]=i.email),(null==Q?void 0:Q.key)&&(null==b?void 0:b.name)&&(e[Q.key]=b.name),(null==W?void 0:W.key)&&(null==b?void 0:b.phone)&&(null==b?void 0:b.area_code)&&(e[W.key]=(null==b?void 0:b.area_code)+b.phone),(null==Z?void 0:Z.key)&&(null==b?void 0:b.phone)&&(e[Z.key]=b.area_code+b.phone,e.otpPhoneNumber=b.area_code+b.phone),null==c||c.forEach((i=>{te&&(e=>e===t.ELEMENT_CONTROL_INPUT_TYPE[t.NodeActionType.USER_SUBMIT_OTP]||e===t.ELEMENT_CONTROL_INPUT_TYPE[t.NodeActionType.USER_SUBMIT_WHATSAPP])(i.control)?e.otpPhoneNumber=i.value:e[i.key]=i.value})),e.otpPhoneNumber&&F(!0),e}),[]),ne=e.useMemo((()=>m&&p?{"data-event-category":"Service Connection","data-event-action":"Risk Screening Send OTP","data-event-label":y,"data-bot-id":m,"data-question-id":p}:{}),[m,p]),oe=e.useMemo((()=>m&&p?{"data-event-category":"Service Connection","data-event-action":"Risk Screening Verify OTP","data-event-label":y,"data-bot-id":m,"data-question-id":p}:{}),[m,p]),ae=e.useMemo((()=>v||(m&&p?{"data-event-category":"Service Connection","data-event-action":"Risk Screening User Info Submit","data-event-label":y,"data-bot-id":m,"data-question-id":p}:{})),[m,p,JSON.stringify(v)]),le=e.useMemo((()=>l.findIndex((e=>t.FULL_KEY_ADDRESS.includes(e.type)))),[l]),re=e.useMemo((()=>l.find((e=>t.NodeActionType.USER_SUBMIT_ADDRESS===e.type))),[l]),se=e.useMemo((()=>l.find((e=>t.NodeActionType.USER_SUBMIT_ADDRESS_PROVINCE===e.type))),[l]),de=e.useMemo((()=>l.find((e=>t.NodeActionType.USER_SUBMIT_ADDRESS_DISTRICT===e.type))),[l]),ce=e.useMemo((()=>l.find((e=>t.NodeActionType.USER_SUBMIT_ADDRESS_COMMUNE===e.type))),[l]),me=t.ELEMENT_CONTROL_INPUT_TYPE,{register:pe,handleSubmit:fe,watch:ve,formState:{errors:ge},control:be,setValue:he,setError:_e,clearErrors:ye,getValues:Ee,trigger:xe}=k.useForm({defaultValues:ie}),Ne=ve("confirm",!0),Te=ve("otpPhoneNumber",""),we=e=>i.__awaiter(void 0,void 0,void 0,(function*(){var t,i,n,o;e.preventDefault();const a=Ee(),r=C.parsePhoneNumber(a.otpPhoneNumber);if((null==r?void 0:r.nationalNumber)&&(null==r?void 0:r.countryCallingCode)){O(!0);try{const e=yield s.callApi(X(J?K.POST_SEND_OTP_WHATSAPP:K.POST_SEND_OTP),"POST",{data:J?{phone_number:`+${r.countryCallingCode}${r.nationalNumber}`}:{phone_number:r.nationalNumber,area_code:`+${r.countryCallingCode}`}});if(O(!1),1===(null==e?void 0:e._status))return j&&(L(!1),g.current.reset()),D(!0),void setTimeout((()=>{const e=document.querySelector(".input-otp-code");e&&(e.focus(),e.scrollIntoView({block:"center"}))}),100);if(0===(null==e?void 0:e._status)&&("This phone number was verified"===(null===(t=null==e?void 0:e._messages)||void 0===t?void 0:t[0])||"This phone number was verified on Whatsapp"===(null===(i=null==e?void 0:e._messages)||void 0===i?void 0:i[0])))return x({title:"",message:"Số điện thoại này đã được xác minh.",type:"success"}),ye((null===(n=si(l))||void 0===n?void 0:n.key)||(null===(o=di(l))||void 0===o?void 0:o.key)),ye("otpPhoneNumber"),void F(!0);if(-1===(null==e?void 0:e._status)){const{_messages:t}=e;return g.current&&g.current.cancel(),void x({title:"",message:t[0],type:"warning"})}if(!e||0===(null==e?void 0:e._status))return g.current&&g.current.cancel(),void Ie()}catch(e){O(!1),g.current&&g.current.cancel(),Ie()}}})),Ie=()=>{x({title:"",message:E({id:"notification.comment.somethingWrong"}),type:"danger"})},Se=()=>B.default.createElement(ri,null,re&&B.default.createElement("div",{className:"input-row",key:re.id},B.default.createElement("label",{htmlFor:re.key},re.label),B.default.createElement("input",Object.assign({id:re.id,placeholder:re.label},pe((null==re?void 0:re.key)||"",{required:!0}))),ge[(null==re?void 0:re.key)||""]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"}))),B.default.createElement("div",{className:"wrapper-address-lever"},se&&B.default.createElement("div",{className:"input-row",key:se.id},B.default.createElement("label",{htmlFor:se.key,className:re?"hide-label":""},se.label),B.default.createElement("div",{style:{background:"#fff"},className:"address-input"},B.default.createElement(k.Controller,{name:se.key||"",control:be,rules:{required:!0},render:e=>{var t;return B.default.createElement(R.Dropdown,{id:se.id,options:T,onChange:t=>{var n;e.field.onChange(t),n=t,i.__awaiter(void 0,void 0,void 0,(function*(){n&&n.value&&""!==n.value&&(N.setSelectedLevel1(n.value),he("district",""),he("commune",""))}))},value:e.field.value,placeholder:(null==se?void 0:se.label)||"",className:"address-dropdown "+((null===(t=e.field.value)||void 0===t?void 0:t.value)?"":"show-placeholder")})}})),ge[se.key||""]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"}))),de&&B.default.createElement("div",{className:"input-row",key:de.id},B.default.createElement("label",{htmlFor:de.key,className:re?"hide-label":""},de.label),B.default.createElement("div",{style:{background:"#fff"},className:"address-input"},B.default.createElement(k.Controller,{name:de.key||"",control:be,rules:{required:!0},render:e=>{var t;return B.default.createElement(R.Dropdown,{id:de.id,options:w,onChange:t=>{var n;e.field.onChange(t),n=t,i.__awaiter(void 0,void 0,void 0,(function*(){n&&n.value&&""!==n.value&&(N.setSelectedLevel2(n.value),he("commune",""))}))},value:e.field.value,placeholder:(null==de?void 0:de.label)||"",className:"address-dropdown "+((null===(t=e.field.value)||void 0===t?void 0:t.value)?"":"show-placeholder")})}})),ge[(null==de?void 0:de.key)||""]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"}))),ce&&B.default.createElement("div",{className:"input-row",key:ce.id},B.default.createElement("label",{htmlFor:ce.key,className:re?"hide-label":""},ce.label),B.default.createElement("div",{style:{background:"#fff"},className:"address-input"},B.default.createElement(k.Controller,{name:ce.key||"",control:be,rules:{required:!0},render:e=>{var t;return B.default.createElement(R.Dropdown,{id:ce.id,options:I,onChange:t=>{e.field.onChange(t)},value:e.field.value,placeholder:(null==ce?void 0:ce.label)||"",className:"address-dropdown "+((null===(t=e.field.value)||void 0===t?void 0:t.value)?"":"show-placeholder")})}})),ge[ce.key||""]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"}))))),Oe=(e,o)=>{var a;if(!e.key)return null;if(le===o)return Se();switch(e.type){case t.NodeActionType.USER_SUBMIT_DROPDOWN:const o=e.url?e.url.split("\n"):[];return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement(k.Controller,{key:e.key,control:be,name:e.key,render:({field:t})=>B.default.createElement(h.Select,Object.assign({searchable:!0,data:o,placeholder:e.label},t,{withinPortal:!0,zIndex:1e3}))}),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"})));case t.NodeActionType.USER_SUBMIT_EMAIL:const l=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement("input",Object.assign({id:e.id,placeholder:e.label},pe(e.key,{required:!0,pattern:l}))),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E("pattern"!==(null===(a=ge[e.key])||void 0===a?void 0:a.type)?{id:"validation.error.requiredField",defaultMessage:"This field is required"}:{id:"validation.error.validEmail",defaultMessage:"Please enter a valid email address."})));case t.NodeActionType.USER_SUBMIT_NAME:return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement("input",Object.assign({id:e.id,placeholder:e.label},pe(e.key,{required:!0}))),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"})));case t.NodeActionType.USER_SUBMIT_PHONE:return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement(k.Controller,{name:e.key,control:be,rules:{required:!0,validate:e=>C.isPossiblePhoneNumber(e)},render:({field:{onChange:t,value:i}})=>B.default.createElement(V.default,{value:i,onChange:t,defaultCountry:r,id:e.id})}),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.validNumber",defaultMessage:"Please enter a valid number."})));case t.NodeActionType.USER_SUBMIT_NUMBER:return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement("input",Object.assign({type:"number",id:e.id},pe(e.key,{required:!0}))),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"})));case t.NodeActionType.USER_SUBMIT_DATE:return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement(ai,null,B.default.createElement(f.DatePicker,{locale:_||"en-PH",displayDateFormat:n.DATE_FNS_DATE_FORMAT,onChange:t=>{const i=z.default(t).format(n.API_DATE_FORMAT);he(e.key,i),xe(e.key)}}),B.default.createElement("input",Object.assign({id:e.id,type:"date",className:"input-date"},pe(e.key,{required:!0})))),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"})));case t.NodeActionType.USER_SUBMIT_BMI:return B.default.createElement("div",{key:e.id},B.default.createElement("div",{className:"input-row",key:`${e.id}-weight`},B.default.createElement("label",{htmlFor:`${e.key}-weight`},E({id:"home.bmi.input.weight",defaultMessage:"Weight"})),B.default.createElement("input",Object.assign({type:"number",id:`${e.id}-weight`},pe(`${e.key}-weight`,{required:!0}))),ge[`${e.key}-weight`]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"}))),B.default.createElement("div",{className:"input-row",key:`${e.id}-height`},B.default.createElement("label",{htmlFor:`${e.key}-height`},E({id:"home.bmi.input.height",defaultMessage:"Height"})),B.default.createElement("input",Object.assign({type:"number",id:`${e.id}-height`},pe(`${e.key}-height`,{required:!0}))),ge[`${e.key}-height`]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"}))));case t.NodeActionType.USER_SUBMIT_GENDER:return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",null,e.label),B.default.createElement("div",{className:"radio-group"},B.default.createElement("label",{className:"radio-label"},B.default.createElement("input",Object.assign({},pe(e.key,{required:!0,value:"female"}),{id:`${e.id}-female`,type:"radio"})),B.default.createElement("span",null,E({id:"gender.female",defaultMessage:"Female"}))),B.default.createElement("label",{className:"radio-label"},B.default.createElement("input",Object.assign({},pe(e.key,{required:!0,value:"male"}),{id:`${e.id}-male`,type:"radio"})),B.default.createElement("span",null,E({id:"gender.male",defaultMessage:"Male"}))),B.default.createElement("label",{className:"radio-label"},B.default.createElement("input",Object.assign({},pe(e.key,{required:!0,value:"not_identified"}),{id:`${e.id}-not_identified`,type:"radio"})),B.default.createElement("span",null,E({id:"gender.not_identified",defaultMessage:"I prefer not to say"})))),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"})));case t.NodeActionType.USER_SUBMIT_TEXT:return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement("input",Object.assign({id:e.id,placeholder:e.label},pe(e.key,{required:!0}))),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"})));case t.NodeActionType.USER_SUBMIT_OTP:case t.NodeActionType.USER_SUBMIT_WHATSAPP:return B.default.createElement("div",null,B.default.createElement("div",{className:"input-row input-row--otp"},B.default.createElement("label",{htmlFor:"otpPhoneNumber"},e.label),B.default.createElement(k.Controller,{name:"otpPhoneNumber",control:be,rules:{required:!0,validate:e=>C.isPossiblePhoneNumber(e)},render:({field:{onChange:t,value:i}})=>{const n=!U&&j||S||q;return B.default.createElement(fi,null,B.default.createElement(Ni,{value:i,onChange:t,defaultCountry:r,className:`input-row ${e.id}`,name:"otpPhoneNumber",disabled:n,placeholder:e.label,flagComponent:xi}),n&&B.default.createElement(ui,{viewBox:"0 0 24 24",className:"icon-edit-phone",onClick:()=>{var e;he("otpPhoneNumber",""),he("otpCode",""),D(!1),F(!1),null===(e=g.current)||void 0===e||e.cancel()}}))}}),ge.otpPhoneNumber&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.validNumber",defaultMessage:"Please enter a valid number."})),q?"":B.default.createElement(h.Button,Object.assign({size:"sm",loading:S,disabled:!U&&j||S||!C.isPossiblePhoneNumber(Te||""),onClick:we,variant:"ghost",className:"btn-send-otp"},ne),j?B.default.createElement(pi,{ref:g,isFinished:U,onFinish:L}):B.default.createElement("span",null,E({id:"subot.sendOTP.button",defaultMessage:"Send OTP"})))),j&&B.default.createElement("div",{className:$.default("input-row input-row--verify",{"verified-otp":q,"error-verify-otp":ge.otpCode})},B.default.createElement("label",{htmlFor:"otpCode"},"Mã OTP"),B.default.createElement(k.Controller,{name:"otpCode",control:be,rules:{required:!0,pattern:/^[0-9]{0,6}$/},render:({field:{onChange:e,value:t}})=>B.default.createElement("input",{onChange:e,value:t,type:"tel",disabled:q,className:"input-otp-code"})}),ge.otpCode&&B.default.createElement("p",{className:"error-message"},B.default.createElement(mi,null),E({id:"validation.error.validOTP",defaultMessage:"Invalid OTP provided"})),q?B.default.createElement("div",{className:"verify-success"},B.default.createElement(ci,null),B.default.createElement("span",{className:"verify-success-label"},E({id:"subot.verifyOTP.success.message",defaultMessage:"Verified successful"}))):B.default.createElement(P.Button,Object.assign({className:"submit-btn",size:u?"md":"lg",isLoading:M,isDisabled:!j,onClick:t=>((e,t)=>i.__awaiter(void 0,void 0,void 0,(function*(){e.preventDefault(),A(!0);const i=Ee(),n=C.parsePhoneNumber(i.otpPhoneNumber);if(t.key&&n){try{const e=yield s.callApi(X(J?K.POST_VERIFY_OTP_WHATSAPP:K.POST_VERIFY_OTP),"POST",{data:J?{code:i.otpCode,phone_number:`+${n.countryCallingCode}${n.nationalNumber}`}:{code:i.otpCode,phone_number:n.nationalNumber,area_code:`+${n.countryCallingCode}`}});if(1===(null==e?void 0:e._status))return x({title:"",message:null==e?void 0:e._messages[0],type:"success"}),ye("otpCode"),F(!0),void A(!1);throw new Error}catch(e){x({title:"",message:E({id:"validation.error.validOTP"}),type:"danger"}),_e("otpCode",{type:"custom"})}A(!1)}})))(t,e)},oe),E({id:"subot.verifyOTP.button",defaultMessage:"Verify OTP"}))));case t.NodeActionType.USER_SUBMIT_GOOGLE_API_ADDRESS:return B.default.createElement(oi,{action:e,control:be,formError:ge[e.key],key:e.id,initValue:null==ie?void 0:ie[e.key],onChange:he});default:return""}};return B.default.createElement(li,{className:o,style:a},B.default.createElement("form",{onSubmit:fe((e=>{te&&!q||(null==e||delete e.confirm,Y.default(ge)&&(e=>{const i=[];for(const o of l)if(o.key&&o.type!==t.NodeActionType.USER_SUBMIT_CONFIRM&&o.type!==t.NodeActionType.USER_SUBMIT_TERMS)if(o.type===t.NodeActionType.USER_SUBMIT_GOOGLE_API_ADDRESS){const t=e[o.key];ni.forEach((e=>{t[e]&&i.push({key:o.key,control:e,value:t[e]})}))}else o.type===t.NodeActionType.USER_SUBMIT_ADDRESS_PROVINCE||o.type===t.NodeActionType.USER_SUBMIT_ADDRESS_DISTRICT||o.type===t.NodeActionType.USER_SUBMIT_ADDRESS_COMMUNE?i.push({key:o.key,control:me[o.type]||"",value:e[o.key].label||""}):(n=o.type)===t.NodeActionType.USER_SUBMIT_OTP||n===t.NodeActionType.USER_SUBMIT_WHATSAPP?i.push({key:o.key,control:t.ELEMENT_CONTROL_INPUT_TYPE[t.NodeActionType.USER_SUBMIT_OTP],value:e.otpPhoneNumber}):o.type&&"bmi"===me[o.type]?i.push({key:o.key,control:"bmi-weight",value:e[`${o.key}-weight`]||""},{key:o.key,control:"bmi-height",value:e[`${o.key}-height`]||""}):i.push({key:o.key,control:me[o.type]||"",value:e[o.key]||""});var n;const o=l.filter((e=>e.type===t.NodeActionType.USER_SUBMIT_SEND)),a={action_id:o[0].id,action_value:o[0].key,form_submit_meta:i.filter((({control:e})=>{switch(e){case"confirm":case"submit":case"terms":case"":return!1;default:return!0}}))};d(a)})(e))})),className:"user-info-form"},l.map(((e,t)=>Oe(e,t))),l.map((e=>(e=>{switch(e.type){case t.NodeActionType.USER_SUBMIT_CONFIRM:return B.default.createElement("div",{className:"submit-btn-row",key:e.id},B.default.createElement("label",{className:"subot-checkbox"},B.default.createElement("input",Object.assign({},pe("confirm"),{type:"checkbox",defaultChecked:!0,className:"subot-checkbox__input"})),B.default.createElement("span",{className:"subot-checkbox__label"},B.default.createElement(Ke,null,e.label))));case t.NodeActionType.USER_SUBMIT_SEND:const i=!!te&&!q;return B.default.createElement("div",{className:"submit-btn-row",key:e.id},B.default.createElement("button",Object.assign({id:e.id,className:"submit-btn",type:"submit",disabled:ee&&!Ne||i},ae,{"data-response-id":e.id}),e.label));case t.NodeActionType.USER_SUBMIT_TERMS:return B.default.createElement("div",{className:"form-terms",key:e.id},B.default.createElement(Ke,null,e.label));default:return""}})(e)))))},wi=G.default.div`
+`,xi=e=>{var t;const i="+("+C.getCountryCallingCode(e.country)+")",n=null===(t=e.flagUrl)||void 0===t?void 0:t.replace("{XX}",e.country);return B.default.createElement(yi,null,B.default.createElement("img",{className:"PhoneInputCountryIconImg",alt:e.countryName,src:n,loading:"lazy"}),B.default.createElement("div",null,i))},Ni=e=>B.default.createElement(Ei,Object.assign({},e,{flagComponent:xi})),Ti=({className:o,style:a,actions:l,countryCode:r,callBack:d,formSubmitMeta:c,isFormRevamp:u,botId:m,nodeId:p,trackingSubmitBtn:v})=>{const g=e.useRef(),b=null===s.GlobalData||void 0===s.GlobalData?void 0:s.GlobalData.userInfo,_=null===s.GlobalData||void 0===s.GlobalData?void 0:s.GlobalData.locale,y=Le(),{formatMessage:E,action:{pushNotifications:x}}=e.useContext(s.TogetherComponentGlobalContext),N=(t=>{const i=(t||"vn").toLowerCase(),n=Vt(i,1),o=Vt(i,2),a=Vt(i,3),[l,r]=e.useState([]),[s,d]=e.useState([]),[c,u]=e.useState([]),[m,p]=e.useState(""),[f,v]=e.useState(""),[g,b]=e.useState("");return e.useEffect((()=>{Qt(i,n,void 0,(e=>{r(e.sort(Kt))}))}),[i,n]),e.useEffect((()=>{o&&Qt(i,o,{key:n,value:m},(e=>{d(e.sort(Kt))}))}),[i,n,o,m]),e.useEffect((()=>{a&&Qt(i,a,{key:o,value:f},(e=>{u(e.sort(Kt))}))}),[i,o,a,f]),{level1:l,level2:s,level3:c,setSelectedLevel1:p,setSelectedLevel2:v,setSelectedLevel3:b,selectedLevel1:m,selectedLevel2:f,selectedLevel3:g}})(r),T=e.useMemo((()=>N.level1.map((e=>({label:e,value:e})))),[N.level1]),w=e.useMemo((()=>N.level2.map((e=>({label:e,value:e})))),[N.level2]),I=e.useMemo((()=>N.level3.map((e=>({label:e,value:e})))),[N.level3]),[S,O]=e.useState(!1),[M,A]=e.useState(!1),[U,L]=e.useState(!1),[j,D]=e.useState(!1),[q,F]=e.useState(!1),G=(e=>e.find((({type:e})=>e===t.NodeActionType.USER_SUBMIT_CONFIRM)))(l),H=(e=>e.find((({type:e})=>e===t.NodeActionType.USER_SUBMIT_EMAIL)))(l),Q=(e=>e.find((({type:e})=>e===t.NodeActionType.USER_SUBMIT_NAME)))(l),W=(e=>e.find((({type:e})=>e===t.NodeActionType.USER_SUBMIT_PHONE)))(l),J=di(l),Z=si(l)||J,ee=Boolean(G),te=Boolean(Z||J),ie=e.useMemo((()=>{const e={},i=ue();return(null==H?void 0:H.key)&&i.email&&(e[H.key]=i.email),(null==Q?void 0:Q.key)&&(null==b?void 0:b.name)&&(e[Q.key]=b.name),(null==W?void 0:W.key)&&(null==b?void 0:b.phone)&&(null==b?void 0:b.area_code)&&(e[W.key]=(null==b?void 0:b.area_code)+b.phone),(null==Z?void 0:Z.key)&&(null==b?void 0:b.phone)&&(e[Z.key]=b.area_code+b.phone,e.otpPhoneNumber=b.area_code+b.phone),null==c||c.forEach((i=>{te&&(e=>e===t.ELEMENT_CONTROL_INPUT_TYPE[t.NodeActionType.USER_SUBMIT_OTP]||e===t.ELEMENT_CONTROL_INPUT_TYPE[t.NodeActionType.USER_SUBMIT_WHATSAPP])(i.control)?e.otpPhoneNumber=i.value:e[i.key]=i.value})),e.otpPhoneNumber&&F(!0),e}),[]),ne=e.useMemo((()=>m&&p?{"data-event-category":"Service Connection","data-event-action":"Risk Screening Send OTP","data-event-label":y,"data-bot-id":m,"data-question-id":p}:{}),[m,p]),oe=e.useMemo((()=>m&&p?{"data-event-category":"Service Connection","data-event-action":"Risk Screening Verify OTP","data-event-label":y,"data-bot-id":m,"data-question-id":p}:{}),[m,p]),ae=e.useMemo((()=>v||(m&&p?{"data-event-category":"Service Connection","data-event-action":"Risk Screening User Info Submit","data-event-label":y,"data-bot-id":m,"data-question-id":p}:{})),[m,p,JSON.stringify(v)]),le=e.useMemo((()=>l.findIndex((e=>t.FULL_KEY_ADDRESS.includes(e.type)))),[l]),re=e.useMemo((()=>l.find((e=>t.NodeActionType.USER_SUBMIT_ADDRESS===e.type))),[l]),se=e.useMemo((()=>l.find((e=>t.NodeActionType.USER_SUBMIT_ADDRESS_PROVINCE===e.type))),[l]),de=e.useMemo((()=>l.find((e=>t.NodeActionType.USER_SUBMIT_ADDRESS_DISTRICT===e.type))),[l]),ce=e.useMemo((()=>l.find((e=>t.NodeActionType.USER_SUBMIT_ADDRESS_COMMUNE===e.type))),[l]),me=t.ELEMENT_CONTROL_INPUT_TYPE,{register:pe,handleSubmit:fe,watch:ve,formState:{errors:ge},control:be,setValue:he,setError:_e,clearErrors:ye,getValues:Ee,trigger:xe}=k.useForm({defaultValues:ie}),Ne=ve("confirm",!0),Te=ve("otpPhoneNumber",""),we=e=>i.__awaiter(void 0,void 0,void 0,(function*(){var t,i,n,o;e.preventDefault();const a=Ee(),r=C.parsePhoneNumber(a.otpPhoneNumber);if((null==r?void 0:r.nationalNumber)&&(null==r?void 0:r.countryCallingCode)){O(!0);try{const e=yield s.callApi(X(J?K.POST_SEND_OTP_WHATSAPP:K.POST_SEND_OTP),"POST",{data:J?{phone_number:`+${r.countryCallingCode}${r.nationalNumber}`}:{phone_number:r.nationalNumber,area_code:`+${r.countryCallingCode}`}});if(O(!1),1===(null==e?void 0:e._status))return j&&(L(!1),g.current.reset()),D(!0),void setTimeout((()=>{const e=document.querySelector(".input-otp-code");e&&(e.focus(),e.scrollIntoView({block:"center"}))}),100);if(0===(null==e?void 0:e._status)&&("This phone number was verified"===(null===(t=null==e?void 0:e._messages)||void 0===t?void 0:t[0])||"This phone number was verified on Whatsapp"===(null===(i=null==e?void 0:e._messages)||void 0===i?void 0:i[0])))return x({title:"",message:"Số điện thoại này đã được xác minh.",type:"success"}),ye((null===(n=si(l))||void 0===n?void 0:n.key)||(null===(o=di(l))||void 0===o?void 0:o.key)),ye("otpPhoneNumber"),void F(!0);if(-1===(null==e?void 0:e._status)){const{_messages:t}=e;return g.current&&g.current.cancel(),void x({title:"",message:t[0],type:"warning"})}if(!e||0===(null==e?void 0:e._status))return g.current&&g.current.cancel(),void Ie()}catch(e){O(!1),g.current&&g.current.cancel(),Ie()}}})),Ie=()=>{x({title:"",message:E({id:"notification.comment.somethingWrong"}),type:"danger"})},Se=()=>B.default.createElement(ri,null,re&&B.default.createElement("div",{className:"input-row",key:re.id},B.default.createElement("label",{htmlFor:re.key},re.label),B.default.createElement("input",Object.assign({id:re.id,placeholder:re.label},pe((null==re?void 0:re.key)||"",{required:!0}))),ge[(null==re?void 0:re.key)||""]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"}))),B.default.createElement("div",{className:"wrapper-address-lever"},se&&B.default.createElement("div",{className:"input-row",key:se.id},B.default.createElement("label",{htmlFor:se.key,className:re?"hide-label":""},se.label),B.default.createElement("div",{style:{background:"#fff"},className:"address-input"},B.default.createElement(k.Controller,{name:se.key||"",control:be,rules:{required:!0},render:e=>{var t;return B.default.createElement(P.Dropdown,{id:se.id,options:T,onChange:t=>{var n;e.field.onChange(t),n=t,i.__awaiter(void 0,void 0,void 0,(function*(){n&&n.value&&""!==n.value&&(N.setSelectedLevel1(n.value),he("district",""),he("commune",""))}))},value:e.field.value,placeholder:(null==se?void 0:se.label)||"",className:"address-dropdown "+((null===(t=e.field.value)||void 0===t?void 0:t.value)?"":"show-placeholder")})}})),ge[se.key||""]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"}))),de&&B.default.createElement("div",{className:"input-row",key:de.id},B.default.createElement("label",{htmlFor:de.key,className:re?"hide-label":""},de.label),B.default.createElement("div",{style:{background:"#fff"},className:"address-input"},B.default.createElement(k.Controller,{name:de.key||"",control:be,rules:{required:!0},render:e=>{var t;return B.default.createElement(P.Dropdown,{id:de.id,options:w,onChange:t=>{var n;e.field.onChange(t),n=t,i.__awaiter(void 0,void 0,void 0,(function*(){n&&n.value&&""!==n.value&&(N.setSelectedLevel2(n.value),he("commune",""))}))},value:e.field.value,placeholder:(null==de?void 0:de.label)||"",className:"address-dropdown "+((null===(t=e.field.value)||void 0===t?void 0:t.value)?"":"show-placeholder")})}})),ge[(null==de?void 0:de.key)||""]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"}))),ce&&B.default.createElement("div",{className:"input-row",key:ce.id},B.default.createElement("label",{htmlFor:ce.key,className:re?"hide-label":""},ce.label),B.default.createElement("div",{style:{background:"#fff"},className:"address-input"},B.default.createElement(k.Controller,{name:ce.key||"",control:be,rules:{required:!0},render:e=>{var t;return B.default.createElement(P.Dropdown,{id:ce.id,options:I,onChange:t=>{e.field.onChange(t)},value:e.field.value,placeholder:(null==ce?void 0:ce.label)||"",className:"address-dropdown "+((null===(t=e.field.value)||void 0===t?void 0:t.value)?"":"show-placeholder")})}})),ge[ce.key||""]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"}))))),Oe=(e,o)=>{var a;if(!e.key)return null;if(le===o)return Se();switch(e.type){case t.NodeActionType.USER_SUBMIT_DROPDOWN:const o=e.url?e.url.split("\n"):[];return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement(k.Controller,{key:e.key,control:be,name:e.key,render:({field:t})=>B.default.createElement(h.Select,Object.assign({searchable:!0,data:o,placeholder:e.label},t,{withinPortal:!0,zIndex:1e3}))}),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"})));case t.NodeActionType.USER_SUBMIT_EMAIL:const l=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement("input",Object.assign({id:e.id,placeholder:e.label},pe(e.key,{required:!0,pattern:l}))),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E("pattern"!==(null===(a=ge[e.key])||void 0===a?void 0:a.type)?{id:"validation.error.requiredField",defaultMessage:"This field is required"}:{id:"validation.error.validEmail",defaultMessage:"Please enter a valid email address."})));case t.NodeActionType.USER_SUBMIT_NAME:return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement("input",Object.assign({id:e.id,placeholder:e.label},pe(e.key,{required:!0}))),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"})));case t.NodeActionType.USER_SUBMIT_PHONE:return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement(k.Controller,{name:e.key,control:be,rules:{required:!0,validate:e=>C.isPossiblePhoneNumber(e)},render:({field:{onChange:t,value:i}})=>B.default.createElement(V.default,{value:i,onChange:t,defaultCountry:r,id:e.id})}),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.validNumber",defaultMessage:"Please enter a valid number."})));case t.NodeActionType.USER_SUBMIT_NUMBER:return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement("input",Object.assign({type:"number",id:e.id},pe(e.key,{required:!0}))),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"})));case t.NodeActionType.USER_SUBMIT_DATE:return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement(ai,null,B.default.createElement(f.DatePicker,{locale:_||"en-PH",displayDateFormat:n.DATE_FNS_DATE_FORMAT,onChange:t=>{const i=z.default(t).format(n.API_DATE_FORMAT);he(e.key,i),xe(e.key)}}),B.default.createElement("input",Object.assign({id:e.id,type:"date",className:"input-date"},pe(e.key,{required:!0})))),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"})));case t.NodeActionType.USER_SUBMIT_BMI:return B.default.createElement("div",{key:e.id},B.default.createElement("div",{className:"input-row",key:`${e.id}-weight`},B.default.createElement("label",{htmlFor:`${e.key}-weight`},E({id:"home.bmi.input.weight",defaultMessage:"Weight"})),B.default.createElement("input",Object.assign({type:"number",id:`${e.id}-weight`},pe(`${e.key}-weight`,{required:!0}))),ge[`${e.key}-weight`]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"}))),B.default.createElement("div",{className:"input-row",key:`${e.id}-height`},B.default.createElement("label",{htmlFor:`${e.key}-height`},E({id:"home.bmi.input.height",defaultMessage:"Height"})),B.default.createElement("input",Object.assign({type:"number",id:`${e.id}-height`},pe(`${e.key}-height`,{required:!0}))),ge[`${e.key}-height`]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"}))));case t.NodeActionType.USER_SUBMIT_GENDER:return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",null,e.label),B.default.createElement("div",{className:"radio-group"},B.default.createElement("label",{className:"radio-label"},B.default.createElement("input",Object.assign({},pe(e.key,{required:!0,value:"female"}),{id:`${e.id}-female`,type:"radio"})),B.default.createElement("span",null,E({id:"gender.female",defaultMessage:"Female"}))),B.default.createElement("label",{className:"radio-label"},B.default.createElement("input",Object.assign({},pe(e.key,{required:!0,value:"male"}),{id:`${e.id}-male`,type:"radio"})),B.default.createElement("span",null,E({id:"gender.male",defaultMessage:"Male"}))),B.default.createElement("label",{className:"radio-label"},B.default.createElement("input",Object.assign({},pe(e.key,{required:!0,value:"not_identified"}),{id:`${e.id}-not_identified`,type:"radio"})),B.default.createElement("span",null,E({id:"gender.not_identified",defaultMessage:"I prefer not to say"})))),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"})));case t.NodeActionType.USER_SUBMIT_TEXT:return B.default.createElement("div",{className:"input-row",key:e.id},B.default.createElement("label",{htmlFor:e.key},e.label),B.default.createElement("input",Object.assign({id:e.id,placeholder:e.label},pe(e.key,{required:!0}))),ge[e.key]&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.requiredField",defaultMessage:"This field is required"})));case t.NodeActionType.USER_SUBMIT_OTP:case t.NodeActionType.USER_SUBMIT_WHATSAPP:return B.default.createElement("div",null,B.default.createElement("div",{className:"input-row input-row--otp"},B.default.createElement("label",{htmlFor:"otpPhoneNumber"},e.label),B.default.createElement(k.Controller,{name:"otpPhoneNumber",control:be,rules:{required:!0,validate:e=>C.isPossiblePhoneNumber(e)},render:({field:{onChange:t,value:i}})=>{const n=!U&&j||S||q;return B.default.createElement(fi,null,B.default.createElement(Ni,{value:i,onChange:t,defaultCountry:r,className:`input-row ${e.id}`,name:"otpPhoneNumber",disabled:n,placeholder:e.label,flagComponent:xi}),n&&B.default.createElement(ui,{viewBox:"0 0 24 24",className:"icon-edit-phone",onClick:()=>{var e;he("otpPhoneNumber",""),he("otpCode",""),D(!1),F(!1),null===(e=g.current)||void 0===e||e.cancel()}}))}}),ge.otpPhoneNumber&&B.default.createElement("p",{className:"error-message"},E({id:"validation.error.validNumber",defaultMessage:"Please enter a valid number."})),q?"":B.default.createElement(h.Button,Object.assign({size:"sm",loading:S,disabled:!U&&j||S||!C.isPossiblePhoneNumber(Te||""),onClick:we,variant:"ghost",className:"btn-send-otp"},ne),j?B.default.createElement(pi,{ref:g,isFinished:U,onFinish:L}):B.default.createElement("span",null,E({id:"subot.sendOTP.button",defaultMessage:"Send OTP"})))),j&&B.default.createElement("div",{className:$.default("input-row input-row--verify",{"verified-otp":q,"error-verify-otp":ge.otpCode})},B.default.createElement("label",{htmlFor:"otpCode"},"Mã OTP"),B.default.createElement(k.Controller,{name:"otpCode",control:be,rules:{required:!0,pattern:/^[0-9]{0,6}$/},render:({field:{onChange:e,value:t}})=>B.default.createElement("input",{onChange:e,value:t,type:"tel",disabled:q,className:"input-otp-code"})}),ge.otpCode&&B.default.createElement("p",{className:"error-message"},B.default.createElement(mi,null),E({id:"validation.error.validOTP",defaultMessage:"Invalid OTP provided"})),q?B.default.createElement("div",{className:"verify-success"},B.default.createElement(ci,null),B.default.createElement("span",{className:"verify-success-label"},E({id:"subot.verifyOTP.success.message",defaultMessage:"Verified successful"}))):B.default.createElement(R.Button,Object.assign({className:"submit-btn",size:u?"md":"lg",isLoading:M,isDisabled:!j,onClick:t=>((e,t)=>i.__awaiter(void 0,void 0,void 0,(function*(){e.preventDefault(),A(!0);const i=Ee(),n=C.parsePhoneNumber(i.otpPhoneNumber);if(t.key&&n){try{const e=yield s.callApi(X(J?K.POST_VERIFY_OTP_WHATSAPP:K.POST_VERIFY_OTP),"POST",{data:J?{code:i.otpCode,phone_number:`+${n.countryCallingCode}${n.nationalNumber}`}:{code:i.otpCode,phone_number:n.nationalNumber,area_code:`+${n.countryCallingCode}`}});if(1===(null==e?void 0:e._status))return x({title:"",message:null==e?void 0:e._messages[0],type:"success"}),ye("otpCode"),F(!0),void A(!1);throw new Error}catch(e){x({title:"",message:E({id:"validation.error.validOTP"}),type:"danger"}),_e("otpCode",{type:"custom"})}A(!1)}})))(t,e)},oe),E({id:"subot.verifyOTP.button",defaultMessage:"Verify OTP"}))));case t.NodeActionType.USER_SUBMIT_GOOGLE_API_ADDRESS:return B.default.createElement(oi,{action:e,control:be,formError:ge[e.key],key:e.id,initValue:null==ie?void 0:ie[e.key],onChange:he});default:return""}};return B.default.createElement(li,{className:o,style:a},B.default.createElement("form",{onSubmit:fe((e=>{te&&!q||(null==e||delete e.confirm,Y.default(ge)&&(e=>{const i=[];for(const o of l)if(o.key&&o.type!==t.NodeActionType.USER_SUBMIT_CONFIRM&&o.type!==t.NodeActionType.USER_SUBMIT_TERMS)if(o.type===t.NodeActionType.USER_SUBMIT_GOOGLE_API_ADDRESS){const t=e[o.key];ni.forEach((e=>{t[e]&&i.push({key:o.key,control:e,value:t[e]})}))}else o.type===t.NodeActionType.USER_SUBMIT_ADDRESS_PROVINCE||o.type===t.NodeActionType.USER_SUBMIT_ADDRESS_DISTRICT||o.type===t.NodeActionType.USER_SUBMIT_ADDRESS_COMMUNE?i.push({key:o.key,control:me[o.type]||"",value:e[o.key].label||""}):(n=o.type)===t.NodeActionType.USER_SUBMIT_OTP||n===t.NodeActionType.USER_SUBMIT_WHATSAPP?i.push({key:o.key,control:t.ELEMENT_CONTROL_INPUT_TYPE[t.NodeActionType.USER_SUBMIT_OTP],value:e.otpPhoneNumber}):o.type&&"bmi"===me[o.type]?i.push({key:o.key,control:"bmi-weight",value:e[`${o.key}-weight`]||""},{key:o.key,control:"bmi-height",value:e[`${o.key}-height`]||""}):i.push({key:o.key,control:me[o.type]||"",value:e[o.key]||""});var n;const o=l.filter((e=>e.type===t.NodeActionType.USER_SUBMIT_SEND)),a={action_id:o[0].id,action_value:o[0].key,form_submit_meta:i.filter((({control:e})=>{switch(e){case"confirm":case"submit":case"terms":case"":return!1;default:return!0}}))};d(a)})(e))})),className:"user-info-form"},l.map(((e,t)=>Oe(e,t))),l.map((e=>(e=>{switch(e.type){case t.NodeActionType.USER_SUBMIT_CONFIRM:return B.default.createElement("div",{className:"submit-btn-row",key:e.id},B.default.createElement("label",{className:"subot-checkbox"},B.default.createElement("input",Object.assign({},pe("confirm"),{type:"checkbox",defaultChecked:!0,className:"subot-checkbox__input"})),B.default.createElement("span",{className:"subot-checkbox__label"},B.default.createElement(Ke,null,e.label))));case t.NodeActionType.USER_SUBMIT_SEND:const i=!!te&&!q;return B.default.createElement("div",{className:"submit-btn-row",key:e.id},B.default.createElement("button",Object.assign({id:e.id,className:"submit-btn",type:"submit",disabled:ee&&!Ne||i},ae,{"data-response-id":e.id}),e.label));case t.NodeActionType.USER_SUBMIT_TERMS:return B.default.createElement("div",{className:"form-terms",key:e.id},B.default.createElement(Ke,null,e.label));default:return""}})(e)))))},wi=G.default.div`
   display: flex;
   flex-direction: column;
   gap: 24px;

package/build/together.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-e554c5c4.js"),r=require("./index-792d8012.js"),t=require("./utils-3423e2dc.js");require("react"),require("./Plus-ae3f1f1c.js"),require("./tslib.es6-f581f504.js"),require("@mantine/core"),require("./theme-1e27b9db.js"),require("./translationsContext-c8376758.js"),require("string-format"),require("./index-3382263b.js"),require("styled-components"),require("./useTranslations-048502c3.js"),require("innertext"),require("./index-bf4de588.js"),require("./WhatsApp-9c647c87.js"),require("./index-1abb8f88.js"),require("@mantine/hooks"),require("./index-a607ab1d.js"),require("./index-4c97e71b.js"),require("date-fns/locale"),require("./Subot-e6872850.js"),require("./isProduction-fce4c411.js"),require("dayjs"),require("./utils-97861e62.js"),require("@mantine/carousel"),require("classnames"),require("@mantine/dates"),require("./index-79e6fda5.js"),require("./index.styles-db50e54a.js"),require("./constants-d09c9d40.js"),require("./animation-f9bf49c2.js"),require("react-keyed-flatten-children"),require("./paths-c422db6f.js"),require("./index-9c3a324e.js"),require("lodash/debounce"),require("react-contenteditable"),require("./index-3e70ce5b.js"),require("./cookieHelper-ef7d953a.js"),require("react-dom"),require("./number-ddaf812a.js"),require("date-fns"),require("dayjs/plugin/relativeTime"),require("./index-dc6d1d9a.js"),require("./routing-1640409f.js"),require("./utils-18176c91.js"),require("./index.styled-54e422d1.js"),require("./index-aa048810.js"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardLink=e.CardLink,exports.CardPost=e.CardPost,exports.CardPostPopoverMore=e.CardPostPopoverMore,exports.CardReactions=e.CardReactions,exports.CardReply=e.CardReply,exports.CardReplyPopover=e.CardReplyPopover,exports.CreateNewPostContent=e.CreateNewPostContent,exports.CreatePostDescription=e.CreatePostDescription,exports.CreatePostTitle=e.CreatePostTitle,exports.ImagePreviewPopup=e.ImagePreviewPopup,exports.InputCommentBar=e.InputCommentBar,exports.LabelPin=e.LabelPin,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.PopoverMenu=e.PopoverMenu,exports.PopupDanger=e.PopupDanger,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.PostImagePreview=e.PostImagePreview,exports.PostSingleImageViewPopup=e.PostSingleImageViewPopup,exports.ProfileDetail=e.ProfileDetail,exports.ProfileDetailModal=e.ProfileDetailModal,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SkipQuestionOfExpertBtn=e.SkipQuestionOfExpertBtn,exports.SocialLinkPreview=e.SocialLinkPreview,exports.SourceList=e.SourceList,exports.SubmitReportForm=e.SubmitReportForm,Object.defineProperty(exports,"TabNameInProfileDetail",{enumerable:!0,get:function(){return e.TabName}}),exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherTypes=e.types,exports.TopicSelectList=e.TopicSelectList,exports.VerifiedTag=e.VerifiedTag,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.TogetherDataTransforms=r.dataTransform,exports.UserAvatar=r.UserAvatar,exports.DefaultComponentGlobalContextData=t.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return t.GlobalData}}),exports.TogetherComponentGlobalContext=t.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=t.TogetherComponentGlobalContextProvider,exports.TogetherConstants=t.constants;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-28aaffcf.js"),r=require("./index-ef615786.js"),t=require("./utils-fa8ea45a.js");require("react"),require("./index-feef2a5c.js"),require("./tslib.es6-92473394.js"),require("@mantine/core"),require("./translationsContext-9f3e5975.js"),require("string-format"),require("@hhgtech/icons/other"),require("./index-3f66b676.js"),require("./theme-9d8c0f15.js"),require("styled-components"),require("./useTranslations-1da09077.js"),require("innertext"),require("./index-e592a397.js"),require("@mantine/hooks"),require("./index-2b5f13e9.js"),require("./index-377dcf63.js"),require("date-fns/locale"),require("./Subot-e8e32c73.js"),require("./isProduction-79e09f71.js"),require("dayjs"),require("./utils-6602144b.js"),require("@mantine/carousel"),require("classnames"),require("./useUniqueId-e6800dce.js"),require("@hhgtech/icons/core"),require("@mantine/dates"),require("./index-87a97765.js"),require("./index.styles-7d8d7d8d.js"),require("./constants-39ce5af1.js"),require("./animation-7e26c3b2.js"),require("react-keyed-flatten-children"),require("./paths-62ca2502.js"),require("./index-37f69418.js"),require("lodash/debounce"),require("react-contenteditable"),require("./index-09af54bf.js"),require("./index-a4d471a9.js"),require("./cookieHelper-66c3970b.js"),require("react-dom"),require("./index-4e0c886a.js"),require("./WhatsApp-59bf48e6.js"),require("./number-399852e3.js"),require("date-fns"),require("dayjs/plugin/relativeTime"),require("./index-f41291af.js"),require("./routing-9856aab9.js"),require("./utils-e74f7231.js"),require("./index.styled-0ee163ab.js"),require("./index-198bff5e.js"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardLink=e.CardLink,exports.CardPost=e.CardPost,exports.CardPostPopoverMore=e.CardPostPopoverMore,exports.CardReactions=e.CardReactions,exports.CardReply=e.CardReply,exports.CardReplyPopover=e.CardReplyPopover,exports.CreateNewPostContent=e.CreateNewPostContent,exports.CreatePostDescription=e.CreatePostDescription,exports.CreatePostTitle=e.CreatePostTitle,exports.ImagePreviewPopup=e.ImagePreviewPopup,exports.InputCommentBar=e.InputCommentBar,exports.LabelPin=e.LabelPin,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.PopoverMenu=e.PopoverMenu,exports.PopupDanger=e.PopupDanger,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.PostImagePreview=e.PostImagePreview,exports.PostSingleImageViewPopup=e.PostSingleImageViewPopup,exports.ProfileDetail=e.ProfileDetail,exports.ProfileDetailModal=e.ProfileDetailModal,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SkipQuestionOfExpertBtn=e.SkipQuestionOfExpertBtn,exports.SocialLinkPreview=e.SocialLinkPreview,exports.SourceList=e.SourceList,exports.SubmitReportForm=e.SubmitReportForm,Object.defineProperty(exports,"TabNameInProfileDetail",{enumerable:!0,get:function(){return e.TabName}}),exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherTypes=e.types,exports.TopicSelectList=e.TopicSelectList,exports.VerifiedTag=e.VerifiedTag,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.TogetherDataTransforms=r.dataTransform,exports.UserAvatar=r.UserAvatar,exports.DefaultComponentGlobalContextData=t.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return t.GlobalData}}),exports.TogetherComponentGlobalContext=t.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=t.TogetherComponentGlobalContextProvider,exports.TogetherConstants=t.constants;