"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7884],{qREi:function(e,t,a){a.d(t,{D:function(){return DueDateForm},a:function(){return j}});var n,l,r,o,i=a("ySIk"),s=a("q1tI"),c=a("8vDj"),u=a("iuhU"),d=a("DA0W"),m=a("SPK5"),g=a("FQtM"),p=a("Eso5"),h=a("25AQ"),b=a("cG3G"),E=a("rqZo"),v=a("cChf"),C=a("ZFu2"),f=a("Wgwc"),w=a.n(f),x=a("c29y"),y=a("agy7"),P=a("Ag88"),I=a("ybaB"),D=a("ADW8"),S=a("Zge2"),O=a("8uuc"),F=a("KhOF"),L=a("iBNF");(n=r||(r={}))[n.lastPeriod=0]="lastPeriod",n[n.conception=1]="conception",n[n.IVF=2]="IVF",n[n.IUI=3]="IUI",n[n.ultrasound=4]="ultrasound";let H={[String(r.lastPeriod)]:{value:String(r.lastPeriod),icon:b.L,label:"dueDatePage.lastPeriod"},[String(r.IVF)]:{value:String(r.IVF),icon:e=>{var{isMarryBaby:t,size:a=24}=e,n=(0,i._)(e,["isMarryBaby","size"]);let l=Object.assign({width:a,height:a},n);return t?s.createElement("svg",Object.assign({viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),s.createElement("path",{d:"M15.804 28.278a3.16 3.16 0 0 1-3.18-3.208l.128-20.306 6.405.008-.128 20.307c-.012 1.757-1.452 3.191-3.225 3.2",fill:"#fff"}),s.createElement("path",{d:"m12.72 10.266-.116 14.788c-.011 1.757 1.423 3.197 3.18 3.208 1.774-.008 3.214-1.442 3.225-3.2V10.267",fill:"#FFEAF1"}),s.createElement("circle",{cx:"14.662",cy:"19.027",transform:"rotate(-49.83 14.662 19.027)",fill:"#3E3F58",r:"1.012"}),s.createElement("circle",{cx:"16.326",cy:"13.426",r:"1.012",transform:"rotate(-49.83 16.326 13.426)",fill:"#3E3F58"}),s.createElement("path",{d:"m14.662 19.026.087 1.022a.98.98 0 0 0 .344.667.98.98 0 0 1 .32.98l-.123.51m1.036-8.779.087 1.022a.98.98 0 0 0 .344.666.98.98 0 0 1 .32.98l-.123.511",stroke:"#3E3F58"}),s.createElement("path",{d:"M18.833 27.597a3.94 3.94 0 0 1-3.02 1.408 4 4 0 0 1-2.795-1.148 3.98 3.98 0 0 1-1.14-2.795l.108-20.553c0-.426.344-.756.753-.738.426 0 .757.345.738.754l-.108 20.553c.002.656.248 1.256.697 1.733a2.42 2.42 0 0 0 1.727.706 2.483 2.483 0 0 0 2.47-2.462l.109-20.553c0-.426.344-.757.753-.738.426 0 .757.344.738.754l-.108 20.553a3.85 3.85 0 0 1-.922 2.526",fill:"#202135"}),s.createElement("path",{d:"M20.753 4.975a.75.75 0 0 1-.58.262l-8.714-.027a.727.727 0 0 1-.738-.754c0-.425.344-.756.754-.737l8.713.026c.426 0 .756.344.738.754a.66.66 0 0 1-.173.476",fill:"#202135"})):s.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),s.createElement("path",{d:"M13.064 5.794a17.8 17.8 0 0 1 3.34-4.638l4.26 2.881a17.8 17.8 0 0 0-3.272 4.507l-1.08 2.12a.65.65 0 0 0 .124.76 7.9 7.9 0 0 1 2.296 4.81c.027.265-1.141 5.997-9.376 5.573-1.587-.082-5.724-1.269-6.12-2.86a8 8 0 0 1-.233-2.161c.124-4.165 3.718-7.648 7.884-7.647h.098a.65.65 0 0 0 .59-.36z",fill:"#BCDEFF"}),s.createElement("path",{d:"M20.75 3.234 16.696.496a.886.886 0 1 0-.992 1.469l4.056 2.738a.886.886 0 0 0 .992-1.469",fill:"#E3F2FF"}),s.createElement("path",{d:"M18.771 17.024a7.87 7.87 0 0 1-2.7 5.944A4.2 4.2 0 0 1 13.301 24H8.473a4.2 4.2 0 0 1-2.769-1.03 7.9 7.9 0 0 1-2.468-4.023c.924.468 2.191.805 3.922.805 1.142 0 2.01-.346 2.775-.834q.323-.21.629-.446c1.973-1.516 3.524-3.668 8.17-2.238q.04.39.04.79",fill:"#2D87F3"}),s.createElement("path",{d:"M11.858 15.5c-1.78.348-3.096-1.608-2.134-3.121a2.06 2.06 0 0 1 1.529-.944q.303-.03.588.025a.27.27 0 0 0 .268-.107c.282-.373.737-.573 1.2-.639.224-.031.374-.24.379-.44.021-.794.657-1.311 1.288-1.234.183.022.223.27.058.35l-.012.006a.9.9 0 0 0-.28.196c-.213.263-.187.407-.153.6.03.167.066.37-.04.715a1.45 1.45 0 0 1-.504.7c-.255.19-.445.23-.592.263-.088.019-.16.034-.223.076a.27.27 0 0 0-.07.379c.184.27.306.587.344.934a2.063 2.063 0 0 1-1.646 2.24",fill:"#fff"}),s.createElement("ellipse",{cx:"10",cy:"20.5",rx:"3",ry:"2.5",fill:"#FF6F4D"}))},label:"dueDatePage.ivf"},[String(r.conception)]:{value:String(r.conception),icon:e=>{var{isMarryBaby:t,size:a=24}=e,n=(0,i._)(e,["isMarryBaby","size"]);let l=Object.assign({width:a,height:a},n);return t?s.createElement("svg",Object.assign({viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),s.createElement("path",{d:"M16.5 27.133c1.298 0 2.596-.149 3.868-.447a9.15 9.15 0 0 0 6.818-6.818 16.94 16.94 0 0 0 0-7.736 9.15 9.15 0 0 0-6.818-6.818 16.94 16.94 0 0 0-7.736 0 9.15 9.15 0 0 0-6.818 6.818A17 17 0 0 0 5.367 16a.867.867 0 1 1-1.734 0c0-1.43.165-2.862.494-4.264a10.88 10.88 0 0 1 8.109-8.11 18.7 18.7 0 0 1 8.528 0 10.88 10.88 0 0 1 8.11 8.11 18.7 18.7 0 0 1 0 8.528 10.88 10.88 0 0 1-8.11 8.11 18.7 18.7 0 0 1-4.264.493.867.867 0 0 1 0-1.734",fill:"#3E3F58"}),s.createElement("path",{d:"M11.633 16a4.867 4.867 0 1 1 9.734 0 4.867 4.867 0 0 1-9.734 0m4.867-3.133a3.133 3.133 0 1 0 0 6.266 3.133 3.133 0 0 0 0-6.266",fill:"#E85388"}),s.createElement("path",{d:"M9.834 25.333a2.667 2.667 0 1 0-2.298-1.312l-.084.084a3.25 3.25 0 0 0-.952 2.298c0 .726-.41 1.39-1.06 1.715l-1.238.619a.667.667 0 0 0 .596 1.193l1.24-.62a3.25 3.25 0 0 0 1.796-2.907c0-.508.202-.995.561-1.355l.084-.084c.397.235.86.37 1.355.37",fill:"#3E3F58"})):s.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),s.createElement("circle",{cx:"9",cy:"6.75",fill:"#91CAFF",r:"6.75"}),s.createElement("circle",{cx:"9",cy:"6.75",fill:"#2D87F3",r:"5.4"}),s.createElement("path",{d:"M1.789 12.2a.245.245 0 0 1-.02-.489c.073-.006 1.795-.167 1.761-1.605-.013-.587.15-1.057.485-1.397.524-.53 1.273-.528 1.305-.527a.245.245 0 0 1-.002.49h-.002c-.011 0-.582.004-.955.385-.236.24-.351.59-.34 1.038.018.793-.367 1.41-1.114 1.787a3.3 3.3 0 0 1-1.118.319M.75 17.774a.245.245 0 0 1 .226-.263c.073-.006 1.786-.162 1.749-1.593-.016-.586.146-1.055.48-1.392.521-.528 1.27-.524 1.3-.523a.245.245 0 0 1-.006.49c-.015 0-.58.004-.949.38q-.352.362-.335 1.033c.02.791-.362 1.406-1.106 1.78a3.3 3.3 0 0 1-1.095.313.245.245 0 0 1-.263-.225",fill:"#D2D6DC"}),s.createElement("path",{d:"M8.659 5.035c-.562-.561-1.956-.078-2.699.665-.407.407-.635.91-.665 1.373v.124l1.145 1.16.181.042c.464-.03.966-.258 1.373-.665.743-.743 1.226-2.137.665-2.699",fill:"#E3F2FF"}),s.createElement("path",{d:"m5.295 7.073-.292.75a.55.55 0 0 0 .124.589l.155.155a.55.55 0 0 0 .589.124l.75-.292z",fill:"#91CAFF"}),s.createElement("path",{d:"M8.098 11.358a.87.87 0 0 0-.233-.523c-.562-.562-1.956-.079-2.699.664-.407.408-.635.91-.665 1.373v.125l1.146 1.16.18.042c.464-.03.966-.258 1.374-.666.566-.566.98-1.51.897-2.175",fill:"#E3F2FF"}),s.createElement("path",{d:"m4.5 12.872-.29.75a.55.55 0 0 0 .123.589l.156.155a.55.55 0 0 0 .588.124l.75-.292z",fill:"#91CAFF"}))},label:"dueDatePage.conceptionDate"},[String(r.IUI)]:{value:String(r.IUI),icon:e=>{var{isMarryBaby:t,size:a=24}=e,n=(0,i._)(e,["isMarryBaby","size"]);let l=Object.assign({width:a,height:a},n);return s.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),s.createElement("ellipse",{cx:"10",cy:"7.5",rx:"7.5",ry:"7.5",fill:"#91CAFF"}),s.createElement("ellipse",{cx:"10",cy:"7.5",rx:"6",ry:"6",fill:"#2D87F3"}),s.createElement("path",{d:"M1.98877 13.5566C1.8483 13.5566 1.72914 13.4487 1.71769 13.3062C1.7056 13.1563 1.81732 13.025 1.9672 13.013C2.04819 13.0061 3.96085 12.8267 3.92397 11.2296C3.90887 10.5766 4.09013 10.0544 4.46266 9.6775C5.04496 9.08834 5.87737 9.09055 5.91289 9.09138C6.06324 9.09309 6.18376 9.21636 6.18204 9.36675C6.18033 9.51603 6.05877 9.63593 5.90985 9.63593C5.9091 9.63593 5.90835 9.63593 5.9076 9.63593C5.8958 9.63593 5.26174 9.64041 4.84671 10.0637C4.58418 10.3314 4.4569 10.7194 4.46838 11.2171C4.48874 12.0983 4.06094 12.7846 3.23124 13.202C2.63342 13.5027 2.03606 13.5537 2.01095 13.5558C2.00351 13.5563 1.99611 13.5566 1.98877 13.5566Z",fill:"#D2D6DC"}),s.createElement("path",{d:"M0.834813 19.7487C0.823187 19.5988 0.935297 19.4678 1.08522 19.4562C1.16581 19.4496 3.06971 19.2768 3.02807 17.6868C3.011 17.0352 3.1904 16.5146 3.56121 16.1394C4.14076 15.5531 4.97192 15.5577 5.00687 15.5587C5.15722 15.5608 5.27734 15.6845 5.27516 15.8349C5.27301 15.9849 5.15117 16.106 4.99993 16.1032C4.99989 16.1032 4.99982 16.1032 4.99975 16.1032C4.98315 16.1032 4.35528 16.1074 3.9453 16.5255C3.68491 16.791 3.55946 17.177 3.57245 17.6725C3.59545 18.552 3.17051 19.2358 2.34353 19.6499C1.74807 19.948 1.15233 19.9971 1.12728 19.9991C0.976577 20.0107 0.846367 19.898 0.834813 19.7487Z",fill:"#D2D6DC"}),s.createElement("path",{d:"M9.62226 5.59508C8.99818 4.971 7.44969 5.50769 6.62421 6.33313C6.1713 6.78604 5.91828 7.34408 5.88477 7.85874V7.99721L7.15753 9.28601L7.35857 9.33258C7.87323 9.29906 8.43127 9.04605 8.88418 8.59314C9.70966 7.76766 10.2463 6.21916 9.62226 5.59508Z",fill:"#E3F2FF"}),s.createElement("path",{d:"M5.88516 7.85889L5.5611 8.69259C5.47325 8.91856 5.52723 9.17508 5.69865 9.3465L5.87139 9.51925C5.95823 9.60609 6.06693 9.66256 6.18243 9.68584C6.29486 9.70856 6.4137 9.70005 6.52509 9.65676L7.3588 9.3327L5.88516 7.85889Z",fill:"#91CAFF"}),s.createElement("path",{d:"M8.99894 12.6201C8.97018 12.3889 8.88805 12.1875 8.73945 12.0389C8.11537 11.4149 6.56687 11.9515 5.7414 12.777C5.28849 13.2299 5.03547 13.7879 5.00195 14.3026V14.4411L6.27493 15.7298L6.47597 15.7764C6.99063 15.7429 7.54867 15.4898 8.00158 15.0369C8.63034 14.4081 9.09073 13.3598 8.99894 12.6201Z",fill:"#E3F2FF"}),s.createElement("path",{d:"M5.00235 14.3027L4.67829 15.1364C4.59043 15.3624 4.64441 15.6189 4.81583 15.7904L4.98858 15.9631C5.07542 16.0499 5.18412 16.1064 5.29962 16.1297C5.41205 16.1524 5.53089 16.1439 5.64228 16.1006L6.47598 15.7766L5.00235 14.3027Z",fill:"#91CAFF"}))},label:"dueDatePage.IUI"},[String(r.ultrasound)]:{value:String(r.ultrasound),icon:e=>{var{isMarryBaby:t,size:a=24}=e,n=(0,i._)(e,["isMarryBaby","size"]);let l=Object.assign({width:a,height:a},n);return s.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),s.createElement("g",{clipPath:"url(#clip0_5646_32454)"},s.createElement("path",{d:"M17.278 1.47119H2.7207C2.03035 1.47119 1.4707 2.03084 1.4707 2.72119V17.2785C1.4707 17.9689 2.03035 18.5285 2.7207 18.5285H17.278C17.9684 18.5285 18.528 17.9689 18.528 17.2785V2.72119C18.528 2.03084 17.9684 1.47119 17.278 1.47119Z",fill:"#65B5FF"}),s.createElement("path",{d:"M11.23 9.94794C12.1285 10.4395 11.7085 11.7187 10.9077 11.7734C10.1386 11.8261 9.79346 11.6067 9.12721 11.1589C8.74409 10.9014 8.11299 9.67872 7.93815 9.36872C7.74008 9.01332 7.58143 8.63733 7.46503 8.24747C7.31862 7.75122 7.71315 7.30122 8.03987 7.31731C8.09475 7.32086 8.14794 7.33765 8.19491 7.36625C8.24188 7.39485 8.28122 7.43441 8.30956 7.48153C8.3227 7.49619 8.33867 7.50803 8.3565 7.51636C8.37433 7.52469 8.39367 7.52933 8.41334 7.53C8.43301 7.53067 8.45261 7.52736 8.47097 7.52027C8.48933 7.51317 8.50607 7.50244 8.52018 7.48872C8.55856 7.44827 8.60864 7.42084 8.66339 7.41028C8.71814 7.39972 8.77482 7.40655 8.82549 7.42981C9.03081 7.56731 8.99503 7.80294 9.13081 8.11544C9.34088 8.4938 9.61306 8.83417 9.93596 9.12231C10.3217 9.44809 10.5785 9.59138 11.23 9.94794Z",fill:"#2B62CD"}),s.createElement("path",{d:"M19.5332 1.54781C19.5129 1.54783 19.4928 1.54386 19.4741 1.53611C19.4553 1.52836 19.4383 1.51699 19.424 1.50265C19.4096 1.48832 19.3982 1.47129 19.3904 1.45255C19.3827 1.43381 19.3787 1.41372 19.3787 1.39344V0.932812C19.3784 0.850311 19.3455 0.771271 19.2872 0.712933C19.2288 0.654596 19.1498 0.621695 19.0673 0.621406H18.6066C18.5665 0.62013 18.5285 0.603298 18.5006 0.574472C18.4726 0.545646 18.457 0.507087 18.457 0.466953C18.457 0.42682 18.4726 0.38826 18.5006 0.359434C18.5285 0.330608 18.5665 0.313776 18.6066 0.3125H19.0673C19.2317 0.312707 19.3894 0.378127 19.5057 0.494414C19.622 0.6107 19.6874 0.768359 19.6876 0.932812V1.39344C19.6876 1.43438 19.6713 1.47365 19.6424 1.5026C19.6134 1.53155 19.5742 1.54781 19.5332 1.54781Z",fill:"#2D87F3"}),s.createElement("path",{d:"M0.689531 1.54789C0.648588 1.54789 0.609323 1.53163 0.580372 1.50268C0.551421 1.47372 0.535156 1.43446 0.535156 1.39352V0.932891C0.535363 0.768356 0.600848 0.610626 0.717236 0.494326C0.833623 0.378027 0.991403 0.312661 1.15594 0.312578H1.61641C1.6371 0.31192 1.65772 0.315428 1.67703 0.322893C1.69635 0.330359 1.71397 0.34163 1.72884 0.356038C1.74371 0.370445 1.75554 0.387695 1.76361 0.406762C1.77169 0.425829 1.77585 0.446324 1.77585 0.467031C1.77585 0.487738 1.77169 0.508234 1.76361 0.527301C1.75554 0.546368 1.74371 0.563618 1.72884 0.578025C1.71397 0.592432 1.69635 0.603703 1.67703 0.611169C1.65772 0.618635 1.6371 0.622143 1.61641 0.621484H1.15594C1.07325 0.621484 0.993926 0.654258 0.935352 0.712626C0.876779 0.770995 0.843727 0.8502 0.843437 0.932891V1.39352C0.843438 1.43438 0.827238 1.47357 0.798388 1.50251C0.769538 1.53145 0.730393 1.54777 0.689531 1.54789Z",fill:"#2D87F3"}),s.createElement("path",{d:"M19.0673 19.4648H18.6066C18.5665 19.4636 18.5285 19.4467 18.5006 19.4179C18.4726 19.3891 18.457 19.3505 18.457 19.3104C18.457 19.2702 18.4726 19.2317 18.5006 19.2029C18.5285 19.174 18.5665 19.1572 18.6066 19.1559H19.0673C19.1498 19.1556 19.2288 19.1227 19.2872 19.0644C19.3455 19.0061 19.3784 18.927 19.3787 18.8445V18.3841C19.378 18.3634 19.3815 18.3427 19.389 18.3234C19.3965 18.3041 19.4077 18.2865 19.4221 18.2716C19.4365 18.2567 19.4538 18.2449 19.4729 18.2368C19.4919 18.2288 19.5124 18.2246 19.5331 18.2246C19.5538 18.2246 19.5743 18.2288 19.5934 18.2368C19.6125 18.2449 19.6297 18.2567 19.6441 18.2716C19.6585 18.2865 19.6698 18.3041 19.6773 18.3234C19.6847 18.3427 19.6882 18.3634 19.6876 18.3841V18.8441C19.6875 19.0086 19.6221 19.1664 19.5058 19.2828C19.3895 19.3991 19.2318 19.4646 19.0673 19.4648Z",fill:"#2D87F3"}),s.createElement("path",{d:"M1.40625 19.6875H0.940156C0.773755 19.6873 0.614228 19.6211 0.496565 19.5034C0.378901 19.3858 0.312707 19.2262 0.3125 19.0598V18.5938C0.3125 18.5523 0.328962 18.5126 0.358265 18.4833C0.387567 18.454 0.42731 18.4375 0.46875 18.4375C0.51019 18.4375 0.549933 18.454 0.579235 18.4833C0.608538 18.5126 0.625 18.5523 0.625 18.5938V19.0595C0.624979 19.1009 0.633115 19.1419 0.648942 19.1802C0.664769 19.2185 0.687977 19.2532 0.717242 19.2825C0.746507 19.3118 0.781256 19.3351 0.819503 19.3509C0.857751 19.3668 0.898749 19.375 0.940156 19.375H1.40625C1.44769 19.375 1.48743 19.3915 1.51674 19.4208C1.54604 19.4501 1.5625 19.4898 1.5625 19.5312C1.5625 19.5727 1.54604 19.6124 1.51674 19.6417C1.48743 19.671 1.44769 19.6875 1.40625 19.6875Z",fill:"#2D87F3"}),s.createElement("path",{d:"M3.95953 2.8125H2.65625C2.61481 2.8125 2.57507 2.79604 2.54576 2.76674C2.51646 2.73743 2.5 2.69769 2.5 2.65625C2.5 2.61481 2.51646 2.57507 2.54576 2.54576C2.57507 2.51646 2.61481 2.5 2.65625 2.5H3.95953C4.00097 2.5 4.04071 2.51646 4.07002 2.54576C4.09932 2.57507 4.11578 2.61481 4.11578 2.65625C4.11578 2.69769 4.09932 2.73743 4.07002 2.76674C4.04071 2.79604 4.00097 2.8125 3.95953 2.8125Z",fill:"#2D87F3"}),s.createElement("path",{d:"M17.3443 14.9688H16.7285C16.6871 14.9688 16.6473 14.9523 16.618 14.923C16.5887 14.8937 16.5723 14.8539 16.5723 14.8125C16.5723 14.7711 16.5887 14.7313 16.618 14.702C16.6473 14.6727 16.6871 14.6562 16.7285 14.6562H17.3443C17.3857 14.6562 17.4255 14.6727 17.4548 14.702C17.4841 14.7313 17.5005 14.7711 17.5005 14.8125C17.5005 14.8539 17.4841 14.8937 17.4548 14.923C17.4255 14.9523 17.3857 14.9688 17.3443 14.9688Z",fill:"#2D87F3"}),s.createElement("path",{d:"M17.3443 16.3027H16.7285C16.6871 16.3027 16.6473 16.2863 16.618 16.257C16.5887 16.2277 16.5723 16.1879 16.5723 16.1465C16.5723 16.105 16.5887 16.0653 16.618 16.036C16.6473 16.0067 16.6871 15.9902 16.7285 15.9902H17.3443C17.3857 15.9902 17.4255 16.0067 17.4548 16.036C17.4841 16.0653 17.5005 16.105 17.5005 16.1465C17.5005 16.1879 17.4841 16.2277 17.4548 16.257C17.4255 16.2863 17.3857 16.3027 17.3443 16.3027Z",fill:"#2D87F3"}),s.createElement("path",{d:"M17.3443 13.6499H16.7285C16.6871 13.6499 16.6473 13.6334 16.618 13.6041C16.5887 13.5748 16.5723 13.5351 16.5723 13.4937C16.5723 13.4522 16.5887 13.4125 16.618 13.3832C16.6473 13.3539 16.6871 13.3374 16.7285 13.3374H17.3443C17.3857 13.3374 17.4255 13.3539 17.4548 13.3832C17.4841 13.4125 17.5005 13.4522 17.5005 13.4937C17.5005 13.5351 17.4841 13.5748 17.4548 13.6041C17.4255 13.6334 17.3857 13.6499 17.3443 13.6499Z",fill:"#2D87F3"}),s.createElement("path",{d:"M4.99063 3.84375H2.65625C2.61481 3.84375 2.57507 3.82729 2.54576 3.79799C2.51646 3.76868 2.5 3.72894 2.5 3.6875C2.5 3.64606 2.51646 3.60632 2.54576 3.57701C2.57507 3.54771 2.61481 3.53125 2.65625 3.53125H4.99063C5.03207 3.53125 5.07181 3.54771 5.10111 3.57701C5.13041 3.60632 5.14687 3.64606 5.14687 3.6875C5.14687 3.72894 5.13041 3.76868 5.10111 3.79799C5.07181 3.82729 5.03207 3.84375 4.99063 3.84375Z",fill:"#2D87F3"}),s.createElement("path",{d:"M4.99063 4.875H2.65625C2.61481 4.875 2.57507 4.85854 2.54576 4.82924C2.51646 4.79993 2.5 4.76019 2.5 4.71875C2.5 4.67731 2.51646 4.63757 2.54576 4.60826C2.57507 4.57896 2.61481 4.5625 2.65625 4.5625H4.99063C5.03207 4.5625 5.07181 4.57896 5.10111 4.60826C5.13041 4.63757 5.14687 4.67731 5.14687 4.71875C5.14687 4.76019 5.13041 4.79993 5.10111 4.82924C5.07181 4.85854 5.03207 4.875 4.99063 4.875Z",fill:"#2D87F3"}),s.createElement("path",{d:"M17.3443 12.3843H16.7285C16.6871 12.3843 16.6473 12.3678 16.618 12.3385C16.5887 12.3092 16.5723 12.2695 16.5723 12.228C16.5723 12.1866 16.5887 12.1468 16.618 12.1175C16.6473 12.0882 16.6871 12.0718 16.7285 12.0718H17.3443C17.3857 12.0718 17.4255 12.0882 17.4548 12.1175C17.4841 12.1468 17.5005 12.1866 17.5005 12.228C17.5005 12.2695 17.4841 12.3092 17.4548 12.3385C17.4255 12.3678 17.3857 12.3843 17.3443 12.3843Z",fill:"#2D87F3"}),s.createElement("path",{d:"M17.3443 17.6562H16.7285C16.6871 17.6562 16.6473 17.6398 16.618 17.6105C16.5887 17.5812 16.5723 17.5414 16.5723 17.5C16.5723 17.4586 16.5887 17.4188 16.618 17.3895C16.6473 17.3602 16.6871 17.3438 16.7285 17.3438H17.3443C17.3857 17.3438 17.4255 17.3602 17.4548 17.3895C17.4841 17.4188 17.5005 17.4586 17.5005 17.5C17.5005 17.5414 17.4841 17.5812 17.4548 17.6105C17.4255 17.6398 17.3857 17.6562 17.3443 17.6562Z",fill:"#2D87F3"}),s.createElement("path",{d:"M17.0352 17.6563C16.9937 17.6563 16.954 17.6398 16.9247 17.6105C16.8954 17.5812 16.8789 17.5415 16.8789 17.5001V12.228C16.8789 12.1866 16.8954 12.1468 16.9247 12.1175C16.954 12.0882 16.9937 12.0718 17.0352 12.0718C17.0766 12.0718 17.1163 12.0882 17.1456 12.1175C17.1749 12.1468 17.1914 12.1866 17.1914 12.228V17.5001C17.1914 17.5415 17.1749 17.5812 17.1456 17.6105C17.1163 17.6398 17.0766 17.6563 17.0352 17.6563Z",fill:"#2D87F3"}),s.createElement("path",{d:"M8.60596 12.3197C8.54189 12.4053 8.46174 12.4775 8.37002 12.5324C8.13096 12.6807 7.05018 13.0533 5.9919 12.0152C5.72695 11.7747 5.47994 11.5151 5.25284 11.2385C5.07471 11.0041 4.83877 10.959 4.57627 10.5683C4.34659 10.2262 4.36846 9.61991 4.57627 9.35412C4.84502 9.01194 5.32627 8.84022 5.62627 9.49631C5.76534 9.80256 6.47002 10.476 7.0294 10.6262C7.09603 10.6424 7.16404 10.6523 7.23252 10.6558C7.85752 10.6952 8.57627 11.1307 8.74659 11.6512C8.77467 11.766 8.77661 11.8857 8.75227 12.0014C8.72793 12.1172 8.67794 12.2259 8.60596 12.3197Z",fill:"#2B62CD"}),s.createElement("path",{d:"M17.8215 7.60137C17.3465 10.2436 15.2621 10.3982 14.3965 11.2482C13.9965 11.642 14.0606 11.7092 13.9965 12.7201C13.9231 13.8951 13.2621 16.1139 11.0356 16.7654C8.77777 17.4279 6.96371 16.5029 6.00121 14.6982C5.14339 13.0904 4.21527 13.6154 3.00121 13.1811C2.42152 12.9717 2.00433 12.4811 2.01996 11.9748C2.03871 11.3217 2.40902 10.8404 3.37777 11.3217C4.04964 11.6545 4.69496 11.5936 5.30433 11.5201C5.63507 11.4688 5.96971 11.4468 6.30433 11.4545C6.96796 11.5169 7.60602 11.7417 8.16214 12.1092C8.31527 12.2061 8.42621 12.2889 8.48402 12.3342C8.0626 11.9665 7.71478 11.5222 7.45902 11.0248C7.44183 10.9936 7.2848 10.655 7.25589 10.592C6.96136 9.95137 7.39027 9.35606 7.83714 9.35606C7.87141 9.35549 7.9056 9.3597 7.93871 9.36855C8.05114 9.39698 8.14976 9.46457 8.21683 9.55918C8.23545 9.57848 8.25784 9.59375 8.28261 9.60403C8.30738 9.61431 8.334 9.61939 8.36082 9.61895C8.38763 9.61851 8.41407 9.61256 8.43849 9.60147C8.46291 9.59038 8.48479 9.57439 8.50277 9.55449C8.54371 9.50394 8.60167 9.47004 8.66579 9.45911C8.72992 9.44818 8.79583 9.46098 8.85121 9.49512C9.13871 9.66699 8.98871 10.0232 9.19808 10.4342C9.42152 10.8732 10.109 11.3389 10.634 11.2389C11.0293 11.1623 11.8606 10.6811 10.634 10.167C9.94808 9.88105 9.86683 9.48418 9.93558 9.12168C9.96058 8.99356 10.1621 8.41543 10.1653 8.39356C10.1996 8.1248 9.64652 7.69668 10.1653 7.31699C10.4215 7.12949 10.459 6.88262 10.5075 6.56855C10.7934 4.6998 12.02 3.47168 13.9825 3.47168C16.5262 3.47168 18.1418 5.82793 17.8215 7.60137Z",fill:"#2D87F3"}),s.createElement("path",{d:"M11.0678 7.4316C11.006 7.43496 10.9443 7.42333 10.888 7.3977C10.8317 7.37207 10.7824 7.33321 10.7443 7.28441C10.7305 7.26814 10.7201 7.24921 10.7139 7.22877C10.7076 7.20833 10.7056 7.18683 10.708 7.16559C10.7104 7.14436 10.7171 7.12384 10.7278 7.1053C10.7384 7.08677 10.7527 7.07062 10.7699 7.05784C10.787 7.04507 10.8066 7.03594 10.8274 7.03103C10.8482 7.02613 10.8698 7.02553 10.8908 7.0293C10.9118 7.03306 10.9319 7.0411 10.9497 7.05292C10.9675 7.06474 10.9827 7.08009 10.9943 7.09801C11.0256 7.1391 11.159 7.11504 11.2378 7.0802C11.2756 7.06321 11.3186 7.06193 11.3573 7.07666C11.3961 7.09138 11.4274 7.1209 11.4444 7.15871C11.4614 7.19653 11.4627 7.23954 11.4479 7.27829C11.4332 7.31705 11.4037 7.34836 11.3659 7.36535C11.272 7.40738 11.1706 7.42991 11.0678 7.4316Z",fill:"#2B62CD"}),s.createElement("path",{d:"M11.548 13.1983C11.5518 13.2185 11.5515 13.2392 11.5471 13.2592C11.5428 13.2792 11.5345 13.2981 11.5227 13.3149C11.5109 13.3316 11.4958 13.3458 11.4785 13.3567C11.4611 13.3675 11.4417 13.3748 11.4215 13.378C11.2165 13.4117 11.0089 13.4279 10.8012 13.4265C10.5169 13.4214 10.2349 13.3757 9.96367 13.2905C9.44418 13.1038 8.96486 12.8201 8.55117 12.4546C7.77477 11.8262 7.66367 11.4171 7.45898 11.0249C7.74314 11.4988 8.12768 11.9047 8.58555 12.214C9.03605 12.5485 9.53089 12.8188 10.0559 13.0171C10.4848 13.1224 10.9305 13.141 11.3668 13.0718C11.387 13.0677 11.4079 13.0678 11.4281 13.0721C11.4483 13.0763 11.4675 13.0846 11.4844 13.0964C11.5014 13.1082 11.5157 13.1233 11.5267 13.1409C11.5376 13.1584 11.5449 13.1779 11.548 13.1983Z",fill:"#2B62CD"}),s.createElement("path",{d:"M10.5484 8.85297C10.511 8.86675 10.4712 8.87312 10.4313 8.87172C10.2958 8.86506 10.164 8.82594 10.0469 8.75766C10.0858 8.62969 10.1177 8.54703 10.1419 8.46875C10.2299 8.5323 10.3369 8.56419 10.4453 8.55922C10.464 8.55169 10.4839 8.54798 10.504 8.54833C10.5241 8.54867 10.5439 8.55306 10.5623 8.56122C10.5807 8.56939 10.5972 8.58116 10.6109 8.59585C10.6247 8.61054 10.6353 8.62784 10.6422 8.64672C10.6561 8.68656 10.6541 8.73021 10.6366 8.76862C10.6192 8.80703 10.5876 8.83724 10.5484 8.85297Z",fill:"#2B62CD"})),s.createElement("defs",null,s.createElement("clipPath",{id:"clip0_5646_32454"},s.createElement("rect",{width:"20",height:"20",fill:"white"}))))},label:"dueDatePage.ultrasound"}},_=[String(r.lastPeriod),String(r.IVF),String(r.conception)],j={[E.L.Cambodia]:_,[E.L.Singapore]:_,[E.L.India]:_,[E.L.Indonesia]:[String(r.lastPeriod),String(r.IUI),String(r.IVF),String(r.ultrasound)],[E.L.Malaysia]:_,[E.L.Myanmar]:_,[E.L.PhilippinesEnglish]:_,[E.L.PhilippinesTagalog]:_,[E.L.Taiwan]:_,[E.L.Thailand]:_,[E.L.Vietnam]:[String(r.lastPeriod),String(r.IVF),String(r.IUI),String(r.ultrasound)]},k="yyyy-MM-dd",getDueDateLastPeriod=(e,t)=>({otherInfo:{method:r.lastPeriod+1,first_day:(0,h.Z)(e,k),measurement_date:null,insemination_date:null,cycle_length_days:t,conception_date:null,ivf_transfer_date:null,days_transfer:null}}),getDueDateConception=e=>({otherInfo:{method:r.conception+1,conception_date:(0,h.Z)(e,k),measurement_date:null,insemination_date:null,first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}),getDueDateIVF=(e,t)=>({otherInfo:{method:r.IVF+1,ivf_transfer_date:(0,h.Z)(e,k),measurement_date:null,insemination_date:null,days_transfer:t,conception_date:null,first_day:null,cycle_length_days:null}}),getDueDateIUI=e=>({otherInfo:{method:r.conception+1,insemination_date:(0,h.Z)(e,k),measurement_date:null,conception_date:null,first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}),getDueDateUltrasound=(e,t)=>{let[a,n]=t.split("|"),[l,o]=[Number(a),Number(n)];return{otherInfo:{method:r.conception+1,measurement_date:(0,h.Z)(e,k),conception_date:null,insemination_date:null,crl_value:l,msd_value:o,first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}},B=(0,s.createContext)({}),N=(0,s.createContext)({}),DefaultLayout$4=()=>{let{t:e}=(0,I.u)(),{form:t}=(0,s.useContext)(N);return s.createElement(D.H.FormRow,null,s.createElement(y.D,Object.assign({label:s.createElement(P.T,{size:"p2",weight:"semiBold"},e("dueDatePage.lastPeriod.lastPeriodLabel"))},t.getInputProps("lastPeriodDate"),{popoverProps:{withinPortal:!0},maxDate:new Date})))},InlineLayout$4=()=>{let{t:e}=(0,I.u)(),{form:t}=(0,s.useContext)(N);return s.createElement(D.H.FormRow,null,s.createElement(D.H.BorderInlineControl,{width:300,label:e("dueDatePage.lastPeriod.lastPeriodLabel")},s.createElement(y.D,Object.assign({},t.getInputProps("lastPeriodDate"),{popoverProps:{withinPortal:!0},maxDate:new Date,error:null}))),t.errors.lastPeriodDate&&s.createElement(D.H.Error,null,t.errors.lastPeriodDate))},MbLayout$4=()=>{let{t:e}=(0,I.u)(),{form:t}=(0,s.useContext)(N);return s.createElement(D.H.BorderBoxControl,{label:e("dueDatePage.lastPeriod.lastPeriodLabel"),rightSection:s.createElement(S.Z,null)},s.createElement(y.D,Object.assign({},t.getInputProps("lastPeriodDate"),{popoverProps:{withinPortal:!0},rightSection:null,maxDate:new Date})))},ConceptionForm=({})=>{let{classes:e={}}=(0,s.useContext)(O.C),{formLayout:t,onSubmit:a,currentUrl:n,submitProps:l}=(0,s.useContext)(B),o=(0,c.rZ)(),{t:i}=(0,I.u)(),d=(0,v.c)({initialValues:{lastPeriodDate:new Date}}),m={onSubmit:d.onSubmit(e=>{let{lastPeriodDate:t}=e,n=`${F.Q.type}=${r.conception}&${F.Q.startDate}=${w()(t).format(F.A)}&${F.Q.additional}= `;a(getDueDateConception(t),n)})};return s.createElement(N.Provider,{value:{form:d}},s.createElement(D.H,Object.assign({formLayout:t},m),"inline"===t?s.createElement(InlineLayout$4,null):"mb"===o.other.template?s.createElement(MbLayout$4,null):s.createElement(DefaultLayout$4,null),s.createElement(D.H.FormRow,{className:e.submitWrapper},s.createElement(D.H.Submit,Object.assign({dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:n,className:(0,u.default)("due-date-calculate-button",e.submitBtn),type:"submit"},l),i("dueDatePage.lastPeriod.calculate")))))},T=(0,s.createContext)({}),DefaultLayout$3=()=>{let{t:e}=(0,I.u)(),{form:t}=(0,s.useContext)(T);return s.createElement(D.H.FormRow,null,s.createElement(y.D,Object.assign({label:s.createElement(P.T,{size:"p2",weight:"semiBold"},e("dueDatePage.date_of_IUI_procedure"))},t.getInputProps("dateOfIUIProcedure"),{popoverProps:{withinPortal:!0},maxDate:new Date})))},InlineLayout$3=()=>{let{t:e}=(0,I.u)(),{form:t}=(0,s.useContext)(T);return s.createElement(D.H.FormRow,null,s.createElement(D.H.BorderInlineControl,{width:300,label:e("dueDatePage.date_of_IUI_procedure")},s.createElement(y.D,Object.assign({},t.getInputProps("dateOfIUIProcedure"),{popoverProps:{withinPortal:!0},maxDate:new Date,error:null}))))},MbLayout$3=()=>{let{t:e}=(0,I.u)(),{form:t}=(0,s.useContext)(T);return s.createElement(D.H.BorderBoxControl,{label:e("dueDatePage.date_of_IUI_procedure"),rightSection:s.createElement(S.Z,null)},s.createElement(y.D,Object.assign({},t.getInputProps("dateOfIUIProcedure"),{popoverProps:{withinPortal:!0},rightSection:null,maxDate:new Date})))},IUIForm=({})=>{let{formLayout:e,onSubmit:t,currentUrl:a,submitProps:n}=(0,s.useContext)(B),{classes:l={}}=(0,s.useContext)(O.C),o=(0,c.rZ)(),{t:i}=(0,I.u)(),d=(0,v.c)({initialValues:{dateOfIUIProcedure:new Date}}),m={onSubmit:d.onSubmit(e=>{let{dateOfIUIProcedure:a}=e,n=`${F.Q.type}=${r.IUI}&${F.Q.startDate}=${w()(a).format(F.A)}&${F.Q.additional}= `;t(getDueDateIUI(a),n)})};return s.createElement(T.Provider,{value:{form:d}},s.createElement(D.H,Object.assign({formLayout:e},m),"inline"===e?s.createElement(InlineLayout$3,null):"mb"===o.other.template?s.createElement(MbLayout$3,null):s.createElement(DefaultLayout$3,null),s.createElement(D.H.FormRow,{className:l.submitWrapper},s.createElement(D.H.Submit,Object.assign({dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:a,className:(0,u.default)("due-date-calculate-button",l.submitBtn),type:"submit"},n),i("dueDatePage.lastPeriod.calculate")))))},M=(0,s.createContext)({}),DefaultLayout$2=()=>{let{t:e}=(0,I.u)(),{form:t,transferDateOptions:a}=(0,s.useContext)(M);return s.createElement(s.Fragment,null,s.createElement(D.H.FormRow,null,s.createElement(y.D,Object.assign({label:s.createElement(P.T,{size:"p2",weight:"semiBold"},e("dueDatePage.ivf.transferDate"))},t.getInputProps("IVFDate"),{popoverProps:{withinPortal:!0},maxDate:new Date}))),s.createElement(D.H.FormRow,null,s.createElement(x.R.Group,Object.assign({},t.getInputProps("dayTransfer")),s.createElement(d.Z,null,a.map((e,t)=>s.createElement(x.R,{key:t,value:e.value,label:e.label}))))))},InlineLayout$2=()=>{let{t:e}=(0,I.u)(),{form:t,transferDateOptions:a}=(0,s.useContext)(M);return s.createElement(s.Fragment,null,s.createElement(D.H.FormRow,null,s.createElement(D.H.BorderInlineControl,{width:300,label:e("dueDatePage.ivf.transferDate")},s.createElement(y.D,Object.assign({},t.getInputProps("IVFDate"),{popoverProps:{withinPortal:!0},maxDate:new Date})))),s.createElement(D.H.FormRow,null,s.createElement(D.H.BorderInlineControl,{width:"none"},s.createElement(x.R.Group,Object.assign({},t.getInputProps("dayTransfer")),s.createElement(d.Z,null,a.map((e,t)=>s.createElement(x.R,{key:t,value:e.value,label:e.label})))))))},MbLayout$2=()=>{let{t:e}=(0,I.u)(),{form:t,transferDateOptions:a}=(0,s.useContext)(M);return s.createElement(s.Fragment,null,s.createElement(D.H.BorderBoxControl,{label:e("dueDatePage.ivf.transferDate"),rightSection:s.createElement(S.Z,null)},s.createElement(y.D,Object.assign({},t.getInputProps("IVFDate"),{popoverProps:{withinPortal:!0},maxDate:new Date,rightSection:null}))),s.createElement(x.R.Group,Object.assign({},t.getInputProps("dayTransfer")),s.createElement(d.Z,null,a.map((e,t)=>s.createElement(x.R,{key:t,value:e.value,label:e.label})))))},IVFForm=({})=>{var e;let{classes:t={}}=(0,s.useContext)(O.C),{formLayout:a,onSubmit:n,currentUrl:l,submitProps:o}=(0,s.useContext)(B),{t:i}=(0,I.u)(),d=(0,c.rZ)(),m=[{value:"3",label:i("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:i("dueDatePage.ivf.transferDateRadio",{number:5})}],g=(0,v.c)({initialValues:{IVFDate:new Date,dayTransfer:null===(e=null==m?void 0:m[0])||void 0===e?void 0:e.value}}),p={onSubmit:g.onSubmit(e=>{let{IVFDate:t}=e,a=Number(e.dayTransfer),l=`${F.Q.type}=${r.IVF}&${F.Q.startDate}=${w()(t).format(F.A)}&${F.Q.additional}=${a}`;n(getDueDateIVF(t,Number(a)),l)})};return s.createElement(M.Provider,{value:{form:g,transferDateOptions:m}},s.createElement(D.H,Object.assign({formLayout:a},p),"inline"===a?s.createElement(InlineLayout$2,null):"mb"===d.other.template?s.createElement(MbLayout$2,null):s.createElement(DefaultLayout$2,null),s.createElement(D.H.FormRow,{className:t.submitWrapper},s.createElement(D.H.Submit,Object.assign({dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:l,className:(0,u.default)("due-date-calculate-button",t.submitBtn),type:"submit"},o),i("dueDatePage.lastPeriod.calculate")))))},$=(0,s.createContext)({}),DefaultLayout$1=()=>{let{t:e}=(0,I.u)(),{form:t}=(0,s.useContext)($),a=(0,s.useMemo)(()=>[...Array(21)].map((t,a)=>({label:e("dueDatePage.daysText",{number:a+20}),value:`${a+20}`})),[]);return s.createElement(s.Fragment,null,s.createElement(D.H.FormRow,null,s.createElement(y.D,Object.assign({label:s.createElement(P.T,{size:"p2",weight:"semiBold"},e("dueDatePage.lastPeriod.lastPeriodLabel"))},t.getInputProps("lastPeriodDate"),{popoverProps:{withinPortal:!0},maxDate:new Date}))),s.createElement(D.H.FormRow,null,s.createElement(x.I.Wrapper,{label:s.createElement(P.T,{size:"p2",weight:"semiBold"},e("dueDatePage.lastPeriod.periodLengthLabel"))},s.createElement(x.S,Object.assign({placeholder:e("tools.inputPlaceholder",{content:e("dueDatePage.daysText",{number:30})}),data:a,withinPortal:!0},t.getInputProps("periodLength"))))))},InlineLayout$1=()=>{let{t:e}=(0,I.u)(),{form:t}=(0,s.useContext)($),a=(0,s.useMemo)(()=>[...Array(21)].map((t,a)=>({label:e("dueDatePage.daysText",{number:a+20}),value:`${a+20}`})),[]);return s.createElement(s.Fragment,null,s.createElement(D.H.FormRow,null,s.createElement(D.H.BorderInlineControl,{label:e("dueDatePage.lastPeriod.lastPeriodLabel"),width:300},s.createElement(y.D,Object.assign({},t.getInputProps("lastPeriodDate"),{popoverProps:{withinPortal:!0},maxDate:new Date})))),s.createElement(D.H.FormRow,null,s.createElement(D.H.BorderInlineControl,{label:e("dueDatePage.lastPeriod.periodLengthLabel"),width:300},s.createElement(x.S,Object.assign({placeholder:e("tools.inputPlaceholder",{content:e("dueDatePage.daysText",{number:30})}),data:a},t.getInputProps("periodLength"),{error:null,withinPortal:!0})))),t.errors.periodLength&&s.createElement(D.H.FormRow,null,s.createElement(D.H.Error,null,t.errors.periodLength)))},MbLayout$1=()=>{let{t:e}=(0,I.u)(),{form:t}=(0,s.useContext)($);return s.createElement(s.Fragment,null,s.createElement(D.H.BorderBoxControl,{label:e("dueDatePage.lastPeriod.lastPeriodLabel"),rightSection:s.createElement(S.Z,null)},s.createElement(y.D,Object.assign({rightSection:null},t.getInputProps("lastPeriodDate"),{popoverProps:{withinPortal:!0},maxDate:new Date}))),s.createElement(D.H.BorderBoxControl,{label:e("dueDatePage.lastPeriod.periodLengthLabel"),rightSection:e("ovulationPage.dayUnit")},s.createElement(x.I.Number,Object.assign({min:20,max:40,placeholder:e("tools.inputPlaceholder",{content:"30"})},t.getInputProps("periodLength")))),t.errors.periodLength&&s.createElement(D.H.Error,null,t.errors.periodLength))},LastPeriodForm=({})=>{let{formLayout:e,onSubmit:t,currentUrl:a,submitProps:n}=(0,s.useContext)(B),{classes:l={}}=(0,s.useContext)(O.C),{t:o}=(0,I.u)(),i=(0,c.rZ)(),d="mb"===i.other.template,m=(0,v.c)({initialValues:{lastPeriodDate:new Date},validate:{periodLength:(0,C.U)(o("validation.error.requiredField"))}}),g={onSubmit:m.onSubmit(e=>{let{periodLength:a,lastPeriodDate:n}=e,l=`${F.Q.type}=${r.lastPeriod}&${F.Q.startDate}=${w()(n).format(F.A)}&${F.Q.additional}=${a}`;t(getDueDateLastPeriod(n,a),l)})};return s.createElement($.Provider,{value:{form:m}},s.createElement(D.H,Object.assign({formLayout:e},g),"inline"===e?s.createElement(InlineLayout$1,null):d?s.createElement(MbLayout$1,null):s.createElement(DefaultLayout$1,null),s.createElement(D.H.FormRow,{className:l.submitWrapper},s.createElement(D.H.Submit,Object.assign({dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:a,className:(0,u.default)("due-date-calculate-button",l.submitBtn),type:"submit"},n),o("dueDatePage.lastPeriod.calculate")))))},R=(0,s.createContext)({}),Info=e=>{var{isMarryBaby:t,size:a=24}=e,n=(0,i._)(e,["isMarryBaby","size"]);let l=Object.assign({width:a,height:a},n);return s.createElement("svg",Object.assign({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),s.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.00065 1.3335C4.32065 1.3335 1.33398 4.32016 1.33398 8.00016C1.33398 11.6802 4.32065 14.6668 8.00065 14.6668C11.6807 14.6668 14.6673 11.6802 14.6673 8.00016C14.6673 4.32016 11.6807 1.3335 8.00065 1.3335ZM8.00065 11.3335C7.63398 11.3335 7.33398 11.0335 7.33398 10.6668V8.00016C7.33398 7.6335 7.63398 7.3335 8.00065 7.3335C8.36732 7.3335 8.66732 7.6335 8.66732 8.00016V10.6668C8.66732 11.0335 8.36732 11.3335 8.00065 11.3335ZM7.33398 6.00016H8.66732V4.66683H7.33398V6.00016Z",fill:"#2D87F3"}))},DefaultLayout=()=>{let{t:e}=(0,I.u)(),{form:t}=(0,s.useContext)(R),a=s.createElement(P.T,{size:"p4",color:L.r.colors.gray400},"mm"),n=t.getInputProps("ultrasoundCRL"),l=t.getInputProps("ultrasoundMSD");return s.createElement(s.Fragment,null,s.createElement(D.H.FormRow,null,s.createElement(y.D,Object.assign({label:s.createElement(P.T,{size:"p2",weight:"semiBold"},e("dueDatePage.date_of_ultrasound"))},t.getInputProps("dateOfUltrasound"),{popoverProps:{withinPortal:!0},maxDate:new Date}))),s.createElement(D.H.FormRow,null,s.createElement(m.k,{align:"center",gap:4,mb:4},s.createElement(P.T,{size:"p2",weight:"semiBold"},e("dueDatePage.validation.one_is_required")),s.createElement(g.u,{withinPortal:!0,withArrow:!0,width:300,multiline:!0,label:e("dueDatePage.ultrasound.tooltip")},s.createElement(m.k,null,s.createElement(Info,{size:16})))),s.createElement(m.k,{gap:8},s.createElement(x.I,Object.assign({placeholder:"CRL",sx:{flex:1},rightSection:a,type:"number",min:0,step:.01},n,{errorProps:{sx:{display:"none"}}})),s.createElement(x.I,Object.assign({placeholder:"MSD",sx:{flex:1},rightSection:a,type:"number",min:0,step:.01},l,{errorProps:{sx:{display:"none"}}}))),(t.errors.ultrasoundCRL||t.errors.ultrasoundMSD)&&s.createElement(P.T,{size:"p4",color:L.r.colors.red500},t.errors.ultrasoundCRL||t.errors.ultrasoundMSD)))},InlineLayout=()=>{let{t:e}=(0,I.u)(),{form:t}=(0,s.useContext)(R),a=s.createElement(P.T,{size:"p4",color:L.r.colors.gray400},"mm"),n=t.getInputProps("ultrasoundCRL"),l=t.getInputProps("ultrasoundMSD");return s.createElement(s.Fragment,null,s.createElement(D.H.FormRow,null,s.createElement(D.H.BorderInlineControl,{width:300,label:e("dueDatePage.date_of_ultrasound")},s.createElement(y.D,Object.assign({},t.getInputProps("dateOfUltrasound"),{popoverProps:{withinPortal:!0},maxDate:new Date,error:null})))),s.createElement(D.H.FormRow,null,s.createElement(D.H.BorderInlineControl,{width:300,label:s.createElement(m.k,{align:"center",gap:4},s.createElement("span",null,e("dueDatePage.validation.one_is_required")),s.createElement(g.u,{withinPortal:!0,withArrow:!0,width:300,multiline:!0,label:e("dueDatePage.ultrasound.tooltip")},s.createElement(m.k,null,s.createElement(Info,{size:16}))))},s.createElement(p.x,null,s.createElement(m.k,{gap:8},s.createElement(x.I,Object.assign({placeholder:"CRL",sx:{flex:1},rightSection:a,type:"number",min:0,step:.01},n,{errorProps:{sx:{display:"none"}}})),s.createElement(x.I,Object.assign({placeholder:"MSD",sx:{flex:1},rightSection:a,type:"number",min:0,step:.01},l,{errorProps:{sx:{display:"none"}}}))))),(t.errors.ultrasoundCRL||t.errors.ultrasoundMSD)&&s.createElement(D.H.Error,null,t.errors.ultrasoundCRL||t.errors.ultrasoundMSD)))},MbLayout=()=>{let{t:e}=(0,I.u)(),{form:t}=(0,s.useContext)(R);return s.createElement(D.H.BorderBoxControl,{label:e("dueDatePage.date_of_ultrasound"),rightSection:s.createElement(S.Z,null)},s.createElement(y.D,Object.assign({},t.getInputProps("dateOfUltrasound"),{popoverProps:{withinPortal:!0},rightSection:null,maxDate:new Date})))},UltrasoundForm=({})=>{let{classes:e={}}=(0,s.useContext)(O.C),{formLayout:t,onSubmit:a,currentUrl:n,submitProps:l}=(0,s.useContext)(B),o=(0,c.rZ)(),{t:i}=(0,I.u)(),d=(0,v.c)({initialValues:{dateOfUltrasound:new Date},validate:e=>{let t=Number(e.ultrasoundCRL),a=Number(e.ultrasoundMSD);if(!t&&!a)return{ultrasoundCRL:i("dueDatePage.validation.record_not_valid")};let n=t>=5&&t<=101,l=a>0&&a<=13;return n||l?{}:t&&!n?{ultrasoundCRL:i("dueDatePage.validation.record_not_valid")}:a&&!l?{ultrasoundMSD:i("dueDatePage.validation.crl")}:void 0}}),m={onSubmit:d.onSubmit(e=>{let{dateOfUltrasound:t,ultrasoundCRL:n,ultrasoundMSD:l}=e,o=`${n}|${l}`,i=`${F.Q.type}=${r.ultrasound}&${F.Q.startDate}=${w()(t).format(F.A)}&${F.Q.additional}=${o}`;a(getDueDateUltrasound(t,o),i)})};return s.createElement(R.Provider,{value:{form:d}},s.createElement(D.H,Object.assign({formLayout:t},m),"inline"===t?s.createElement(InlineLayout,null):"mb"===o.other.template?s.createElement(MbLayout,null):s.createElement(DefaultLayout,null),s.createElement(D.H.FormRow,{className:e.submitWrapper},s.createElement(D.H.Submit,Object.assign({dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:n,className:(0,u.default)("due-date-calculate-button",e.submitBtn),type:"submit"},l),i("dueDatePage.lastPeriod.calculate")))))},FormSwitcher=()=>{let{calculatorType:e}=(0,s.useContext)(B);switch(e){case r.lastPeriod:return s.createElement(LastPeriodForm,null);case r.conception:return s.createElement(ConceptionForm,null);case r.IVF:return s.createElement(IVFForm,null);case r.IUI:return s.createElement(IUIForm,null);case r.ultrasound:return s.createElement(UltrasoundForm,null);default:return null}};(l=o||(o={}))[l.trackPeriod=0]="trackPeriod",l[l.conceive=1]="conceive",l[l.avoidPregnancy=2]="avoidPregnancy";let z=(0,s.forwardRef)((e,t)=>{var{label:a,icon:n}=e,l=(0,i._)(e,["label","icon"]);return s.createElement(p.x,Object.assign({ref:t,sx:{gap:"1rem",display:"flex",padding:"5px 6px",alignItems:"center","&[data-selected]":{backgroundColor:L.r.colors.gray100},"&[data-selected]:hover":{backgroundColor:L.r.colors.gray100},"&[data-hovered]":{backgroundColor:L.r.colors.gray100}},className:""},l),n,s.createElement(P.T,{size:"p4"},a))}),DueDateForm=e=>{var{locale:t,formLayout:a="default",submitProps:n,currentUrl:l,isMobile:o,onSubmit:c}=e,u=(0,i._)(e,["locale","formLayout","submitProps","currentUrl","isMobile","onSubmit"]);let{t:d}=(0,I.u)(),[m,g]=(0,s.useState)(r.lastPeriod),p=(0,s.useMemo)(()=>(null==j?void 0:j[t].map(e=>{let t=H[e],a=t.icon;return Object.assign(Object.assign({},t),{label:d(t.label),icon:s.createElement(a,{size:20})})}))||[],[t,d]),h=(0,s.useMemo)(()=>p.find(e=>e.value===String(m)),[m,p]);return s.createElement(B.Provider,{value:{calculatingMethods:p,submitProps:n,currentUrl:l,isMobile:o,formLayout:a,onSubmit:c,calculatorType:m,setCalculatorType:g}},s.createElement(D.H,Object.assign({component:"div",formLayout:a},u),"default"===a?s.createElement(D.H.FormRow,null,s.createElement(D.H.Control,null,s.createElement(x.S,{label:s.createElement(P.T,{size:"p2",weight:"semiBold"},d("dueDatePage.calculationMethod")),value:String(m),data:p,itemComponent:z,onChange:e=>g(Number(e)),icon:null==h?void 0:h.icon}))):s.createElement(D.H.FormRow,null,s.createElement(D.H.BorderInlineControl,{label:s.createElement(P.T,{size:"p2",weight:"semiBold"},d("dueDatePage.calculationMethod")),width:300},s.createElement(x.S,{value:String(m),data:p,itemComponent:z,onChange:e=>g(Number(e))}))),s.createElement(FormSwitcher,null)))}},KiFf:function(e,t,a){a.d(t,{P:function(){return PWGForm}});var n=a("ySIk"),l=a("q1tI"),r=a("8vDj"),o=a("iuhU"),i=a("cChf"),s=a("ZFu2"),c=a("hslX"),u=a("ybaB"),d=a("58a8"),m=a("c29y"),g=a("Ag88"),p=a("8uuc"),h=a("ADW8"),b=a("N1Mx"),E=a("xrdX");let v=(0,l.createContext)({}),DefaultForm=e=>{var t=(0,n._)(e,[]);let{t:a,locale:i}=(0,u.u)(),{linkTool:s,form:c,submitProps:d}=(0,l.useContext)(v),{classes:C={}}=(0,l.useContext)(p.C),f=(0,r.rZ)(),w="mb"===f.other.template;return l.createElement(h.H,Object.assign({formLayout:"default"},t),l.createElement(h.H.FormRow,null,l.createElement(m.I.Number,Object.assign({label:l.createElement(g.T,{size:"p2",weight:"semiBold"},a("pregnancyWeightGain.weekInput")),min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`},c.getInputProps("pregnantWeek")))),l.createElement(h.H.FormRow,null,l.createElement(m.I.Number,Object.assign({label:l.createElement(g.T,{size:"p2",weight:"semiBold"},a("pregnancyWeightGain.weightBeforeInput")),min:b.I.weight.min,max:b.I.weight.max,placeholder:a("tools.inputPlaceholder",{content:"50"})},c.getInputProps("lastWeight")))),l.createElement(h.H.FormRow,null,l.createElement(m.I.Number,Object.assign({label:l.createElement(g.T,{size:"p2",weight:"semiBold"},a("pregnancyWeightGain.heightInput")),min:b.I.height.min,max:b.I.height.max,placeholder:a("tools.inputPlaceholder",{content:"160"})},c.getInputProps("height")))),l.createElement(h.H.FormRow,null,l.createElement(m.I.Number,Object.assign({label:l.createElement(g.T,{size:"p2",weight:"semiBold"},a("pregnancyWeightGain.weightInput")),min:b.I.weight.min,max:b.I.weight.max,placeholder:a("tools.inputPlaceholder",{content:"50"})},c.getInputProps("weight")))),l.createElement(h.H.FormRow,null,l.createElement(h.H.Switching,Object.assign({label:l.createElement(g.T,{size:"p2",weight:"semiBold"},a("pregnancyWeightGain.havingTwins"))},c.getInputProps("hasTwin")))),l.createElement(h.H.FormRow,{className:C.submitWrapper},l.createElement(h.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${E.v[w?"vi-VN_MB":i]}/${s}`,className:(0,o.default)("due-date-calculate-button",C.submitBtn)},d),a("dueDatePage.lastPeriod.calculate"))))},InlineForm=e=>{var t=(0,n._)(e,[]);let{t:a,locale:i}=(0,u.u)(),{classes:s={}}=(0,l.useContext)(p.C),{linkTool:c,form:d,submitProps:g}=(0,l.useContext)(v),C=(0,r.rZ)(),f="mb"===C.other.template;return l.createElement(h.H,Object.assign({formLayout:"inline"},t),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderInlineControl,{label:a("pregnancyWeightGain.weekInput")},l.createElement(m.I.Number,Object.assign({min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`,rightSection:l.createElement(h.H.Unit,null,a("pwgForm.week"))},d.getInputProps("pregnantWeek"))))),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderInlineControl,{label:a("pregnancyWeightGain.weightBeforeInput")},l.createElement(m.I.Number,Object.assign({},d.getInputProps("lastWeight"),{min:b.I.weight.min,max:b.I.weight.max,placeholder:a("tools.inputPlaceholder",{content:"50"}),rightSection:l.createElement(h.H.Unit,null,a("babyGrowth.kg"))})))),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderInlineControl,{label:a("pregnancyWeightGain.heightInput")},l.createElement(m.I.Number,Object.assign({},d.getInputProps("height"),{min:b.I.height.min,max:b.I.height.max,placeholder:a("tools.inputPlaceholder",{content:"160"}),rightSection:l.createElement(h.H.Unit,null,a("babyGrowth.cm"))})))),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderInlineControl,{label:a("pregnancyWeightGain.weightInput")},l.createElement(m.I.Number,Object.assign({},d.getInputProps("weight"),{min:b.I.weight.min,max:b.I.weight.max,placeholder:a("tools.inputPlaceholder",{content:"50"}),rightSection:l.createElement(h.H.Unit,null,a("babyGrowth.kg"))})))),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderInlineControl,{label:a("pregnancyWeightGain.havingTwins"),width:"none"},l.createElement(h.H.Switching,Object.assign({},d.getInputProps("hasTwin"))))),l.createElement(h.H.FormRow,{className:s.submitWrapper},l.createElement(h.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${E.v[f?"vi-VN_MB":i]}/${c}`,className:(0,o.default)("due-date-calculate-button",s.submitBtn)},g),a("dueDatePage.lastPeriod.calculate"))))},MbLayout=e=>{var t=(0,n._)(e,[]);let{t:a,locale:o}=(0,u.u)(),{linkTool:i,form:s,submitProps:c}=(0,l.useContext)(v),d=(0,r.rZ)(),g="mb"===d.other.template;return l.createElement(h.H,Object.assign({formLayout:"inline"},t),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderBoxControl,{label:a("pregnancyWeightGain.weekInput"),rightSection:a("pregnancy.week")},l.createElement(m.I.Number,Object.assign({min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`},s.getInputProps("pregnantWeek")))),s.errors.pregnantWeek&&l.createElement(h.H.Error,null,s.errors.pregnantWeek)),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderBoxControl,{label:a("pregnancyWeightGain.weightBeforeInput"),rightSection:"kg"},l.createElement(m.I.Number,Object.assign({min:b.I.weight.min,max:b.I.weight.max},s.getInputProps("lastWeight"),{placeholder:a("tools.inputPlaceholder",{content:"50"})}))),s.errors.lastWeight&&l.createElement(h.H.Error,null,s.errors.lastWeight)),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderBoxControl,{label:a("pregnancyWeightGain.heightInput"),rightSection:"cm"},l.createElement(m.I.Number,Object.assign({min:b.I.height.min,max:b.I.height.max},s.getInputProps("height"),{placeholder:a("tools.inputPlaceholder",{content:"160"})}))),s.errors.height&&l.createElement(h.H.Error,null,s.errors.height)),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderBoxControl,{label:a("pregnancyWeightGain.weightInput"),rightSection:"kg"},l.createElement(m.I.Number,Object.assign({min:b.I.weight.min,max:b.I.weight.max},s.getInputProps("weight"),{placeholder:a("tools.inputPlaceholder",{content:"50"})}))),s.errors.weight&&l.createElement(h.H.Error,null,s.errors.weight)),l.createElement(h.H.Switching,Object.assign({label:a("pregnancyWeightGain.havingTwins")},s.getInputProps("hasTwin"))),l.createElement(h.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${E.v[g?"vi-VN_MB":o]}/${i}`,className:"due-date-calculate-button"},c),a("dueDatePage.lastPeriod.calculate")))},PWGForm=e=>{var{formLayout:t="default",submitProps:a,onSubmit:o}=e,m=(0,n._)(e,["formLayout","submitProps","onSubmit"]);let{t:g,locale:p}=(0,u.u)(),h=(0,r.rZ)(),b="mb"===h.other.template,E=(0,i.c)({validate:{pregnantWeek:(0,s.U)(g("validation.error.requiredField")),height:(0,s.U)(g("validation.error.requiredField")),weight:(e,t)=>e?Number(e)>=Number(t.lastWeight)?null:g("pregnancyWeightGain.weightInput.error"):g("validation.error.requiredField"),lastWeight:(e,t)=>e?Number(e)<Number(t.weight)?null:g("pregnancyWeightGain.weightInput.error"):g("validation.error.requiredField")}}),{getHealthToolLink:C}=(0,c.u)(p),f=(0,l.useMemo)(()=>C(d.H.PWG),[C]),w=Object.assign({onSubmit:E.onSubmit(o)},m);return l.createElement(v.Provider,{value:{linkTool:f,form:E,submitProps:a}},"inline"===t?l.createElement(InlineForm,Object.assign({},w)):b?l.createElement(MbLayout,Object.assign({formLayout:t},w)):l.createElement(DefaultForm,Object.assign({},w)))}},"8E4b":function(e,t,a){a.d(t,{B:function(){return BtnChoice}});var n=a("q1tI"),l=a("ovJ4"),r=a("rBCA");let o=r.Z.div`
  display: flex;
  align-items: center;
  gap: 8px;
  button[data-color='tertiary'] {
    background: white;
  }
