"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6088],{uNLK:function(e,t,i){i.d(t,{B:function(){return BabyPoopForm}});var n=i("ySIk"),a=i("q1tI"),o=i("/npG"),r=i("mYVa"),l=i("Eso5"),s=i("iuhU"),d=i("Ag88"),p=i("ovJ4"),c=i("ybaB"),m=i("8uuc"),u=i("ADW8"),g=(0,o.k)((e,{hasOnClickFn:t})=>({root:{position:"relative",display:"flex",flexDirection:"column",gap:(0,r.h)(16)},sponsorBox:{display:"flex",gap:(0,r.h)(12),alignItems:"center",backgroundColor:e.colors.neutral[0],border:`1px solid ${e.colors.neutral[1]}`,borderRadius:(0,r.h)(4),padding:"4px 12px",alignSelf:"flex-start"},sponsorLogo:{maxHeight:(0,r.h)(32)},btn:{minWidth:(0,r.h)(180),[e.fn.largerThan("sm")]:{alignSelf:"flex-end"},visibility:t?"visible":"hidden"}}));let BabyPoopForm=e=>{var{babyPoopPage:t,onClickFindOut:i,currentUrl:o,sponsorLogo:r,btnProps:h,styles:f,classNames:v}=e,b=(0,n._)(e,["babyPoopPage","onClickFindOut","currentUrl","sponsorLogo","btnProps","styles","classNames"]);let{t:y}=(0,c.u)(),{classes:x}=g({hasOnClickFn:!!i},{name:"BabyPoopForm",styles:f,classNames:v}),{classes:w={}}=(0,a.useContext)(m.C);return a.createElement(u.H.FormRow,null,a.createElement(l.x,Object.assign({className:x.root},b),r&&a.createElement(l.x,{className:x.sponsorBox},a.createElement(d.T,{size:"p4"},y("common.sponsoredBy")),a.createElement("img",{loading:"lazy",src:r,alt:"sponsor",className:x.sponsorLogo})),a.createElement(d.T,{size:"p3",as:"div",className:"description",dangerouslySetInnerHTML:{__html:t.description}}),a.createElement(p.B,Object.assign({className:(0,s.default)(x.btn,w.submitBtn),onClick:i,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:o},h),y("babyPoop.findOut"))))}},NKbh:function(e,t,i){i.d(t,{I:function(){return InputCommentBar},P:function(){return PopupDanger},S:function(){return SharePopup},a:function(){return PopupFrame},b:function(){return SubmitReportForm},c:function(){return T},d:function(){return getPostFormData},e:function(){return editPost},f:function(){return createPost},g:function(){return getDefaultFailNoti},h:function(){return deletePost},i:function(){return I},j:function(){return deleteComment},k:function(){return decodeCommentBody},l:function(){return likeUnlikeComment},m:function(){return likeUnlikePost},u:function(){return useImagePicker}});var n=i("q1tI"),a=i("xtxu"),o=i("oYLa"),r=i("Ag88"),l=i("SPEo"),s=i("i8i4"),d=i("q/st"),p=i("rBCA"),c=i("iBNF"),m=i("ySIk"),u=i("OrYH"),g=i("ybaB"),h=i("sea2"),f=i("58a8"),v=i("IQVP"),b=i("HM0t"),y=i("fhJG"),x=i("iBpR"),w=i("w8z2"),E=i("/s4f"),k=i("t/pd"),C=i("D0vz"),N=i("bx3X"),P=i("DCF0"),z=i("/pFO");let useImagePicker=(e,t)=>{let[i,a]=(0,n.useState)(e||[]),o=(0,n.useMemo)(()=>(e||i).map(e=>"string"==typeof e?e:URL.createObjectURL(e)),[e,i]);return{onSelectImages:n=>{let o=n.target.files;if(o){if(t&&e){let n=e||i;t(n.concat(Array.from(o)))}else a(i=>{let n=e||i;return t&&t(n.concat(Array.from(o))),n.concat(Array.from(o))})}},onRemoveImage:i=>{t&&e?(e.splice(i,1),t(e.slice())):a(n=>{let a=e||n;return a.splice(i,1),t&&t(a.slice()),a.slice()})},onRemoveAllImages:()=>{t?t([]):a([])},imageSrcs:o,imageFiles:e||i}},getDefaultFailNoti=e=>({message:e("notification.failure"),type:"danger"}),likeUnlikePost=({id:e,locale:t})=>(0,m.a)(void 0,void 0,void 0,function*(){if(!e)return;let i=yield(0,d.b)((0,d.e)(v.yy.POST.LIKE,{id:e,_locale:t}),"GET");return i}),deletePost=({id:e,locale:t})=>(0,m.a)(void 0,void 0,void 0,function*(){if(!e)return;let i=yield(0,d.b)((0,d.e)(v.yy.POST.DELETE,{id:e,_locale:t}),"DELETE");return i}),getPostFormData=({title:e,description:t,communityId:i,imageFiles:n,previewUrl:a,topicIds:o,locale:r,sanitizeFunction:s,categoryCommunityId:d,categoryTopicIds:p,introUrl:c,bannerUrl:u,scheduleTime:g,isAnonymous:h,isAskDoctor:v})=>(0,m.a)(void 0,void 0,void 0,function*(){let m=new FormData,y=(0,b.j)(t),x=(0,b.j)(e),w=(0,b.i)(y);if(m.append("title",x),m.append("description",(0,b.k)(y,s)),d?m.append("category_community",String(d)):i&&m.append("community_id",String(i)),m.append("is_anonymous",h?"1":"0"),m.append("is_question",v?"1":"0"),(null==a?void 0:a.title)&&m.append("preview_title",a.title),(null==a?void 0:a.description)&&m.append("preview_description",a.description),(null==a?void 0:a.url)&&m.append("preview_link",(0,l.c)(a.url)),(null==a?void 0:a.image)&&m.append("preview_image",(0,l.c)(a.image)),null==o||o.forEach(e=>{m.append("topics[]",String(e||""))}),null==p||p.forEach(e=>{m.append("category_topics[]",String(e||""))}),null==n?void 0:n.length){let e=yield Promise.all(n.map((e,t)=>new Promise(i=>{setTimeout(()=>{i((0,b.u)(e,r))},2e3*t)})));null==e||e.filter(Boolean).slice(0,f.M).forEach((e,t)=>{m.append(`images[${t}]`,e)})}else m.append("images","");return null==w||w.forEach(e=>{m.append("mention_ids[]",e)}),m.append("intro_url",c||""),m.append("banner",u||""),g&&(m.append("post_type","scheduled"),m.append("schedule_datetime",g)),m}),createPost=({locale:e,formData:t,isArticleComment:i})=>(0,m.a)(void 0,void 0,void 0,function*(){let n=yield(0,d.b)((0,d.e)(i?v.yy.POST.CREATE_ARTICLE_COMMENT:v.yy.POST.CREATE,{_locale:e}),"POST",{data:t});return n}),editPost=({id:e,locale:t,formData:i})=>(0,m.a)(void 0,void 0,void 0,function*(){let n=yield(0,d.b)((0,d.e)(v.yy.POST.UPDATE,{id:e,_locale:t}),"POST",{data:i});return n}),reportPost=({id:e,reason:t,locale:i})=>{let n=new FormData;return n.append("reason",t),(0,d.b)((0,d.e)(v.yy.POST.REPORT,{_locale:i,id:e}),"POST",{data:n})},S=p.Z.div`
  [data-type='confirm'] {
    max-width: 468px;
    /* height: 486px; */
    padding: 0;

    .popup-content {
      display: flex;
      flex-direction: column;
      padding: 0;

      .close-button {
        top: 16px;
        right: 16px;
        width: 24px;
        height: 24px;
        z-index: 5;
      }

      .header {
        display: flex;
        height: 56px;
        align-items: center;
        padding: 16px 56px 16px 32px;
        border-bottom: 1px solid ${c.r.colors.neutral100};
        font-weight: 900;
        width: 100%;
        justify-content: space-between;
      }

      .content {
        overflow: auto;
        flex: 1;
        .topic-list-wrapper {
          padding: 1rem;
        }
      }
    }
  }

  > div&[data-open='true'] {
    z-index: 250;
    &:last-child {
      z-index: 200;
    }
  }

  ${e=>e.isExpand&&`
      & > div[data-open] {
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
      }
    `}

  ${e=>e.hasFullscreen&&`
      & > div[data-open] {
        transition: all 0.5s ease-in-out, width 0s, height 0s;
      }
    `}
