https://www.indonesiancupid.com/assets/desktop/react-resources/chu…dCupidIntroductionModalTemplate-v0.196.0.js

1import{r as f,j as e}from"./chunk-vendor-react-v0.196.0.js";import{M as S}from"./chunk-Modal-v0.196.0.js";import"./chunk-ModalContainerContext-v0.196.0.js";import{a as m,aa as d,az as _}from"./bundle-v0.196.0.js";import{D as v,u as D}from"./chunk-chat-v0.196.0.js";import{D as y}from"./chunk-Desktop_icons_icon_warning-v0.196.0.js";import{D as A}from"./chunk-Desktop_icons_icon_tick-v0.196.0.js";import"./chunk-runtime-v0.196.0.js";import"./chunk-common-v0.196.0.js";import"./chunk-vendor-mobx-v0.196.0.js";import"./chunk-Desktop_icons_icon_online-v0.196.0.js";import"./chunk-online-status-v0.196.0.js";import"./chunk-ReportAbuseButtonComposed-v0.196.0.js";import"./chunk-PopupController-v0.196.0.js";import"./chunk-index-v0.196.02.js";import"./chunk-Desktop_icons_icon_checkbox_on-v0.196.0.js";import"./chunk-Skeleton-v0.196.0.js";import"./chunk-useLocation-v0.196.0.js";import"./chunk-Error-v0.196.0.js";const M=/\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}\b|[A-Z0-9._%+-]+\s?@\s?[A-Z0-9.-]+\s?\.\s?[A-Z]{2,}/i,L=/\b[A-Z0-9._%+-]{2,}\s*[[({<]?\s*(?:at|@)\s*[)\]}>]?\s*[A-Z0-9-]{2,}(?:\s*[[({<]?\s*(?:dot|\.)\s*[)\]}>]?\s*[A-Z0-9-]+)+|\b[A-Z0-9._%+-]{3,}\s+(?:at|@)\s+[A-Z0-9-]{3,}\s+(?:com|net|org|de|ru|uk|fr|it|es|nl|pl|br|jp|cn|in|au|ca|info|biz|io|co)\b/i,Z=/(@[a-z0-9._-]{2,})|(discord\s*:\s*@?\w+)|(wechat\s*:\s*\w+)/i,E=/@[a-z0-9._-]{2,}/i,R=/\b((wa\.me|t\.me|discord\.gg|instagram\.com|threads\.net|facebook\.com|twitter\.com|x\.com|linkedin\.com)\/[a-z0-9._-]+|mailto:|tel:|zoom\.us\/j\/|meet\.google\.com\/)/i,T=[M,L,Z,E,R],z=s=>{const t=/(?:\+?\d{1,3}[\s-]?)?(?:\(?\d{2,4}\)?[\s-]?)?\d{3,4}[\s-]?\d{3,4}/g;return(s.match(t)??[]).some(i=>i.replace(/\D/g,"").length>=7&&!/^\d{4}[-/]\d{2}[-/]\d{2}$/.test(i))},$=s=>{const t=s.toLowerCase();return t.trim().length===0?{valid:!1,reason:"empty"}:T.some(i=>i.test(t))||z(t)?{valid:!1,reason:"contactInfo"}:{valid:!0}},N=1950,B=({text:s,initialText:t,onTextChange:n,onSubmit:i,onDisable:c,onClose:a})=>{const o=m("chat"),x=m("uiKit"),[u,h]=f.useState(!1),r=$(s),l=!s.trim(),g=u&&l,j=!r.valid&&r.reason==="contactInfo",w=g||j,b=!r.valid||s===t,p=N-s.length,C=p<=50,k=I=>{h(!0),n(I.target.value)};return e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"mb-2 flex justify-center",children:e.jsx(v,{className:"fill-action-highlight fill-primary h-[116px] w-[116px]"})}),e.jsx("h1",{className:"my-5 font-[300] leading-[110%]",children:o("cupidIntroductions")}),e.jsx("p",{className:"mx-2 mb-4",children:o("cupidIntroductionsText")}),C&&e.jsxs("p",{className:"mb-1 text-center",children:[x("charactersLeft",{1:""})," ",e.jsx("span",{className:`relative -top-[0.15rem] inline-flex h-[1.6em] w-[1.6em] shrink-0 items-center justify-center overflow-hidden rounded-full text-[0.65em] leading-none text-white ${p===0?"bg-legacy-theme-red":"bg-primary"}`,children:p})]}),e.jsxs("div",{className:"mb-1 text-left",children:[e.jsx("textarea",{value:s,onChange:k,maxLength:N,rows:4,className:`w-full resize-none rounded border p-2 text-base ${w?"border-legacy-theme-red":"focus:border-light-blue"}`,placeholder:o("typeAMessage")}),g&&e.jsxs("div",{className:"text-legacy-theme-red mt-1 flex items-center gap-1",children:[e.jsx(y,{className:"fill-legacy-theme-red h-6 w-6 shrink-0"}),e.jsx("span",{children:o("valueIsRequiredMsg")})]}),j&&e.jsxs("div",{className:"text-legacy-theme-red mt-1 flex items-center gap-1",children:[e.jsx(y,{className:"fill-legacy-theme-red h-6 w-6 shrink-0"}),e.jsx("span",{children:o("contactInformationDetected")})]})]}),e.jsx(d,{onClick:i,disabled:b,className:`relative my-2 w-11/12 overflow-hidden rounded px-6 py-4 transition-opacity ${b?"cursor-not-allowed opacity-50":""}`,children:o("submitButtonLabel")}),e.jsx(d,{kind:"grey",onClick:c,className:"relative my-2 w-11/12 px-6 py-4 font-[450] text-black",children:o("disable")}),e.jsx("div",{className:"mt-1 flex justify-end",children:e.jsx(d,{kind:"transparent",type:"button",onClick:a,className:"text-legacy-blue text-sm",children:o("close")})})]})},H=()=>e.jsx("div",{className:"flex h-20 items-center justify-center",children:e.jsx(_,{className:"h-10 w-10"})}),K=({onClose:s})=>{const t=m("chat");return e.jsxs("div",{className:"text-center",children:[e.jsxs("div",{className:"mb-1",children:[e.jsx("div",{className:"mb-2 flex justify-center",children:e.jsx(A,{className:"fill-legacy-green h-[116px] w-[116px]"})}),e.jsx("h1",{className:"",children:t("savedSuccessfully")}),e.jsx("p",{className:"mx-2 my-4",children:t("youHaveSetCupidIntroduction")}

1),e.jsx("p",{className:"mx-2 mb-4 mt-1",children:t("editCupidIntroduction")})]}),e.jsx("div",{className:"flex justify-end",children:e.jsx(d,{kind:"transparent",type:"button",onClick:s,className:"text-legacy-blue text-sm",children:t("close")})})]})},P=({onClose:s})=>{const t=m("chat");return e.jsxs("div",{className:"text-center",children:[e.jsxs("div",{className:"mb-2",children:[e.jsx("div",{className:"flex justify-center",children:e.jsx(v,{className:"fill-action-highlight fill-primary h-[90px] w-[90px] md:h-[116px] md:w-[116px]"})}),e.jsx("h1",{className:"my-2 text-[1.5em] font-bold leading-[1.2em] md:text-[2em] md:font-[300]",children:t("cupidIntroductionDisabled")}),e.jsx("p",{className:"mx-2 my-4 text-[16px] md:text-[15px]",children:t("youCanReenable")})]}),e.jsx("div",{className:"flex justify-end",children:e.jsx(d,{kind:"transparent",type:"button",onClick:s,className:"text-legacy-blue text-sm",children:t("close")})})]})},V=({introductionText:s,onClose:t,onSave:n,onDisable:i})=>{const[c,a]=f.useState("form"),[o,x]=f.useState(s??""),u=async()=>{a("loading");try{await n(o),a("success")}catch{a("form")}},h=async()=>{a("loading");try{await i(),a("disabled")}catch{a("form")}};return e.jsx(S,{onClose:t,children:({onCloseAfterAnimation:r})=>{const l=()=>{r()};return c==="loading"?e.jsx(H,{}):c==="success"?e.jsx(K,{onClose:l}):c==="disabled"?e.jsx(P,{onClose:l}):e.jsx(B,{text:o,initialText:s??"",onTextChange:x,onSubmit:u,onDisable:h,onClose:l})}})},le=s=>{const{shown:t,payload:n,close:i}=s,c=D();return!t||!c||!n?null:e.jsx(V,{introductionText:c.introductionText,onClose:()=>{var a;(a=n.onClose)==null||a.call(n),i()},onSave:n.onSave,onDisable:n.onDisable})};export{le as SharedCupidIntroductionModalTemplate};