`,BtnChoice=({value:e,choices:t,className:a,onChange:r})=>{let[i,s]=(0,n.useState)(e);return(0,n.useEffect)(()=>{s(e)},[e]),n.createElement(o,{className:a},t.map((e,t)=>n.createElement(l.B,{dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel,size:"sm",variant:e.value===i?"primary":"tertiary",className:e.value===i?"btn-choice-selected":"",key:t,onClick:()=>{s(e.value),null==r||r(e.value)}},e.label||"")))}},OrYH:function(e,t,a){a.d(t,{I:function(){return Input},L:function(){return Label},S:function(){return m},a:function(){return d},b:function(){return u}});var n=a("ySIk"),l=a("q1tI"),r=a("8vDj"),o=a("rBCA"),i=a("iBNF"),s=a("SPEo");let c=o.Z.div`
  position: relative;
  width: 100%;

  &[data-has-error] {
    input {
      border-color: ${i.r.colors.red700};
    }
  }

  input {
    width: 100%;
    padding: 12px 16px;
    border: solid 1px ${i.r.colors.gray200};
    border-radius: ${i.r.borderRadius};

    &:active,
    &:focus,
    &.focused {
      border-color: ${e=>e.color};
      box-shadow: 0px 0px 2px 2px ${e=>e.shadowColor};
    }

    &:disabled {
      background-color: ${i.r.colors.gray100};
      cursor: not-allowed;
    }
  }

  &[data-has-action-icon] {
    input {
      padding: 12px 48px 12px 16px;
    }
  }
  &[data-has-display-icon] {
    input {
      padding: 12px 16px 12px 48px;
    }
  }

  &[data-has-action-icon][data-has-display-icon] {
    input {
      padding: 12px 48px;
    }
  }

  &[data-size='lg'] {
    input {
      font-size: 16px;
      font-weight: ${i.r.sizes.fwRegular};
      ${s.M.mbDown} {
        font-size: 22px;
        line-height: 1.2;
      }

      ${s.M.mbUp} {
        font-size: 26px;
        line-height: 1.2;
      }
    }
  }
  &[data-size='md'] {
    input {
      font-weight: ${i.r.sizes.fwRegular};
      line-height: 22px;
      ${s.M.mbDown} {
        font-size: 14px;
        line-height: 1.2;
      }

      ${s.M.mbUp} {
        font-size: 16px;
        line-height: 1.2;
      }
    }
  }
  &[data-size='sm'] {
    input {
      font-weight: ${i.r.sizes.fwRegular};
      line-height: 20px;
      ${s.M.mbDown} {
        font-size: 13px;
        line-height: 1.5;
      }

      ${s.M.mbUp} {
        font-size: 13px;
        line-height: 1.5;
      }
    }
  }