`,_=p.Z.div`
  cursor: pointer;
  display: flex;
  align-items: center;
`,PopupFrame=({className:e,style:t,closeIcon:i,heading:a="",children:r,isOpen:l=!1,hasFullscreen:s=!1,disableClickOutside:d=!1,initExpand:p=!1,onExpandChange:c,onClose:m=()=>null})=>{let[u,g]=(0,n.useState)(p);return n.createElement(S,{className:e,style:t,isExpand:u,hasFullscreen:s},n.createElement(N.P,{type:"confirm",onClose:m,isOpen:l,closeIcon:i||n.createElement("img",{src:P.C,loading:"lazy"}),enableAnimation:!s,disableClickOutside:d},n.createElement("div",{className:"header"},n.createElement(o.H,{tag:"h5"},a),s&&n.createElement(_,{onClick:()=>{null==c||c(),g(!u)}},n.createElement(C.Z,{size:14,isExpand:u}))),n.createElement("div",{className:"content"},"function"==typeof r?r(u):r)))};var T="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3e%3cpath fill='%23262626' d='M12 22.984c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.478-10 10 4.477 10 10 10'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14.828 10.156-5.657 5.657M9.172 10.156l5.657 5.657'/%3e%3c/svg%3e";let M=p.Z.div`
  [data-type='confirm'] {
    width: min(360px, 100%);
    height: auto;
    &[data-open='false'] {
      top: calc(-100% - 500px);
    }
  }
  z-index: 600;

  .header {
    display: none !important;
  }

  .confirm-dialog {
    position: relative;
    overflow: auto;
    width: 100%;
    padding-top: 44px;
    background: #fff;
    border-radius: ${c.r.borderRadius};

    .confirm-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0 16px 16px;
      text-align: center;

      .title {
        margin-bottom: 8px;
        font-size: 24px;
        line-height: 32px;
        word-break: break-word;
        overflow-wrap: break-word;
      }

      .desc {
        margin-bottom: 24px;
        color: ${c.r.colors.gray500};
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        word-break: break-word;
        overflow-wrap: break-word;
      }

      .btn-group {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;

        button {
          margin: 0 4px 0.5rem;
        }
      }
    }
  }
  .thumbnail-container {
    width: 80px;
    height: 80px;
    margin-bottom: 32px;
    .thumbnail {
      width: 100%;
      height: 100%;
    }
    &.is-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #e0e9fc;
      border-radius: 1rem;
      .thumbnail {
        width: 40px;
        height: 40px;
      }
    }
  }
  &[data-is-marrybaby='true'] {
    .popup-frame {
      > div:first-child {
        overflow: hidden;
        border-radius: 1rem;
        &[data-open='true'] {
          ${l.M.mbDown} {
            top: 100%;
            transform: translate(-50%, -100%);
            max-width: unset;
            width: 100%;
            background: unset;
            overflow: unset;
          }
        }
      }
      .popup-content {
        .close-button {
          ${l.M.mbDown} {
            display: none;
          }
        }
        .confirm-dialog {
          ${l.M.mbDown} {
            background: unset;
            position: relative;
            overflow-x: hidden;
            &::before {
              content: '';
              width: 200%;
              background: #fff;
              position: absolute;
              left: 50%;
              top: 0;
              transform: translateX(-50%);
              z-index: -1;
              height: 100%;
              border-top-left-radius: 100%;
              border-top-right-radius: 100%;
            }
          }
          .confirm-content {
            padding: 0 40px 40px;
            ${l.M.mbDown} {
              padding-left: 1.5rem;
              padding-right: 1.5rem;
            }
            .btn-group {
              width: 100%;
              justify-content: space-between;
              button {
                flex: 1;
                margin: 0;
                &:first-child {
                  margin-right: 0.5rem;
                }
              }
            }
          }
        }
      }
      .thumbnail-container {
        ${l.M.mbDown} {
          display: none;
        }
        &.is-icon {
          background: #ffeaf1;
          border-radius: 24px;
        }
        &.is-mobile {
          position: absolute;
          top: 0;
          left: 50%;
          display: none;
          width: 48px;
          height: 48px;
          transform: translate(-50%, -50%);
          &.is-icon {
            border-radius: 1rem;
            .thumbnail {
              width: 24px;
              height: 24px;
            }
          }
          ${l.M.mbDown} {
            display: flex;
          }
        }
      }
    }
  }
`,PopupDanger=({className:e,isMarryBaby:t,style:i,title:p,description:c,acceptText:m,cancelText:u,onAccept:g,onCancel:h,thumbnail:f,isThumbnailIcon:v,onClose:b,acceptBtnTracking:y,acceptBtnProps:x,cancelBtnProps:w})=>{let{data:{env:{isMarryBaby:E}}}=(0,n.useContext)(d.T),k="boolean"==typeof t?t:E,[C,N]=(0,n.useState)(!1);return((0,n.useEffect)(()=>((0,l.t)(!0),setTimeout(()=>N(!0),0),()=>(0,l.t)(!1)),[]),"undefined"==typeof window)?null:s.createPortal(n.createElement(M,{"data-is-marrybaby":k,className:e,style:i,"data-open":C},n.createElement(PopupFrame,{className:"popup-frame",isOpen:C,onClose:b},n.createElement("div",{className:"confirm-dialog",onClick:e=>e.stopPropagation()},n.createElement("div",{className:"confirm-content"},f&&n.createElement("div",{className:`thumbnail-container ${v?"is-icon":""}`},n.createElement("img",{className:"thumbnail",src:f,loading:"lazy"})),n.createElement(o.H,{className:"title",tag:"h2"},p),n.createElement(r.T,{className:"desc",size:"lg"},c),n.createElement("div",{className:"btn-group"},n.createElement(a.B,Object.assign({theme:k?"marryBaby":"helloSites",size:"md",color:"tertiary",onClick:()=>{null==g||g(),null==b||b()}},x,y),m),n.createElement(a.B,Object.assign({theme:k?"marryBaby":"helloSites",size:"md",onClick:()=>{null==h||h(),null==b||b()}},w),u)))),k&&f&&n.createElement("div",{className:`thumbnail-container is-mobile ${v?"is-icon":""}`},n.createElement("img",{className:"thumbnail",src:f,loading:"lazy"})))),(0,l.a)())},B=p.Z.div`
  padding: 1rem;
  border-top: 1px solid #f2f2f2;
  &[data-is-reply='true'] {
    padding-right: 0;
    padding-left: 0;
    border-top: 1px solid #e4e8ec;
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .error-text {
    padding: 1rem;
    color: ${c.r.colors.red700};
  }
  .reply-to-container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.75rem;
    margin-top: -0.25rem;
    .icon-close-comment {
      width: 16px;
      height: 16px;
      cursor: pointer;
    }
    a {
      text-decoration: none;
    }
  }
  .input-container {
    display: flex;
    align-items: center;
    .avatar-wrapper {
      display: flex;
      flex-shrink: 0;
      align-items: center;
      margin-right: 0.5rem;
      &.avatar-wrapper-reply {
        width: 32px;
        height: 32px;
        .avatar {
          width: 32px;
          height: 32px;
        }
      }
    }
    .input-wrapper {
      margin-right: 0.5rem;
      &[data-has-error] {
        .as-input {
          border-color: ${c.r.colors.red700};
        }
      }

      .as-input {
        .textarea {
          width: 100%;
          max-height: 225px;
          min-height: 75px;
          .ql-toolbar {
            padding: 0;
          }
          .ql-editor {
            padding-left: 0;
            padding-right: 0;
          }
          .quill {
            height: 0;
          }
        }
        width: 100%;
        padding: 12px 16px;
        border: solid 1px ${c.r.colors.gray200};
        border-radius: ${c.r.borderRadius};

        &:active,
        &:focus {
          border-color: ${c.r.colors.primaryBase};
          box-shadow: 0px 0px 2px 2px ${c.r.colors.primary200};
        }

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

        span {
          &[data-error='true'] {
            color: red;
            text-decoration: underline;
          }
        }
      }

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

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

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

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

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

          ${l.M.mbUp} {
            font-size: 13px;
            line-height: 1.5;
          }
        }
      }
    }
    .images-input-label {
      height: 100%;
      cursor: pointer;
      .icon-images-input {
        width: 24px;
        height: 24px;
        vertical-align: middle;
      }
    }
    .send-button {
      display: flex;
      width: 40px;
      height: 40px;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      padding: 0;
      border: none;
      &.send-button-post {
        background: ${c.r.colors.neutral100};
        border-radius: 50%;
      }
      .icon-enter {
        width: 20px;
        height: 20px;
        vertical-align: middle;
      }
      &[data-is-loading='true'] {
        > div {
          display: flex;
          align-items: center;
          justify-content: center;
        }
      }
    }
  }
  .preview-images-container {
    margin-top: 1rem;
    .image-src-wrapper {
      position: relative;
      width: 100%;
      padding-top: 66.67%;
      &:not(:last-child) {
        margin-bottom: 1rem;
      }
      .preview-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .icon-close-circle {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        cursor: pointer;
      }
    }
  }