`,u=o.Z.label`
  color: ${i.r.colors.red700};
  font-weight: ${i.r.sizes.fwRegular};
`,d=o.Z.div`
  position: absolute;
  top: 50%;
  right: 16px;
  cursor: pointer;
  transform: translateY(-50%);
`,m=o.Z.div`
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-flex;
  cursor: default;
  transform: translateY(-50%);
`,Label=({children:e,className:t,style:a,htmlFor:n,size:r})=>l.createElement("label",{"data-size":r,className:`DjBFAbd ${t||""}`,style:a,htmlFor:n},e),Input=e=>{var{name:t,value:a,errorMessage:o,isNumerousKeyboard:i=!1,showErrorMessage:s=!0,actionIcon:g,displayIcon:p,onActionClick:h,label:b,className:E,onChange:v,isDisabled:C,CustomInput:f,size:w,style:x,autoComplete:y="off",type:P="text",inputClassName:I,trackingAttributes:D,enterKeyHint:S}=e,O=(0,n._)(e,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);let F=(0,r.rZ)(),L=(0,l.useMemo)(()=>D?{"data-event-category":D.dataEventCategory,"data-event-action":D.dataEventAction,"data-event-label":D.dataEventLabel}:{},[D]);return l.createElement(c,{"data-size":w,className:E,"data-has-action-icon":!!g||void 0,"data-has-display-icon":!!p||void 0,"data-has-error":o&&o.length>0||void 0,color:F.fn.primaryColor(),shadowColor:F.colors[F.primaryColor][0],style:x},b&&l.createElement(Label,{size:"label2",htmlFor:t,className:"inputLabel"},b),l.createElement("div",{style:{position:"relative"}},f||l.createElement("input",Object.assign({id:t,name:t,onChange:e=>v&&v(e.target.value),type:P,"aria-label":P,value:a,disabled:C,autoComplete:y,inputMode:i||"number"===P?"numeric":P,pattern:i?"[0-9]*":".*",className:I,enterKeyHint:S},L,O)),p&&l.createElement(m,{className:"displayIcon"},p),g&&l.createElement(d,{className:"actionIcon",onClick:h},g)),o&&o.length>0&&s&&l.createElement(u,{className:"errorLabel"},o))}},ovJ4:function(e,t,a){a.d(t,{B:function(){return g}});var n=a("ySIk"),l=a("q1tI"),r=a("/npG"),o=a("HC7W"),i=a("8vDj"),s=a("mAfZ"),c=a("qQOG"),u=a("yQSt"),d=(0,r.k)((e,t)=>{var a,n,l,r,i,s;let{other:d}=e,{template:m}=d,{size:g,variant:p,skipHover:h,withColorHover:b,isError:E,isSuccess:v,color:C,gradient:f,children:w,theme:x,customStylesType:y}=t,P="mb"===m||"marryBaby"===x,I=C||(x&&P?"mb":e.primaryColor),D=I.startsWith("#"),S=D?e.fn.lighten(C,.9):(null===(n=null===(a=e.colors)||void 0===a?void 0:a[I])||void 0===n?void 0:n[0])||"",O=D?I:null===(r=null===(l=e.colors)||void 0===l?void 0:l[I])||void 0===r?void 0:r[e.fn.primaryShade()],F=D?e.fn.darken(C,.05):null===(s=null===(i=e.colors)||void 0===i?void 0:i[I])||void 0===s?void 0:s[e.fn.primaryShade()+1],L=y===u.C.LEADGEN;return{root:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({transition:`all ${c.A} ease-in-out`},f&&Object.assign({border:0,position:"relative"},"secondary"===p&&{"&:before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"#fff",borderRadius:"inherit"}})),{"&:focus":{outline:"none"}}),L&&{borderRadius:12}),!w&&{paddingLeft:"10px",paddingRight:"10px",".mantine-Button-icon":{margin:0}}),(()=>{switch(g){case"xl":return Object.assign({height:56,fontWeight:L?u.F.halfBold:u.F.semiBold,fontSize:L?"15px":P?"14px":"16px",lineHeight:"24px"},L&&{letterSpacing:"-0.3px"});case"lg":return Object.assign({height:48,fontWeight:L?u.F.halfBold:u.F.semiBold,fontSize:L?"15px":P?"14px":"16px",lineHeight:"24px"},L&&{letterSpacing:"-0.3px"});case"md":return Object.assign({height:40,fontWeight:L?u.F.halfBold:u.F.semiBold,fontSize:L?"13px":"14px",lineHeight:L?"20px":"22px"},L&&{letterSpacing:"-0.3px"});case"sm":return Object.assign(Object.assign({height:32,fontWeight:L?u.F.halfBold:u.F.semiBold,fontSize:L?"11px":P?"12px":"14px",lineHeight:L?"16px":"22px"},L&&{letterSpacing:"-0.2px"}),{paddingLeft:"16px",paddingRight:"16px"});case"xs":return Object.assign({height:24,fontWeight:L?u.F.halfBold:u.F.semiBold,fontSize:L?"11px":"12px",lineHeight:L?"16px":"18px",paddingLeft:"8px",paddingRight:"8px"},L&&{letterSpacing:"-0.2px"})}})()),(()=>{switch(p){case"primary":return Object.assign(Object.assign({color:e.white},f?{backgroundImage:f,backgroundColor:"initial"}:{backgroundColor:O}),!h&&{"&:hover":{backgroundColor:f?"initial":F}});case"secondary":return Object.assign(Object.assign(Object.assign({color:O,backgroundColor:"transparent",border:`1px solid ${O}`},f&&{backgroundImage:f,borderColor:"transparent"}),!h&&!f&&{"&:hover":{backgroundColor:S,border:`1px solid ${O}`}}),b&&!f&&{"&:hover":{backgroundColor:O,border:`1px solid ${O}`,color:"#fff"}});case"white":return{color:O,backgroundColor:"transparent",border:"1px solid transparent","&:hover":{backgroundColor:"transparent",borderColor:"transparent"}};case"tertiary":return{color:e.colors.gray[8],backgroundColor:e.white,border:`1px solid ${e.colors.neutral[2]}`,"&:hover":Object.assign({},h?{backgroundColor:e.white,border:`1px solid ${e.colors.neutral[2]}`}:{backgroundColor:e.colors.neutral[0],border:`1px solid ${e.colors.neutral[0]}`})};case"light":return{color:O,backgroundColor:S,border:"1px solid transparent","&:hover":Object.assign({},h?{backgroundColor:S,border:"1px solid transparent"}:{backgroundColor:e.white,border:`1px solid ${S}`})};case"ghost":return Object.assign({color:O,backgroundColor:"transparent",border:"1px solid transparent"},!h&&{"&:hover":{backgroundColor:S,border:"1px solid transparent"}})}})()),{"&[data-disabled]":{backgroundColor:e.colors.gray[1],color:e.colors.gray[4]}}),E?Object.assign({color:e.colors.red[6],backgroundColor:e.white,border:`1px solid ${e.colors.red[6]}`},!h&&{"&:hover":{backgroundColor:e.colors.red[0],border:`1px solid ${e.colors.red[6]}`}}):{}),v?Object.assign({color:e.colors.green[8],backgroundColor:e.colors.green[0]},!h&&{"&:hover":{backgroundColor:e.colors.green[0]}}):{}),inner:Object.assign({ref:(0,o.A)("inner")},f&&{position:"relative"}),leftIcon:{marginRight:8},rightIcon:{},label:Object.assign({},f&&"secondary"===p&&{background:f,"-webkit-background-clip":"text","-webkit-text-fill-color":"transparent"})}});let m={primary:"filled",secondary:"outline",tertiary:"default",light:"light",ghost:"subtle",error:"outline",white:"white",success:"subtle"},g=(0,l.forwardRef)((e,t)=>{var a,r;let o=(0,i.rZ)(),c=Object.assign(Object.assign({},null===(r=null===(a=o.components)||void 0===a?void 0:a.Button)||void 0===r?void 0:r.defaultProps),function(e){let t={};return Object.keys(e).filter(t=>void 0!==e[t]).forEach(a=>t[a]=e[a]),t}(e)),{variant:g,size:p,color:h,gradient:b,skipHover:E,withColorHover:v,className:C,dataEventCategory:f,dataEventAction:w,dataEventLabel:x,children:y,theme:P,component:I,styles:D,classNames:S}=c,O=(0,n._)(c,["variant","size","color","gradient","skipHover","withColorHover","className","dataEventCategory","dataEventAction","dataEventLabel","children","theme","component","styles","classNames"]),F="error"===g,L=(0,u.u)(),{classes:H,cx:_}=d({variant:g,size:p,color:h,gradient:b,skipHover:E,withColorHover:v,isError:F,isSuccess:"success"===g,children:y,theme:P,customStylesType:L},{name:"ButtonMantine",styles:D,classNames:S});return l.createElement(s.z,Object.assign({component:I,className:_(C,g),classNames:{root:H.root,inner:H.inner,leftIcon:H.leftIcon,rightIcon:H.rightIcon,label:H.label},variant:m[g],"data-variant":g,"data-event-category":f,"data-event-action":w,"data-event-label":x,ref:t,loaderProps:O.disabled?{color:"currentColor"}:void 0},O),y)})},MNen:function(e,t,a){a.d(t,{B:function(){return BmiForm},H:function(){return F},N:function(){return NewsletterCheckbox},Q:function(){return Question1Label},a:function(){return Question2Label},b:function(){return Question2Description}});var n=a("ySIk"),l=a("q1tI"),r=a("wUmw"),o=a("hslX"),i=a("58a8"),s=a("/npG"),c=a("SPK5"),u=a("Eso5"),d=a("C/sX"),m=a("iuhU"),g=a("mYVa"),p=a("OAL+"),h=a("c29y"),b=a("Ag88"),E=a("yQSt"),v=a("ybaB"),C=a("ADW8"),f=a("8uuc"),w=a("Emhi"),x=a("rqZo"),y=a("xrdX"),P=a("mx4j");let Question1Label=e=>{var{LabelWrapper:t}=e,a=(0,n._)(e,["LabelWrapper"]);let{t:r}=(0,v.u)(),o=t?{}:Object.assign({size:"p2"},a),i=t||b.T;return l.createElement(i,Object.assign({},o),r("bmi.question.weightLossSupport"))},Question2Label=e=>{var{LabelWrapper:t}=e,a=(0,n._)(e,["LabelWrapper"]);let{t:r}=(0,v.u)(),o=t?{}:Object.assign({size:"p2"},a),i=t||b.T;return l.createElement(i,Object.assign({},o),r("bmi.question.glp1Awareness"))},Question2Description=e=>{var{LabelWrapper:t}=e,a=(0,n._)(e,["LabelWrapper"]);let{t:r}=(0,v.u)(),o=t?{}:Object.assign({size:"p2"},a),i=t||b.T;return l.createElement(i,Object.assign({},o),r("bmi.question.glp1Awareness.desc"))},I=(0,l.createContext)({});var D=(0,s.k)(()=>({label:{marginTop:2,cursor:"pointer",userSelect:"none"}}));let NewsletterCheckbox=e=>{var{labelTextProps:t,checked:a,LabelWrapper:r,useCollapse:o=!0}=e,i=(0,n._)(e,["labelTextProps","checked","LabelWrapper","useCollapse"]);let{t:s}=(0,v.u)(),[d,m]=(0,l.useState)(!o),[g,p]=(0,l.useState)(!0),[E,C]=(0,l.useState)(a),f=r?{}:Object.assign({size:"p3"},t),w=r||b.T,{classes:x}=D(void 0,{name:"NewsletterCheckbox"});return l.createElement(c.k,{gap:8,align:"flex-start"},l.createElement(h.d,Object.assign({},i,{label:void 0,size:"sm",checked:E,onChange:e=>{g?p(!1):C(e.currentTarget.checked)},styles:{labelWrapper:{display:"none"}}})),l.createElement(u.x,null,l.createElement(w,Object.assign({},f,{onClick:()=>{o&&m(e=>!e)},className:x.label,lineClamp:d?void 0:1}),s("bmi.newsletter.label"))))},DefaultForm=e=>{var t,a,o,i,s,g,p;let{t:b,locale:E}=(0,v.u)(),{classes:w={}}=(0,l.useContext)(f.C),{control:P,bmiGenerated:D,linkTool:S,submitProps:O,withAdditionalQuestion:L,classes:H={}}=(0,l.useContext)(I),_={body:{alignItems:"center"}};return l.createElement(C.H,Object.assign({formLayout:"default"},e),l.createElement(F,{isMobile:e.isMobile,gutter:4},l.createElement(F.Row,{px:16},l.createElement(F.Col,{span:12},l.createElement(r.Qr,{name:"gender",control:P,rules:null===(t=D.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>l.createElement("div",null,l.createElement(F.GenderControl,{LabelWrapper:F.Label,error:void 0,onChange:e,gap:4}),(null==t?void 0:t.message)&&l.createElement(F.Error,{label:t.message}))})),l.createElement(F.Col,{span:12},l.createElement(r.Qr,{name:"age",control:P,rules:null===(a=D.age)||void 0===a?void 0:a.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:n}})=>l.createElement("div",null,l.createElement(F.InputNumber,{label:l.createElement(F.Label,null,b("bmi.ageInput")),placeholder:b("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:a,min:0,rightSection:b("bmi.ageInput.desc"),classNames:{rightSection:H.inputRightSection}}),(null==n?void 0:n.message)&&l.createElement(F.Error,{label:n.message}))})),l.createElement(F.Col,{span:12},l.createElement(r.Qr,{name:"height",control:P,rules:null===(o=D.height)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:n}})=>l.createElement("div",null,l.createElement(F.InputNumber,{label:l.createElement(F.Label,null,b("bmi.heightInput")),rightSection:b("bmi.heightInput.desc"),placeholder:b("tools.inputPlaceholder",{content:E===x.L.Myanmar?6:170}),name:e,value:t,onChange:a,min:0,classNames:{rightSection:H.inputRightSection}}),(null==n?void 0:n.message)&&l.createElement(F.Error,{label:n.message}))})),l.createElement(F.Col,{span:12},l.createElement(r.Qr,{name:"weight",control:P,rules:null===(i=D.weight)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:n}})=>l.createElement("div",null,l.createElement(F.InputNumber,{label:l.createElement(F.Label,null,b("bmi.weightInput")),rightSection:b("bmi.weightInput.desc"),placeholder:b("tools.inputPlaceholder",{content:E===x.L.Myanmar?130:60}),name:e,value:t,onChange:a,precision:1,min:0,classNames:{rightSection:H.inputRightSection}}),(null==n?void 0:n.message)&&l.createElement(F.Error,{label:n.message}))}))),L?l.createElement(l.Fragment,null,l.createElement(d.r,{gutter:4,px:16},l.createElement(F.Col,null,l.createElement(r.Qr,{name:"question1",control:P,rules:null===(s=D.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:a},fieldState:{error:n}})=>l.createElement("div",null,l.createElement(h.R.Group,{name:a,value:e,onChange:t,sx:{flex:1},label:l.createElement(Question1Label,{LabelWrapper:F.Label}),size:"lg"},l.createElement(c.k,{gap:"lg"},l.createElement(h.R,{size:"sm",value:"1",label:l.createElement(F.OptionLabel,null,b("switchBtn.yes")),styles:_}),l.createElement(h.R,{size:"sm",value:"0",label:l.createElement(F.OptionLabel,null,b("switchBtn.no")),styles:_}))),(null==n?void 0:n.message)&&l.createElement(F.Error,{label:n.message}))})),l.createElement(F.Col,null,l.createElement(r.Qr,{name:"question2",control:P,rules:null===(g=D.question2)||void 0===g?void 0:g.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:n}})=>l.createElement("div",null,l.createElement(h.R.Group,{name:e,value:t,onChange:a,sx:{flex:1},label:l.createElement(Question2Label,{LabelWrapper:F.Label}),size:"lg",description:E!==x.L.Malaysia&&l.createElement(Question2Description,{LabelWrapper:F.SubLabel})},l.createElement(c.k,{gap:"lg"},l.createElement(h.R,{size:"sm",value:"1",label:l.createElement(F.OptionLabel,null,b("switchBtn.yes")),styles:_}),l.createElement(h.R,{size:"sm",value:"0",label:l.createElement(F.OptionLabel,null,b("switchBtn.no")),styles:_}))),(null==n?void 0:n.message)&&l.createElement(F.Error,{label:n.message}))}))),l.createElement(u.x,{className:(0,m.default)(H.newsletterBlock,w.newsletterBlock)},l.createElement(d.r,{gutter:8,px:16,py:12},l.createElement(F.Col,null,l.createElement(r.Qr,{name:"newsletter",control:P,rules:null===(p=D.newsletter)||void 0===p?void 0:p.rule,render:e=>{var t=e.field,{value:a,onChange:r,name:o}=t,i=(0,n._)(t,["value","onChange","name"]);return l.createElement(NewsletterCheckbox,Object.assign({size:"sm",onChange:e=>r(e.currentTarget.checked),name:o,checked:!!a},i))}})),l.createElement(F.Col,null,l.createElement(C.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${y.v[E]}/${S}`,type:"submit",fullWidth:!0},O),b("bmi.submit")))))):l.createElement(u.x,{px:16,sx:{paddingBottom:8}},l.createElement(C.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${y.v[E]}/${S}`,type:"submit",fullWidth:!0},O),b("bmi.submit")))))};var S=(0,s.k)(e=>({newsletterBlock:{backgroundColor:e.colors.neutral[0],borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit",".bmi-btn":{marginTop:0}},inputRightSection:{fontSize:(0,g.h)(13),lineHeight:(0,g.h)(24),color:e.colors.gray[4],justifyContent:"flex-end",paddingRight:8,whiteSpace:"nowrap"}}));let InlineForm=e=>{var t,a,o,i,s,d,E,P;let{t:D,locale:S}=(0,v.u)(),{control:O,bmiGenerated:F,isTouched:L,linkTool:H,submitProps:_,withAdditionalQuestion:j}=(0,l.useContext)(I),{classes:k={},variant:B}=(0,l.useContext)(f.C),{classes:N={}}=(0,l.useContext)(I);return l.createElement(C.H,Object.assign({formLayout:"inline"},e),l.createElement(r.Qr,{name:"gender",control:O,rules:null===(t=F.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>l.createElement(C.H.FormRow,null,l.createElement(C.H.BorderInlineControl,{label:D("tools.selectGender"),width:"none",errorMess:L&&(null==t?void 0:t.message)},l.createElement(w.G,{type:"radio",hideLabel:!0,error:L?l.createElement(l.Fragment,null):"",onChange:e})))}),l.createElement(r.Qr,{name:"age",control:O,rules:null===(a=F.age)||void 0===a?void 0:a.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:n}})=>l.createElement(C.H.FormRow,null,l.createElement(C.H.BorderInlineControl,{label:D("bmi.ageInput"),errorMess:L&&(null==n?void 0:n.message)},l.createElement(h.I.Number,{placeholder:D("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:a,error:L&&(null==n?void 0:n.message)?l.createElement(l.Fragment,null):"",min:0,rightSection:l.createElement(C.H.Unit,null,D("tools.yearsOld")),styles:()=>({rightSection:{width:"auto"}})})))}),l.createElement(r.Qr,{name:"height",control:O,rules:null===(o=F.height)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:n}})=>l.createElement(C.H.FormRow,null,l.createElement(C.H.BorderInlineControl,{label:D("bmi.heightInput"),errorMess:L&&(null==n?void 0:n.message)},l.createElement(h.I.Number,{placeholder:D("tools.inputPlaceholder",{content:S===x.L.Myanmar?6:170}),name:e,value:t,onChange:a,min:0,error:L&&(null==n?void 0:n.message)?l.createElement(l.Fragment,null):"",rightSection:l.createElement(C.H.Unit,null,D("bmi.heightInput.desc"))})))}),l.createElement(r.Qr,{name:"weight",control:O,rules:null===(i=F.weight)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:n}})=>l.createElement(C.H.FormRow,null,l.createElement(C.H.BorderInlineControl,{label:D("bmi.weightInput"),errorMess:L&&(null==n?void 0:n.message)},l.createElement(h.I.Number,{placeholder:D("tools.inputPlaceholder",{content:S===x.L.Myanmar?130:60}),name:e,value:t,onChange:a,error:L&&(null==n?void 0:n.message)?l.createElement(l.Fragment,null):"",precision:1,min:0,rightSection:l.createElement(C.H.Unit,null,D("bmi.weightInput.desc"))})))}),j?l.createElement(l.Fragment,null,l.createElement(r.Qr,{name:"question1",control:O,rules:null===(s=F.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:a},fieldState:{error:n}})=>l.createElement(C.H.FormRow,null,l.createElement(h.R.Group,{name:a,value:e,onChange:t,sx:{flex:1},label:l.createElement(b.T,{size:"s4",weight:"semiBold",span:!0},D("bmi.question.weightLossSupport")),size:"lg"},l.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,g.h)(8)}},l.createElement(h.R,{size:"sm",value:"1",label:D("switchBtn.yes")}),l.createElement(h.R,{size:"sm",value:"0",label:D("switchBtn.no")}))),L&&(null==n?void 0:n.message)&&l.createElement(h.e,{label:n.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),l.createElement(r.Qr,{name:"question2",control:O,rules:null===(d=F.question2)||void 0===d?void 0:d.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:n}})=>l.createElement(C.H.FormRow,null,l.createElement(h.R.Group,{name:e,value:t,onChange:a,sx:{flex:1},label:l.createElement(b.T,{size:"s4",weight:"semiBold",span:!0},D("bmi.question.glp1Awareness")),size:"lg",description:S!==x.L.Malaysia&&l.createElement(b.T,{style:{fontSize:"10px"},span:!0},D("bmi.question.glp1Awareness.desc"))},l.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,g.h)(8)}},l.createElement(h.R,{size:"sm",value:"1",label:D("switchBtn.yes")}),l.createElement(h.R,{size:"sm",value:"0",label:D("switchBtn.no")}))),L&&(null==n?void 0:n.message)&&l.createElement(h.e,{label:n.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),"gray"===B||"violet"===B?l.createElement(l.Fragment,null,l.createElement(r.Qr,{name:"newsletter",control:O,rules:null===(E=F.newsletter)||void 0===E?void 0:E.rule,render:e=>{var t=e.field,{value:a,onChange:r,name:o}=t,i=(0,n._)(t,["value","onChange","name"]);return l.createElement(C.H.FormRow,null,l.createElement(h.d,Object.assign({size:"sm",label:l.createElement(b.T,{size:"p3"},D("bmi.newsletter.label")),onChange:e=>r(e.currentTarget.checked),name:o,checked:!!a},i)))}}),l.createElement(C.H.FormRow,{className:(0,m.default)(k.submitWrapper)},l.createElement(C.H.Submit,Object.assign({className:(0,m.default)("bmi-btn bmi--btn-submit",k.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${y.v[S]}/${H}`,type:"submit"},_),D("bmi.submit")))):l.createElement(C.H.FormRow,{py:16,className:(0,m.default)(N.newsletterBlock,k.newsletterBlock)},l.createElement(p.K,{spacing:16},l.createElement(r.Qr,{name:"newsletter",control:O,rules:null===(P=F.newsletter)||void 0===P?void 0:P.rule,render:e=>{var t=e.field,{value:a,onChange:r,name:o}=t,i=(0,n._)(t,["value","onChange","name"]);return l.createElement(NewsletterCheckbox,Object.assign({size:"sm",labelTextProps:{size:"p4"},onChange:e=>r(e.currentTarget.checked),name:o,checked:!!a,useCollapse:!1},i))}}),l.createElement(u.x,{className:(0,m.default)(k.submitWrapper)},l.createElement(C.H.Submit,Object.assign({className:(0,m.default)("bmi-btn bmi--btn-submit",k.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${y.v[S]}/${H}`,type:"submit"},_),D("bmi.submit")))))):l.createElement(C.H.FormRow,{className:(0,m.default)(k.submitWrapper)},l.createElement(C.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${y.v[S]}/${H}`,type:"submit"},_),D("bmi.submit"))))},BmiForm=e=>{var{value:t,onChange:a,onSubmit:s,bmiGenerated:c,bmiUnit:u,formLayout:d="default",submitProps:m,withAdditionalQuestion:g,isMobile:p}=e,h=(0,n._)(e,["value","onChange","onSubmit","bmiGenerated","bmiUnit","formLayout","submitProps","withAdditionalQuestion","isMobile"]);let{classes:b}=S(void 0,{name:"BmiForm"}),[C,f]=(0,l.useState)(!1),{control:w,handleSubmit:x,setValue:y,watch:D}=(0,r.cI)({defaultValues:{question1:void 0,question2:void 0,newsletter:!0}}),O=D(),{locale:F}=(0,v.u)(),{getHealthToolLink:L}=(0,o.u)(F),H=(0,l.useMemo)(()=>L(i.H.OVULATION),[L]),onInValid=()=>{f(!0)};(0,l.useEffect)(()=>{Object.keys(t||{}).forEach(e=>{y(e,null==t?void 0:t[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})})},[t]),(0,l.useEffect)(()=>{a&&a(O)},[O]);let _=Object.assign({onSubmit:x(e=>(0,n.a)(void 0,void 0,void 0,function*(){let t=u.heightConvert(e.height),a=u.weightConvert(e.weight),n=Object.assign(Object.assign({},e),{height:t,weight:a,bmi:(0,P.F)({height:t,weight:a})});onInValid(),s&&s(n)}),onInValid)},h);return l.createElement(E.T,{variant:E.C.LEADGEN},l.createElement(I.Provider,{value:{control:w,bmiGenerated:c,isTouched:C,linkTool:H,submitProps:m,withAdditionalQuestion:g,classes:b}},"inline"===d?l.createElement(InlineForm,Object.assign({},_)):l.createElement(DefaultForm,Object.assign({},_,{isMobile:p}))))},O=(0,l.createContext)({}),Error=e=>{let{errorLabelSize:t}=(0,l.useContext)(O);return l.createElement(h.e,Object.assign({textProps:{size:t},sx:{marginTop:5}},e))};var F=Object.assign(e=>{var t,a,r,o,i,s,{children:c,isMobile:u}=e,d=(0,n._)(e,["children","isMobile"]);let m=Object.assign({isMobile:u,labelSize:null!==(t=d.labelSize)&&void 0!==t?t:u?"p2":"s4",subLabelSize:null!==(a=d.subLabelSize)&&void 0!==a?a:"subText",optionLabelSize:null!==(r=d.optionLabelSize)&&void 0!==r?r:u?"p2":"s4",inputSize:null!==(o=d.inputSize)&&void 0!==o?o:u?"sm":"md",gutter:null!==(i=d.gutter)&&void 0!==i?i:u?4:12,errorLabelSize:null!==(s=d.errorLabelSize)&&void 0!==s?s:"p3"},d);return l.createElement(O.Provider,{value:m},c)},{Row:e=>{var{children:t}=e,a=(0,n._)(e,["children"]);let{gutter:r}=(0,l.useContext)(O);return l.createElement(d.r,Object.assign({gutter:r},a),t)},Col:e=>{var{children:t}=e,a=(0,n._)(e,["children"]);return l.createElement(d.r.Col,Object.assign({span:12},a),t)},SubLabel:e=>{var{children:t}=e,a=(0,n._)(e,["children"]);let{subLabelSize:r}=(0,l.useContext)(O);return l.createElement(b.T,Object.assign({size:r},a),t)},Label:e=>{var{children:t}=e,a=(0,n._)(e,["children"]);let{labelSize:r}=(0,l.useContext)(O);return l.createElement(b.T,Object.assign({size:r,weight:"semiBold"},a,{span:!0}),t)},OptionLabel:e=>{var{children:t}=e,a=(0,n._)(e,["children"]);let{optionLabelSize:r}=(0,l.useContext)(O);return l.createElement(b.T,Object.assign({size:r,weight:"regular"},a,{span:!0}),t)},Input:h.I,InputNumber:e=>{var{error:t}=e,a=(0,n._)(e,["error"]);let{inputSize:r}=(0,l.useContext)(O);return l.createElement("div",null,l.createElement(h.I.Number,Object.assign({size:r},a)),t&&l.createElement(Error,{label:t}))},GenderControl:e=>{let{inputSize:t}=(0,l.useContext)(O);return l.createElement(w.G,Object.assign({size:t},e))},Error})},GIZM:function(e,t,a){a.d(t,{B:function(){return BabyVaccineForm}});var n,l,r=a("ySIk"),o=a("q1tI"),i=a("iuhU"),s=a("8vDj"),c=a("cChf"),u=a("ZFu2"),d=a("agy7"),m=a("Ag88"),g=a("ybaB"),p=a("8uuc"),h=a("ADW8"),b=a("Emhi"),E=a("Zge2");let v=(0,o.createContext)({}),DefaultLayout=e=>{var t=(0,r._)(e,[]);let{t:a}=(0,g.u)(),{currentUrl:n,submitProps:l,form:s}=(0,o.useContext)(v),{classes:c={}}=(0,o.useContext)(p.C);return o.createElement(h.H,Object.assign({formLayout:"default"},t),o.createElement(h.H.FormRow,null,o.createElement(b.G,Object.assign({isBaby:!0},s.getInputProps("gender")))),o.createElement(h.H.FormRow,null,o.createElement(d.D,Object.assign({label:o.createElement(m.T,{size:"p2",weight:"semiBold"},a("babyGrowth.input.birthday")),placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},maxDate:new Date},s.getInputProps("age")))),o.createElement(h.H.FormRow,{className:c.submitWrapper},o.createElement(h.H.Submit,Object.assign({type:"submit",className:(0,i.default)("due-date-calculate-button",c.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"Vaccination Tool",dataEventLabel:n},l),a("dueDatePage.lastPeriod.calculate"))))},InlineLayout=e=>{var t=(0,r._)(e,[]);let{t:a}=(0,g.u)(),{currentUrl:n,submitProps:l,form:s}=(0,o.useContext)(v),{classes:c={}}=(0,o.useContext)(p.C);return o.createElement(h.H,Object.assign({formLayout:"inline"},t),o.createElement(h.H.FormRow,null,o.createElement(h.H.BorderInlineControl,{label:a("tools.selectBabyGender"),width:"none"},o.createElement(b.G,Object.assign({isBaby:!0,hideLabel:!0,type:"radio"},s.getInputProps("gender")))),s.errors.gender&&o.createElement(h.H.Error,null,s.errors.gender)),o.createElement(h.H.FormRow,null,o.createElement(h.H.BorderInlineControl,{label:a("babyGrowth.input.birthday")},o.createElement(d.D,Object.assign({placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},maxDate:new Date},s.getInputProps("age"),{error:null}))),s.errors.age&&o.createElement(h.H.Error,null,s.errors.age)),o.createElement(h.H.FormRow,{className:c.submitWrapper},o.createElement(h.H.Submit,Object.assign({type:"submit",className:(0,i.default)("due-date-calculate-button",c.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"Vaccination Tool",dataEventLabel:n},l),a("dueDatePage.lastPeriod.calculate"))))},MbLayout=e=>{var t=(0,r._)(e,[]);let{t:a}=(0,g.u)(),{currentUrl:n,submitProps:l,form:i}=(0,o.useContext)(v);return o.createElement(h.H,Object.assign({formLayout:"default"},t),o.createElement(h.H.Control,null,o.createElement(b.G,Object.assign({isBaby:!0},i.getInputProps("gender"),{error:null}))),i.errors.gender&&o.createElement(h.H.Error,null,i.errors.gender),o.createElement(h.H.FormRow,null,o.createElement(h.H.BorderBoxControl,{label:a("babyGrowth.input.birthday"),rightSection:o.createElement(E.Z,null)},o.createElement(d.D,Object.assign({placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},maxDate:new Date,rightSection:null},i.getInputProps("age"),{error:null}))),i.errors.age&&o.createElement(h.H.Error,null,i.errors.age)),o.createElement(h.H.Submit,Object.assign({type:"submit",className:"due-date-calculate-button",dataEventCategory:"Health Tool",dataEventAction:"Vaccination Tool",dataEventLabel:n},l),a("dueDatePage.lastPeriod.calculate")))};(n=l||(l={}))[n.trackPeriod=0]="trackPeriod",n[n.conceive=1]="conceive",n[n.avoidPregnancy=2]="avoidPregnancy";let BabyVaccineForm=e=>{var{formLayout:t="default",submitProps:a,currentUrl:n,onSubmit:l}=e,i=(0,r._)(e,["formLayout","submitProps","currentUrl","onSubmit"]);let{t:d}=(0,g.u)(),m=(0,s.rZ)(),p="mb"===m.other.template,h=(0,c.c)({validate:{gender:(0,u.U)(d("validation.error.requiredField")),age:(0,u.U)(d("validation.error.requiredField"))}}),b=Object.assign({onSubmit:h.onSubmit(l)},i);return o.createElement(v.Provider,{value:{submitProps:a,currentUrl:n,form:h}},"inline"===t?o.createElement(InlineLayout,Object.assign({},b)):p?o.createElement(MbLayout,Object.assign({formLayout:t},b)):o.createElement(DefaultLayout,Object.assign({},b)))}},eIXQ:function(e,t,a){a.r(t),a.d(t,{ProfileChatbot:function(){return ProfileChatbot},TabDataInit:function(){return w},TabName:function(){return r},UserType:function(){return o}});var n,l,r,o,i=a("ySIk"),s=a("q1tI"),c=a("bIjs"),u=a("lOOI"),d=a("sea2"),m=a("IQVP"),g=a("q/st"),p=a("kd6S"),h=a("oTwY"),b=a("4JiQ"),E=a("gzw/"),v=a("rqZo");a("NmYn"),a("gY0P"),a("Wgwc"),a("QgiU"),a("rBCA");let C=(0,s.createContext)({}),Faqs=({faqs:e})=>{let[t,a]=(0,s.useState)([]),handleClick=e=>{if(t.includes(e)){let n=t.filter(t=>t!==e);a(n)}else a(t=>[...t,e])};return s.createElement("div",{className:"_0NhMo6T"},e.map((e,a)=>{let n=t.includes(a);return s.createElement("div",{className:"nrZtZ-u",key:a},s.createElement("div",{className:"faq-item",onClick:()=>handleClick(a)},s.createElement("div",{className:"faq-question",dangerouslySetInnerHTML:{__html:e.question||""}}),n?s.createElement(p.Z,null):s.createElement(h.Z,null)),s.createElement(b.U,{in:n,className:"faq-answer"},s.createElement("div",{dangerouslySetInnerHTML:{__html:e.answer||""}})))}))};var f={container:"_2ugC2Ll",body:"CCwRHCd",description:"RF63WXG",cardAuthorWrapper:"PIaeC0v"};let formatExperience=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},formatEducation=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};(n=r||(r={}))[n.About=0]="About",n[n.Care=1]="Care",n[n.Answer=2]="Answer",n[n.Posts=3]="Posts",(l=o||(o={}))[l.Expert=0]="Expert",l[l.User=1]="User";let w={experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileChatbot=e=>{var{authorProps:t,authActionWrapper:a,onSkipQuestion:n,onCloseFromPost:l,onChatWithBot:r,showSkipQuestionTag:o,currentPageUrl:p}=e,h=(0,i._)(e,["authorProps","authActionWrapper","onSkipQuestion","onCloseFromPost","onChatWithBot","showSkipQuestionTag","currentPageUrl"]);let{data:{locale:b,userInfo:w,env:{isMarryBaby:x}}}=(0,s.useContext)(g.T),y=String(null==t?void 0:t.userId),[P,I]=(0,s.useState)(),[D,S]=(0,s.useState)(!1),[O,F]=(0,s.useState)(),[L,H]=(0,s.useState)([]),[_,j]=(0,s.useState)(""),k=(null==w?void 0:w._togetherUserId)===(null==t?void 0:t.userId),[B,N]=(0,s.useState)(1),T={value:String(B),dataList:[{value:"1",text:"FAQs",content:s.createElement(Faqs,{faqs:L})}],onTabChange:e=>N(Number(e))};return(0,s.useEffect)(()=>{(0,i.a)(void 0,void 0,void 0,function*(){var e,t,a,n,l,r,o,i,s,c,u;S(!0);let p=yield Promise.all([(0,g.c)((0,g.e)(m.yy.USER.DETAIL,{_locale:b,id:y}),"GET"),(0,g.c)((0,g.e)(m.yy.CHATBOT.PROFILE,{_locale:b}),"GET"),(0,g.c)((0,g.e)(m.yy.CHATBOT.FAQS_LIST,{_locale:b}),"GET")]),[h,E,v]=p,C={data:null==h?void 0:h.data,experiences:((null===(t=null===(e=null==h?void 0:h.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(formatExperience),relatedPosts:((null===(a=null==h?void 0:h.data)||void 0===a?void 0:a.related_post)||[]).map(e=>(0,d.g)(e.post)),educations:((null===(l=null===(n=null==h?void 0:h.data)||void 0===n?void 0:n.fields)||void 0===l?void 0:l.educations)||[]).map(formatEducation),awards:(null===(o=null===(r=null==h?void 0:h.data)||void 0===r?void 0:r.fields)||void 0===o?void 0:o.awards_accreditations)||[],contact:(null===(s=null===(i=null==h?void 0:h.data)||void 0===i?void 0:i.fields)||void 0===s?void 0:s.contact)||{}};(null==h?void 0:h.status)===1&&F(C),H((null===(c=null==v?void 0:v.data)||void 0===c?void 0:c.faqs)||[]),j((null===(u=null==E?void 0:E.data)||void 0===u?void 0:u.description)||""),S(!1)})},[]),s.createElement(C.Provider,{value:{isMarryBaby:x,siteType:x?"marryBaby":"helloSites",authorId:String((null==t?void 0:t.userId)||""),authActionWrapper:a,onSkipQuestion:n,info:O,authorProps:t,onCloseFromPost:l,countValues:P,setCountValues:I,isAuthorLogin:k,showSkipQuestionTag:o,currentPageUrl:p}},s.createElement("div",Object.assign({},h,{className:`${f.container} ${(null==h?void 0:h.className)||""}`,"data-is-marrybaby":x}),D?s.createElement(u.L,null):s.createElement(s.Fragment,null,s.createElement("div",{className:f.cardAuthorWrapper},s.createElement(E.C,Object.assign({},t,{className:"card-author",showDetailPopup:!1,showChatbotButton:b===v.L.Vietnam,onChatWithBot:r}))),s.createElement("div",{className:f.description,dangerouslySetInnerHTML:{__html:_}}),L.length>0&&s.createElement("div",{className:f.body},s.createElement(c.T,Object.assign({},T))))))}},jsfd:function(e,t,a){a.d(t,{B:function(){return g},F:function(){return h},G:function(){return p},S:function(){return u},c:function(){return checkUserExist},f:function(){return fetchSSOV2Api},g:function(){return getUserInfo},h:function(){return handleAuthSuccess},l:function(){return d},r:function(){return resetPassword},u:function(){return updateUserInfo},w:function(){return m}});var n=a("ySIk"),l=a("GOBr"),r=a("3oiH"),o=a("KhOF"),i=a("27Mu"),s=a("rqZo"),c=a("xrdX");let u={LOGIN_BY_SOCIAL:"member/social-login",EMAIL:{REGISTER_BY_SEND_OTP:"login/login-with-email",LOGIN_BY_PASSWORD:"member/login",VERIFY_BY_OTP:"login/email-verify-code",SEND_OTP:"login/email-resend-otp-code"},PHONE:{REGISTER_BY_SEND_OTP:"login/login-with-sms",SEND_OTP:"login/sms/sent-otp",VERIFY_BY_OTP:"login/phone-verify-code",LOGIN_BY_PASSWORD:"member/login-by-phone",UPDATE_PHONE_SEND_OTP:"login/sms-social/sent-otp",UPDATE_PHONE_VERIFY_OTP:"login/sms-social/phone-verify-code"},WHATSAPP:{REGISTER_BY_SEND_OTP:"login/login-with-whatsapp",SEND_OTP:"login/whatsapp/sent-otp",UPDATE_PHONE_SEND_OTP:"login/sms-social/whatsapp/sent-otp",UPDATE_PHONE_VERIFY_OTP:"login/sms-social/whatsapp-verify-code",VERIFY_BY_OTP:"login/whatsapp-verify-code"},ZALO:{REGISTER_BY_SEND_OTP:"login/login-with-zalo",SEND_OTP:"login/zalo/sent-otp",VERIFY_BY_OTP:"login/zalo-verify-code",UPDATE_PHONE_SEND_OTP:"login/sms-social/zalo/sent-otp",UPDATE_PHONE_VERIFY_OTP:"login/sms-social/zalo-verify-code"},RESET_PASSWORD:"login/reset-password",CHECK_USER_EXIST:"member/check-user-exist",UPDATE_USER_INFO:"login/update-first-info",SETUP_USER_INFO:"login/setup-first-info",ECOM_CARE:{SEND_OTP:"login/ecom-care/send-email-otp-code",VERIFY_OTP:"login/ecom-care/email-verify-code",RESEND_OTP:"login/ecom-care/resend-email-otp-code"}},d="vi-VN",m={[s.L.Vietnam]:"1",[s.L.Indonesia]:"2",[s.L.Malaysia]:"3"}[d];o.L[d].PHONE;let getSSOV2ApiUrl=e=>(0,r.n)(`${(0,r.a)(d)}/api/v2/${e}`),getSSOApiUrl=e=>(0,r.n)(`${(0,r.a)(d)}/api/${e}`),g="hhg_user_token",fetchSSOV2Api=(e,t={},a)=>(0,n.a)(void 0,void 0,void 0,function*(){var n;let l;let r=a?"":null===(n=document.cookie.split("; ").find(e=>e.startsWith(g)))||void 0===n?void 0:n.split("=")[1];try{t.body instanceof FormData&&(t.body.append("ga_client_id",(0,i.ej)("_ga")||""),t.body.append("referrer",window.location.href)),l=yield fetch(getSSOV2ApiUrl(e),r?Object.assign(Object.assign({},t),{headers:Object.assign({Authorization:`Bearer ${r}`},null==t?void 0:t.headers)}):t)}catch(e){return console.error(e),null}return null==l?void 0:l.json()}),fetchSSOApi=(e,t={},a)=>(0,n.a)(void 0,void 0,void 0,function*(){var n;let l;let r=a?"":null===(n=document.cookie.split("; ").find(e=>e.startsWith(g)))||void 0===n?void 0:n.split("=")[1];try{l=yield fetch(getSSOApiUrl(e),r?Object.assign(Object.assign({},t),{headers:Object.assign({Authorization:`Bearer ${r}`},null==t?void 0:t.headers)}):t)}catch(e){return console.error(e),null}return null==l?void 0:l.json()}),resetPassword=(e,t)=>(0,n.a)(void 0,void 0,void 0,function*(){let a=new FormData;return a.append("password",e),a.append("confirm-password",t),fetchSSOV2Api(u.RESET_PASSWORD,{method:"POST",body:a})}),checkUserExist=({email:e,phone:t})=>(0,n.a)(void 0,void 0,void 0,function*(){let a=new FormData;return e?a.append("email",e):a.append("phone_number",t),fetchSSOV2Api(u.CHECK_USER_EXIST,{method:"POST",body:a})}),updateUserInfo=e=>(0,n.a)(void 0,void 0,void 0,function*(){let t=new FormData;return Object.keys(e).forEach(a=>{let n=e[a];null!=n&&("string"!=typeof n||n.trim())&&t.append(a,e[a])}),fetchSSOV2Api(u.SETUP_USER_INFO,{method:"POST",body:t})}),p=l.y?"289442006438-040a42cbidr6v5d178f3iqi9q95821r3.apps.googleusercontent.com":"289442006438-cihobuq1h3r4426pur7u0e43fqdnep59.apps.googleusercontent.com",h="2759888574045636",getUserInfo=()=>(0,n.a)(void 0,void 0,void 0,function*(){return fetchSSOApi("user/profile",{method:"POST"})}),handleAuthSuccess=e=>{(null==e?void 0:e.token)&&(0,i.d8)(g,e.token,{domain:"localhost"===window.location.hostname?"localhost":`.${c.v[d]}`,expires:new Date(1e3*e.expire_in).toUTCString()}),(null==e?void 0:e.refresh_token)&&(0,i.d8)(o.k,e.refresh_token,{domain:"localhost"===window.location.hostname?"localhost":`.${c.v[d]}`})}},F5Yd:function(e,t,a){a.d(t,{T:function(){return TextArea}});var n=a("ySIk"),l=a("q1tI"),r=a("0qvZ"),o=a("c29y"),i=a("yQSt");let TextArea=e=>{var{styles:t}=e,a=(0,n._)(e,["styles"]);let s=(0,i.u)(),{classes:c}=(0,o.u)({variantStyle:s},{name:"MantineTextarea",styles:t});return l.createElement(r.g,Object.assign({classNames:{input:c.input},minRows:2,maxRows:4},a))}},oYLa:function(e,t,a){a.d(t,{H:function(){return Heading}});var n=a("ySIk"),l=a("q1tI"),r=a("8vDj"),o=a("Ag88");let Heading=e=>{var{as:t,tag:a,color:i,fontWeight:s,dataEventCategory:c,dataEventAction:u,dataEventLabel:d}=e,m=(0,n._)(e,["as","tag","color","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);let g=(0,r.rZ)();return l.createElement(o.T,Object.assign({as:t||a,color:i||g.colors.gray[8],"data-event-category":c,"data-event-action":u,"data-event-label":d,weight:"semibold"===s?"semiBold":"bold",size:a,"data-size":a,"data-font-weight":s||void 0},m))}},yzAz:function(e,t,a){a.d(t,{D:function(){return Drawer}});var n=a("q1tI"),l=a("t/pd"),r=a("SPEo"),o=a("AeFk"),i=a("rBCA"),s=a("iBNF"),c=a("wwwW"),u=a("Ag88");let d="600ms",generateStyleBasedOnPlacement=(e,t)=>{switch(e){case"top":return o.iv`
        top: 0;
        width: 100%;
        border-radius: 0px 0px 6px 6px;
        ${t?o.iv`
              animation: ${c.a} ${d} ease-in-out forwards;
            `:null}

        &.slideOut {
          animation: ${c.d} ${d} ease-in-out forwards;
        }
      `;case"right":return o.iv`
        right: 0;
        height: 100%;
        min-width: 300px;
        border-radius: 6px 0px 0px 6px;

        ${t?o.iv`
              animation: ${c.c} ${d} ease-in-out forwards;
            `:null}

        &.slideOut {
          animation: ${c.g} ${d} ease-in-out forwards;
        }
      `;case"bottom":return o.iv`
        bottom: 0;
        width: 100%;
        border-radius: 6px 6px 0px 0px;
        ${t?o.iv`
              animation: ${c.s} ${d} ease-in-out forwards;
            `:null}

        &.slideOut {
          animation: ${c.e} ${d} ease-in-out forwards;
        }
      `;case"left":return o.iv`
        left: 0;
        height: 100%;
        min-width: 300px;
        border-radius: 0px 6px 6px 0px;

        ${t?o.iv`
              animation: ${c.b} ${d} ease-in-out forwards;
            `:null}

        &.slideOut {
          animation: ${c.f} ${d} ease-in-out forwards;
        }
      `;default:return o.iv`
        left: 0;
        height: 100%;
        min-width: 300px;
        border-radius: 0px 6px 6px 0px;

        ${t?o.iv`
              animation: ${c.s} ${d} ease-in-out forwards;
            `:null}

        &.slideOut {
          animation: ${c.e} ${d} ease-in-out forwards;
        }
      `}},m=i.Z.div`
  position: fixed;
  inset: 0;
  z-index: ${s.r.zIndexes.drawer};
  pointer-events: ${e=>e.open?"auto":"none"};
`,g=i.Z.div`
  position: fixed;
  z-index: 300;
  background: #ffffff;
  visibility: ${e=>e.open?"visible":"hidden"};
  max-height: calc(100vh - 100px);
  display: flex;
  flex-direction: column;
  .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    ${e=>e.hasTitle?o.iv`
            border-bottom: 1px solid ${s.r.colors.neutral100};
          `:null}
  }

  .close-button {
    margin-left: auto;
  }

  ${e=>generateStyleBasedOnPlacement(e.placement,e.open)}
`,p=i.Z.div`
  min-height: 200px;
  padding: 16px;
  overflow-y: auto;
`,h=i.Z.div`
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  background-color: rgba(38, 38, 38, 0.3);
  z-index: 1;
  &[data-open='false'] {
    visibility: hidden;
    pointer-events: none;
  }
  &[data-open='true'] {
    visibility: visible;
    pointer-events: auto;
  }
`,Backdrop=({open:e=!1,onClickOutside:t})=>n.createElement(h,{"data-open":e,onClick:t}),Drawer=({children:e,title:t,onClose:a,open:o=!1,placement:i="left",destroyOnClose:s=!1,isPropagationEvent:c=!0,className:d})=>{let h=(0,n.useRef)();(0,n.useEffect)(()=>((0,r.t)(o),()=>(0,r.t)(!1)),[o]);let onCloseDrawer=()=>{h.current.classList.add("slideOut"),setTimeout(()=>{a()},800)};return!o&&s?null:n.createElement(l.h,null,n.createElement(m,{className:d,open:o},n.createElement(Backdrop,{open:o,onClickOutside:onCloseDrawer}),n.createElement(g,{open:o,placement:i,ref:h,hasTitle:!!t},n.createElement("div",{className:"title"},t&&n.createElement(u.T,{size:"s2",weight:"semiBold"},t),n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"close-button",onClick:onCloseDrawer},n.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),n.createElement(p,{onClick:e=>{c&&e.stopPropagation()}},e&&(n.isValidElement(e)?e:"function"==typeof e?e({internalClose:onCloseDrawer}):null)))))}},DCF0:function(e,t,a){a.d(t,{C:function(){return p},I:function(){return ImagePreviewPopup},P:function(){return PostSingleImageViewPopup},a:function(){return PostImagePreview},b:function(){return h}});var n=a("q1tI"),l=a("oYLa"),r=a("SPEo"),o=a("ybaB"),i=a("q/st"),s=a("t/pd"),c=a("Ag88"),u=a("rBCA"),d=a("ySIk"),m=a("iBNF"),g=a("gEnE"),p="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3e%3c/svg%3e",h="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M10.05 18.06 4 12.038l6.05-6.025M4.002 12.035h15'/%3e%3c/svg%3e";let b=u.Z.div`
  padding: 14px 16px 14px 17px;
  background: ${e=>e.bgColor};
  border-left: 3px solid ${e=>e.highlight};

  ${r.M.mbUp} {
    padding: 12px 12px 12px 17px;
  }
`,E=u.Z.div`
  display: flex;
`,v=u.Z.div`
  font-size: 12px;
  line-height: 18px;

  &[data-has-icon='true'] {
    margin-left: 10px;
  }
`,C=u.Z.div`
  flex-shrink: 0;
`,f=u.Z.div`
  display: grid;
  grid-gap: 3px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;

  .img-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    grid-column: auto;

    & > img {
      cursor: zoom-in;
    }

    .img-preview-blur {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 110%;
      height: 110%;
      /* Add the blur effect */
      -webkit-filter: blur(8px);
      filter: blur(8px);
      object-fit: cover;
      object-position: center;
      opacity: 0.8;
      transform: translate(-50%, -50%);
    }
    .img-preview {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
    }
    .img-more-overlay {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center;
      background: rgba(0, 0, 0, 0.5);
      z-index: 4;
    }
  }
  &[data-image-count='1'] {
    .img-wrapper {
      /* padding-top: 100%; */
      grid-column: 1/3;
    }
  }
  &[data-image-count='2'] {
    .img-wrapper {
      /* padding-top: 100%; */
    }
  }
  &[data-image-count='3'] {
    .img-wrapper {
      &:first-child {
        grid-column: 1/3;
      }
    }
  }
  &[data-image-count='4'] {
    .img-wrapper {
      /* padding-top: 100%; */
    }
  }
  &[data-image-count='5'] {
    grid-template-columns: repeat(6, 1fr);
    .img-wrapper {
      /* padding-top: 100%; */
      grid-column: auto/ span 2;

      &:first-child {
        padding-top: 56.25%;
        grid-column: 1/4;
      }
      &:nth-child(2) {
        padding-top: 56.25%;
        grid-column: 4/7;
      }
    }
  }

  &[data-is-marrybaby='true'] {
    grid-gap: 8px;
    .img-wrapper {
      padding-top: 66.66%;
      border-radius: 1rem;
      .img-preview {
        object-fit: cover;
      }
    }
    &[data-image-count='3'] {
      grid-template-columns: 1fr 1fr 1fr;
      .img-wrapper {
        &:first-child {
          padding-top: 100%;
          grid-column: 1/3;
          grid-row: 1/3;
        }
      }
    }
  }
`,w=u.Z.div`
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  background: white;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s linear;
  &[data-open='true'] {
    opacity: 1;
    pointer-events: auto;
  }
  .top-bar {
    position: relative;
    padding: 20px 40px;
    .icon-arrow-left {
      position: absolute;
      top: 50%;
      left: 20px;
      height: 24px;
      width: 24px;
      cursor: pointer;
      transform: translateY(-50%);
    }
  }
  .container {
    flex: 1;
    overflow-y: auto;
    .img-preview {
      width: 100%;
      min-width: 100%;
      margin-bottom: 0.5rem;
      cursor: pointer;
      max-height: 100%;
      object-fit: cover;
    }
  }
`,x=(0,u.Z)(e=>{var{icon:t,bgColor:a=m.r.colors.yellow50,highlightColor:l=m.r.colors.yellow800,message:r}=e,o=(0,d._)(e,["icon","bgColor","highlightColor","message"]);return n.createElement(b,Object.assign({bgColor:a,highlight:l},o),n.createElement(E,null,t&&n.createElement(C,null,t),n.createElement(v,{"data-has-icon":!!t},r)))})`
  margin-bottom: 16px;
  &.noti-bottom {
    border-left: none;
    margin-top: 4px;
    padding: 4px 8px;
    margin-left: 16px;
    margin-right: 16px;
    border-radius: 4px;
  }
`,ImagePreviewPopup=({className:e,style:t,authorName:a,images:l,onClose:r,onOpenSingleView:i,alt:u})=>{let{t:d}=(0,o.u)(),[m,g]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{setTimeout(()=>{g(!0)},0)},[]),n.createElement(s.h,null,n.createElement(w,{className:e,style:t,"data-open":m},n.createElement("div",{className:"top-bar"},n.createElement("img",{className:"icon-arrow-left",src:h,onClick:r,alt:"go back",loading:"lazy"}),n.createElement(c.T,{size:"p2",weight:"bold",style:{textAlign:"center"}},d("previewPhotos.title",{name:a}))),n.createElement("div",{className:"container"},l.map((e,t)=>n.createElement("img",{className:"img-preview",key:t,src:e,onClick:()=>null==i?void 0:i(t),alt:u,loading:"lazy"})))),",")},y=u.Z.div`
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  background: black;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s linear;
  &[data-open='true'] {
    opacity: 1;
    pointer-events: auto;
  }
`,P=u.Z.div`
  padding: 1rem;
  background: white;
  .icon-close {
    width: 26px;
    height: 26px;
    cursor: pointer;
  }
`,I=u.Z.div`
  position: relative;
  flex: 1;
  overflow: hidden;
  > img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
  }
`,D=u.Z.div`
  --inner-padding: max(16px, 20%);
  height: 100%;
  position: absolute;
  left: 0;
  padding: 8px;
  padding-right: var(--inner-padding);
  display: flex;
  align-items: center;
  top: 0;
  cursor: pointer;
  &[data-right] {
    padding-right: 8px;
    padding-left: var(--inner-padding);
    left: unset;
    right: 0;
  }
  &[data-disabled='true'] {
    cursor: not-allowed;
  }
`,S=u.Z.div`
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  > img {
    width: 16px;
    height: 16px;
    &[data-disabled='true'] {
      opacity: 0.5;
    }
  }
  ${r.M.tdUp} {
    padding: 8px;
    > img {
      width: 30px;
      height: 30px;
    }
  }
`;var O="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m6 12.813 4-4-4-4'/%3e%3c/svg%3e";let PostSingleImageViewPopup=({initialViewIndex:e,images:t,onClose:a,alt:l})=>{let[r,o]=(0,n.useState)(e),[i,c]=(0,n.useState)(!1);(0,n.useEffect)(()=>{setTimeout(()=>{c(!0)},0)},[]);let u=null==t?void 0:t[r],d=0===r,m=!(null==t?void 0:t.length)||r===(null==t?void 0:t.length)-1;return n.createElement(s.h,null,n.createElement(y,{"data-open":i&&!!u},n.createElement(P,null,n.createElement("img",{src:p,className:"icon-close",onClick:a,alt:"close",loading:"lazy"})),u&&r>=0&&n.createElement(n.Fragment,null,n.createElement(I,null,n.createElement("img",{className:"img-preview",src:u,alt:l,loading:"lazy"}),n.createElement(D,{"data-disabled":d,onClick:()=>!d&&o(r-1)},n.createElement(S,null,n.createElement("img",{src:O,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":d,loading:"lazy"}))),n.createElement(D,{"data-right":!0,"data-disabled":m,onClick:()=>!m&&o(r+1)},n.createElement(S,null,n.createElement("img",{src:O,alt:"right arrow","data-disabled":m,loading:"lazy"})))))))},F=(0,g.Z)(u.Z.div`
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  `,"hhgcomp-sensitivemask-inner"),L=u.Z.div``,H=u.Z.div`
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: white;
  cursor: pointer;

  &,
  * {
    // transition: all 300ms;
    transform-origin: bottom left;
  }

  img {
    transition: none;
  }
  .img-preview {
    width: 100%;
  }
  &[data-is-blurred='true'] {
    .img-preview {
      /* Add the blur effect */
      -webkit-filter: blur(24px);
      filter: blur(24px);
    }
  }

  &[data-is-blurred='false'] {
    background: transparent;
    cursor: zoom-in;

    ${F.classSelector} {
      top: auto;
      right: auto;
      left: 8px;
      bottom: 8px;
      background: rgba(0, 0, 0, 0);
      align-items: flex-end;
      justify-content: flex-start;
    }
  }
`,SensitiveMask=({image:e,showIcon:t=!0})=>{let[a,l]=(0,n.useState)(!0);return n.createElement(H,{"data-is-blurred":a,onClick:e=>a&&e.stopPropagation()},n.createElement("img",{loading:"lazy",className:"img-preview",src:e}),n.createElement(F,{onClick:e=>{e.stopPropagation(),l(!a)}},t&&n.createElement(L,null,a?n.createElement("svg",{width:"22",height:"20",viewBox:"0 0 22 20",fill:"none"},n.createElement("path",{d:"M1.71 2.54a.996.996 0 0 1 0-1.41c.39-.39 1.03-.39 1.42 0l16.31 16.33a.996.996 0 1 1-1.41 1.41l-2.72-2.72c-1.34.52-2.79.82-4.31.82-5 0-9.27-3.11-11-7.5C.77 7.5 2.06 5.8 3.68 4.51zM16 9.47c0-2.76-2.24-5-5-5-.51 0-1 .1-1.47.24L7.36 2.54c1.15-.37 2.37-.57 3.64-.57 5 0 9.27 3.11 11 7.49-.69 1.76-1.79 3.3-3.18 4.53l-3.06-3.06c.14-.46.24-.95.24-1.46m-5 5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14L8.06 8.9c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07l1.57 1.57c-.65.32-1.37.5-2.14.5m2.97-5.33a2.97 2.97 0 0 0-2.64-2.64z",fill:"#fff"})):n.createElement("svg",{width:"23",height:"16",viewBox:"0 0 23 16",fill:"none"},n.createElement("path",{d:"M12 0C5.142 0 1.886 5.879 1.096 7.557c-.132.28-.132.604 0 .884C1.886 10.121 5.142 16 12 16c6.834 0 10.092-5.837 10.896-7.54a1.08 1.08 0 0 0 0-.92C22.092 5.836 18.834 0 12 0m0 3a5 5 0 1 1-.001 10.001 5 5 0 0 1 0-10.001m0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6",fill:"#2D87F3"})))))},PostImagePreview=({className:e,images:t=[],style:a,authorName:s,isSensitive:c=!1,alt:u,positionAlert:d="top"})=>{let{data:{env:{isMarryBaby:m}}}=(0,n.useContext)(i.T),{t:g}=(0,o.u)(),p=`+ ${(t.length||0)-4}`,[h,b]=(0,n.useState)(!1),[E,v]=(0,n.useState)(-1),C=t.length>5,w=(0,n.useRef)(!1);return(0,n.useEffect)(()=>()=>{w.current&&(0,r.t)(!1)},[]),(0,n.useEffect)(()=>{h||E>=0?((0,r.t)(!0),w.current=!0):((0,r.t)(!1),w.current=!1)},[h,E]),n.createElement(n.Fragment,null,c&&"top"===d&&n.createElement(x,{message:g("sensitiveMask.contentWarningDescription"),icon:n.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},n.createElement("path",{d:"M9 .667A8.336 8.336 0 0 0 .667 9c0 4.6 3.733 8.333 8.333 8.333S17.333 13.6 17.333 9 13.6.667 9 .667m0 9.166A.836.836 0 0 1 8.167 9V5.667c0-.459.375-.834.833-.834s.833.375.833.834V9A.836.836 0 0 1 9 9.833M8.167 11.5v1.667h1.666V11.5z",fill:"#FE921D"}))}),n.createElement(f,{className:e,style:a,"data-image-count":C?5:t.length||0,"data-is-marrybaby":m,"data-cursor-pointer":!c},null==t?void 0:t.slice(0,5).map((e,t)=>{let a=4===t&&C;return n.createElement("div",{className:"img-wrapper",key:t,onClick:()=>{t>=4&&C?b(!0):v(t)}},c&&n.createElement(SensitiveMask,{image:e,showIcon:!a}),!m&&n.createElement("img",{loading:"lazy",className:"img-preview-blur",src:e,alt:u}),n.createElement("img",{loading:"lazy",className:"img-preview",src:e,alt:u}),a&&n.createElement("div",{className:"img-more-overlay"},n.createElement(l.H,{tag:"h1",as:"h2",color:"white"},p)))})),h&&n.createElement(ImagePreviewPopup,{authorName:s||"",images:t,onClose:()=>b(!1),onOpenSingleView:v,alt:u}),E>=0&&n.createElement(PostSingleImageViewPopup,{images:t,initialViewIndex:E,onClose:()=>v(-1),alt:u}),c&&"bottom"===d&&n.createElement(x,{message:g("sensitiveMask.contentWarningDescription.community"),className:"noti-bottom",icon:n.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},n.createElement("path",{d:"M9 .667A8.336 8.336 0 0 0 .667 9c0 4.6 3.733 8.333 8.333 8.333S17.333 13.6 17.333 9 13.6.667 9 .667m0 9.166A.836.836 0 0 1 8.167 9V5.667c0-.459.375-.834.833-.834s.833.375.833.834V9A.836.836 0 0 1 9 9.833M8.167 11.5v1.667h1.666V11.5z",fill:"#FE921D"}))}))}}}]);