`,$=(0,n.createContext)({}),getCommentFormBody=({postId:e,message:t,photos:i,link:n,locale:a,sanitizeFunction:o,replyingUserId:r,replyingUserName:l,replyingId:s})=>(0,m.a)(void 0,void 0,void 0,function*(){let d=new FormData,p=(0,b.k)(t.replace(/(\&nbsp;)+/g," "),o),c=(0,b.i)(p);if(i&&i.length>0){let e=yield Promise.all(null==i?void 0:i.map(e=>(0,b.u)(e,a)));e.filter(Boolean).slice(0,f.M).forEach(e=>{d.append("images[]",e)})}return n&&d.append("link",n),null==c||c.forEach(e=>{d.append("mention_ids[]",e)}),d.append("post_id",e),s&&d.append("parent_id",s),r&&(c.unshift(r),p=`[mention+id="${r}"+name="${(l||"").replace('"',"'")}"]${p}`,d.append("parent_user_id",String(r))),d.append("content",p),d.append("content",p),d}),submitComment=(e,t)=>(0,m.a)(void 0,void 0,void 0,function*(){return(0,d.b)((0,d.e)(v.yy.COMMENT.CREATE,{_locale:t}),"POST",{data:e})}),decodeCommentBody=e=>{try{let t=e.match(/\[@([^\]]+)\]/),i=t?t[0].replace("[@","").replace("]",""):"",n=e.replace(/\[@([^\]]+)\]/,"");return{text:n.trim(),replyingTo:i}}catch(e){}return{text:""}},submitReply=(e,t)=>(0,m.a)(void 0,void 0,void 0,function*(){return(0,d.b)((0,d.e)(v.yy.COMMENT.REPLY,{_locale:t}),"POST",{data:e})}),likeUnlikeComment=({commentId:e,setLike:t=!1,locale:i})=>(0,m.a)(void 0,void 0,void 0,function*(){return(0,d.b)((0,d.e)(t?v.yy.COMMENT.LIKE:v.yy.COMMENT.UNLIKE,{_locale:i,id:e}),"GET")}),deleteComment=({id:e,locale:t})=>(0,d.b)((0,d.e)(v.yy.COMMENT.DELETE,{_locale:t,id:e}),"DELETE"),InputCommentBar=({isReply:e,className:t,onClose:i,replyToName:o,style:l,replyingId:s,replyingUser:p,onPostSuccess:c,post:v,isMarryBaby:b})=>{let{action:{pushNotifications:k,sanitizeFunction:C},data:{userInfo:N,locale:P,env:{isMarryBaby:z}}}=(0,n.useContext)(d.T),{t:S}=(0,g.u)(),{onSelectImages:_,onRemoveImage:M,imageSrcs:D,onRemoveAllImages:O,imageFiles:I}=useImagePicker(),[F,R]=(0,n.useState)(""),{trigger:j}=(0,n.useContext)($),[L,U]=(0,n.useState)(!1),A=(0,n.useRef)(null),H=(0,n.useRef)(null),q=(0,n.useRef)(null),[Z,K]=(0,n.useState)([]),[W,Y]=(0,n.useState)([]),[G,J]=(0,n.useState)(null);return(0,n.useEffect)(()=>{var e;null===(e=q.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout(()=>{var e;null===(e=H.current)||void 0===e||e.focus()},400)},[j]),n.createElement(B,{"data-is-reply":e,className:t,style:l},e&&n.createElement("div",{className:"reply-to-container"},n.createElement(r.T,{size:"p4"},n.createElement("span",{dangerouslySetInnerHTML:{__html:S("inputComment.replyTo",{name:`<span style="color: #2D87F3; cursor: pointer">@${o||""}</span>`})}})),n.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3ccircle cx='8' cy='8.5' r='6.667' fill='white' stroke='%23404040'/%3e%3cpath stroke='%23404040' stroke-linecap='round' stroke-linejoin='round' d='m10 6.5-4 4M6 6.5l4 4'/%3e%3c/svg%3e",className:"icon-close-comment",onClick:()=>i&&i(),loading:"lazy"})),n.createElement("div",{className:"input-container",ref:q},n.createElement(w.U,{className:`avatar-wrapper ${e?"avatar-wrapper-reply":""}`,avatar:(null==N?void 0:N.id)?N.avatar:f.a,username:(null==N?void 0:N.name)||(null==N?void 0:N.username)}),n.createElement("input",{ref:A,onChange:_,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),n.createElement(u.I,{value:F,name:"input",size:"md",className:"input-wrapper",displayIcon:n.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M10.754 4.854H4.492a1.79 1.79 0 0 0-1.789 1.789v12.524a1.79 1.79 0 0 0 1.79 1.789h12.523a1.79 1.79 0 0 0 1.79-1.79v-6.261'/%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M17.463 3.512a1.898 1.898 0 0 1 2.684 2.684l-8.498 8.498-3.579.895.895-3.579z'/%3e%3c/svg%3e",loading:"lazy"}),CustomInput:n.createElement("div",{className:"as-input"},n.createElement(E.R,{className:"textarea",html:F,onChange:R,onImagePickerClick:()=>{var e;return null===(e=A.current)||void 0===e?void 0:e.click()},bannedWords:W,onPreviewUrlChange:J,onInvalidUrlsChange:K,setEditorRef:e=>H.current=e,isReplying:e}))}),n.createElement(a.B,{theme:("boolean"==typeof b?b:z)?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:()=>(0,m.a)(void 0,void 0,void 0,function*(){var t,n,a,o,r,l,d,m,u;if((null==v?void 0:v.id)&&!L){U(!0);try{let g=yield getCommentFormBody(Object.assign({message:F,photos:I,postId:String(v.id),link:null==G?void 0:G.url,sanitizeFunction:C,locale:P},e&&s?{replyingUserId:String((null==p?void 0:p.id)||(null===(t=null==v?void 0:v.author)||void 0===t?void 0:t.id)||""),replyingId:s,replyingUserName:(null==p?void 0:p.name)||(null==p?void 0:p.username)||""}:{})),f=yield e&&s?submitReply(g,P):submitComment(g,P),b=null==f?void 0:f.data;(null==b?void 0:b.id)&&!(null===(a=null===(n=null==f?void 0:f.messages)||void 0===n?void 0:n.moderation)||void 0===a?void 0:a.type)?(e=>{R(""),O(),i&&i();let t=(0,h.e)(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),c&&c(t)})(f):(null===(r=null===(o=null==f?void 0:f.messages)||void 0===o?void 0:o.moderation)||void 0===r?void 0:r.type)==="banned"?(k({title:S("notification.comment.blocked.title"),message:S("notification.comment.blocked.message"),type:"danger"}),f.messages.moderation.words&&Y(f.messages.moderation.words)):(null===(d=null===(l=null==f?void 0:f.messages)||void 0===l?void 0:l.moderation)||void 0===d?void 0:d.type)==="suspect"?(k({title:S("notification.comment.suspect.title"),message:S("notification.comment.suspect.message"),type:"warning"}),R(""),O(),i&&i()):(null===(m=null==f?void 0:f.messages)||void 0===m?void 0:m.find(e=>{var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))}))?(k({message:S("notification.suspend.message"),type:"warning"}),R(""),O(),i&&i()):k({title:"",message:(null===(u=null==f?void 0:f.messages)||void 0===u?void 0:u[0])||S("notification.comment.somethingWrong"),type:"danger"})}catch(e){k({title:"",message:S("notification.comment.somethingWrong"),type:"danger"})}U(!1)}}),isLoading:L,isDisabled:!!(null==Z?void 0:Z.length)||L||!F||(null==F?void 0:F.length)<2||!F.trim()},n.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7.5 9.734-3.75 3.75 3.75 3.75'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.25 4.734v5.569c0 .843-.33 1.653-.915 2.25a3.1 3.1 0 0 1-2.21.931H3.75'/%3e%3c/svg%3e",className:"icon-enter",loading:"lazy"}))),(null==Z?void 0:Z.length)?n.createElement("div",{className:"error-text"},S("notification.limitUrlDomain")):null,(!D||0===D.length)&&G&&n.createElement("div",{className:"link-preview-wrapper"},G.isFetching?n.createElement(x.L,null):n.createElement(n.Fragment,null,n.createElement(y.C,{title:G.title,url:G.url||"#",image:G.image,noRefetch:!0}),n.createElement("img",{src:T,className:"icon-close",onClick:()=>J(null),loading:"lazy"}))),D&&D.length>0&&n.createElement("div",{className:"preview-images-container"},D.map((e,t)=>n.createElement("div",{key:t,className:"image-src-wrapper"},n.createElement("img",{className:"preview-image",src:e,loading:"lazy"}),n.createElement("img",{src:T,className:"icon-close-circle",onClick:()=>M(t),loading:"lazy"})))))},SharePopup=({trackingCategory:e,className:t,style:i,url:a,text:o,onClose:r})=>{let{data:{env:{isMarryBaby:s}}}=(0,n.useContext)(d.T),{t:p}=(0,g.u)(),[c,m]=(0,n.useState)(!1);return(0,n.useEffect)(()=>((0,l.t)(!0),setTimeout(()=>m(!0),0),()=>(0,l.t)(!1)),[]),n.createElement(k.h,null,n.createElement(D,{"data-is-marrybaby":s,className:t,style:i},n.createElement(PopupFrame,{className:"share-popup",isOpen:c,onClose:r,heading:p("bottomBar.share")},c&&n.createElement(z.r,{trackingCategory:e,shareUrl:a||("undefined"!=typeof window?window.location.href:""),title:o}))))},D=p.Z.div`
  .share-popup {
    > div:first-child {
      height: unset;
    }
  }
  .custom-share__header {
    display: flex;
    flex-wrap: no-wrap;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid ${c.r.colors.neutral100};
    margin-bottom: 16px;

    .custom-share__header-image {
      width: 38px;
      height: 38px;
      flex-shrink: 0;
      & > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }
    }

    .custom-share__header-info {
      flex: 1;
      padding: 0 8px;
      word-break: break-word;

      [data-tag='h4'] {
        margin-bottom: 8px;
        font-size: 14px;
        font-weight: bold;
        line-height: 14px;
      }

      [data-size='md'] {
        color: #a5a5a5;
        font-size: 14px;
        line-height: 14px;
      }
    }
  }

  &[data-is-marrybaby='true'] {
    .share-popup {
      > div:first-child {
        overflow: hidden;
        border-radius: 1rem;
        &[data-open='true'] {
          ${l.M.mbDown} {
            max-width: unset;
            width: 100%;
            top: 100%;
            transform: translate(-50%, -100%);
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
          }
        }
      }
      .close-button {
        display: block;
      }
      .popup-content {
        .header {
          display: block;
          padding: 1rem;
          background-color: rgb(243, 243, 243);
        }
        .content {
          padding-bottom: 1rem;
        }
      }
      .share-mb-text {
        margin: 1rem 1rem 0.5rem;
      }
    }
  }
`,O=p.Z.div`
  padding: 0 8px;
  margin-top: 18px;

  .report-list {
    margin-bottom: 18px;

    .report-item {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      font-weight: 600;

      & > img {
        width: 12px;
        height: 12px;
        margin-right: 8px;
      }

      .__label {
        font-size: 14px;
      }
    }
  }

  .report-submit {
    width: 100%;
  }
  &[data-is-marrybaby='true'] {
    padding: 0 1rem 1rem;
  }
`;var I="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12M8 5v3M8 11h.007'/%3e%3c/svg%3e";let SubmitReportForm=({className:e,style:t,reason:i,reasonText:o,onClose:l,postId:s})=>{let{data:{locale:p,env:{isMarryBaby:u}},action:{pushNotifications:h}}=(0,n.useContext)(d.T),{t:f}=(0,g.u)(),[v,b]=(0,n.useState)(!1);return n.createElement(O,{"data-is-marrybaby":u,className:e,style:t},n.createElement("ul",{className:"report-list"},n.createElement("li",{className:"report-item"},n.createElement("img",{src:I,loading:"lazy"}),n.createElement(r.T,{className:"__label",color:c.r.colors.gray800,size:"p4"},o))),n.createElement(a.B,{theme:u?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:v,onClick:()=>(0,m.a)(void 0,void 0,void 0,function*(){if(s&&!v){b(!0);try{let e=yield reportPost({id:s,reason:i,locale:p});(null==e?void 0:e.status)===1&&(h({message:"Post reported",type:"success"}),l&&l())}catch(e){}b(!1)}})},f("submit")))}},DKnY:function(e,t,i){i.d(t,{L:function(){return Loading}});var n=i("q1tI"),a=i("RZah"),o=i("ybaB");let Loading=({className:e,theme:t,hideText:i})=>{let{t:r}=(0,o.u)();return n.createElement("div",{className:`tliWyii ${e}`},n.createElement(a.I.Spinner,{isMarryBaby:"marryBaby"===t}),!i&&r("loading"))}}}]);