@hhgtech/hhg-components 1.22.40 → 1.22.41-beta-1

package/build/esm/together/components/molecules/popupDanger/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import{MediaQueries as t}from"../../../../misc/utils.js";import e from"styled-components";var i,o=e.div(i||(i=n(["\n  [data-type='confirm'] {\n    width: min(360px, 100%);\n    height: auto;\n    &[data-open='false'] {\n      top: calc(-100% - 500px);\n    }\n  }\n\n  .header {\n    display: none !important;\n  }\n\n  .confirm-dialog {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n    padding-top: 44px;\n    background: #fff;\n    border-radius: 6px;\n\n    .confirm-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 0 16px 16px;\n      text-align: center;\n\n      .title {\n        margin-bottom: 8px;\n        font-size: 24px;\n        line-height: 32px;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .desc {\n        margin-bottom: 24px;\n        color: ",";\n        font-size: 18px;\n        line-height: 24px;\n        text-align: center;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .btn-group {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        justify-content: center;\n\n        button {\n          margin: 0 4px 0.5rem;\n        }\n      }\n    }\n  }\n  .thumbnail-container {\n    width: 80px;\n    height: 80px;\n    margin-bottom: 32px;\n    .thumbnail {\n      width: 100%;\n      height: 100%;\n    }\n    &.is-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #e0e9fc;\n      border-radius: 1rem;\n      .thumbnail {\n        width: 40px;\n        height: 40px;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .popup-frame {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            top: 100%;\n            transform: translate(-50%, -100%);\n            max-width: unset;\n            width: 100%;\n            background: unset;\n            overflow: unset;\n          }\n        }\n      }\n      .popup-content {\n        .close-button {\n          "," {\n            display: none;\n          }\n        }\n        .confirm-dialog {\n          "," {\n            background: unset;\n            position: relative;\n            overflow-x: hidden;\n            &::before {\n              content: '';\n              width: 200%;\n              background: #fff;\n              position: absolute;\n              left: 50%;\n              top: 0;\n              transform: translateX(-50%);\n              z-index: -1;\n              height: 100%;\n              border-top-left-radius: 100%;\n              border-top-right-radius: 100%;\n            }\n          }\n          .confirm-content {\n            padding: 0 40px 40px;\n            "," {\n              padding-left: 1.5rem;\n              padding-right: 1.5rem;\n            }\n            .btn-group {\n              width: 100%;\n              justify-content: space-between;\n              button {\n                flex: 1;\n                margin: 0;\n                &:first-child {\n                  margin-right: 0.5rem;\n                }\n              }\n            }\n          }\n        }\n      }\n      .thumbnail-container {\n        "," {\n          display: none;\n        }\n        &.is-icon {\n          background: #ffeaf1;\n          border-radius: 24px;\n        }\n        &.is-mobile {\n          position: absolute;\n          top: 0;\n          left: 50%;\n          display: none;\n          width: 48px;\n          height: 48px;\n          transform: translate(-50%, -50%);\n          &.is-icon {\n            border-radius: 1rem;\n            .thumbnail {\n              width: 24px;\n              height: 24px;\n            }\n          }\n          "," {\n            display: flex;\n          }\n        }\n      }\n    }\n  }\n"],["\n  [data-type='confirm'] {\n    width: min(360px, 100%);\n    height: auto;\n    &[data-open='false'] {\n      top: calc(-100% - 500px);\n    }\n  }\n\n  .header {\n    display: none !important;\n  }\n\n  .confirm-dialog {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n    padding-top: 44px;\n    background: #fff;\n    border-radius: 6px;\n\n    .confirm-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 0 16px 16px;\n      text-align: center;\n\n      .title {\n        margin-bottom: 8px;\n        font-size: 24px;\n        line-height: 32px;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .desc {\n        margin-bottom: 24px;\n        color: ",";\n        font-size: 18px;\n        line-height: 24px;\n        text-align: center;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .btn-group {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        justify-content: center;\n\n        button {\n          margin: 0 4px 0.5rem;\n        }\n      }\n    }\n  }\n  .thumbnail-container {\n    width: 80px;\n    height: 80px;\n    margin-bottom: 32px;\n    .thumbnail {\n      width: 100%;\n      height: 100%;\n    }\n    &.is-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #e0e9fc;\n      border-radius: 1rem;\n      .thumbnail {\n        width: 40px;\n        height: 40px;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .popup-frame {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            top: 100%;\n            transform: translate(-50%, -100%);\n            max-width: unset;\n            width: 100%;\n            background: unset;\n            overflow: unset;\n          }\n        }\n      }\n      .popup-content {\n        .close-button {\n          "," {\n            display: none;\n          }\n        }\n        .confirm-dialog {\n          "," {\n            background: unset;\n            position: relative;\n            overflow-x: hidden;\n            &::before {\n              content: '';\n              width: 200%;\n              background: #fff;\n              position: absolute;\n              left: 50%;\n              top: 0;\n              transform: translateX(-50%);\n              z-index: -1;\n              height: 100%;\n              border-top-left-radius: 100%;\n              border-top-right-radius: 100%;\n            }\n          }\n          .confirm-content {\n            padding: 0 40px 40px;\n            "," {\n              padding-left: 1.5rem;\n              padding-right: 1.5rem;\n            }\n            .btn-group {\n              width: 100%;\n              justify-content: space-between;\n              button {\n                flex: 1;\n                margin: 0;\n                &:first-child {\n                  margin-right: 0.5rem;\n                }\n              }\n            }\n          }\n        }\n      }\n      .thumbnail-container {\n        "," {\n          display: none;\n        }\n        &.is-icon {\n          background: #ffeaf1;\n          border-radius: 24px;\n        }\n        &.is-mobile {\n          position: absolute;\n          top: 0;\n          left: 50%;\n          display: none;\n          width: 48px;\n          height: 48px;\n          transform: translate(-50%, -50%);\n          &.is-icon {\n            border-radius: 1rem;\n            .thumbnail {\n              width: 24px;\n              height: 24px;\n            }\n          }\n          "," {\n            display: flex;\n          }\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),t.mbDown,t.mbDown,t.mbDown,t.mbDown,t.mbDown,t.mbDown);export{o as StyledPopupDanger};

package/build/esm/together/components/molecules/popupDoctor/index.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../../externals/tslib/tslib.es6.js';import t,{useState as a,useEffect as n}from"react";import{Button as o}from"../../../../components/atoms/button/index.js";import{Text as r}from"../../../../components/atoms/text/index.js";import{useTranslations as l}from"../../../../hooks/useTranslations.js";import{theme as i}from"../../../../misc/theme.js";import{ImageWithHandler as s}from"../../../../components/atoms/imageWithHandler/index.js";import{CommonGAssets as c}from"../../../../misc/gAssets/index.js";import{CARE_PATHS as m}from"../../../api/paths.js";import{callApi as d,getCarePath as p,domainLocales as u,getCareHospitalUrl as v,getCareDoctorUrl as g,getCurrentBaseUrl as f}from"../../../api/utils.js";import E from"../../../assets/svg/closeLight.svg.js";import b from"../../../assets/svg/reviewer-medical.svg.js";import{Loading as y}from"../../atoms/loading/index.js";import{StyledPopup as N,StyledProfileImage as h,StyledTitleContainer as j,StyledExperienceList as k,StyledPopupWrapper as x}from"./index.styled.js";var z=function(z){var A,C,w,F=z.isOpen,P=void 0===F||F,_=z.onClose,O=z.enableAnimation,S=void 0===O||O,T=z.doctorId,B=z.locale,D=z.isMobile,I=z.overwriteProfileProps,G=z.avatarFallback,H=void 0===G?c.getAssetPath("avatar.jpg"):G,J=z.trackingCategory,L=void 0===J?"Together":J,M=l().t,R=a(null),U=R[0],W=R[1],q=a(!1),K=q[0],Q=q[1];n((function(){if(P&&T&&String(null==U?void 0:U.id)!==String(T)){Q(!0);try{W(null),d(p(m.GET_DOCTOR_INFO,{doctorId:T,website_url:u[B]}),"get").then((function(t){W(e(e({},null==t?void 0:t._data.doctor),I))}))}catch(e){console.error(e)}Q(!1)}}),[P,T,null==U?void 0:U.id]);var V=(null==U?void 0:U.experiences)||[],X=((null==U?void 0:U.specialties)||[]).map((function(e){return(null==e?void 0:e.name)||e})).join(" • "),Y=V.map((function(e){try{return JSON.parse(e.description)}catch(t){return e.description}})).filter((function(e){return e.content}));return t.createElement(t.Fragment,null,t.createElement(N,{"data-open":P,"data-animation":S,onClick:function(e){return e.stopPropagation()}},K||!U?t.createElement(y,null):t.createElement("div",{className:"popup-content"},t.createElement("div",{className:"close-button",onClick:_},t.createElement("img",{src:E,style:{width:20,height:20},alt:"close-icon"})),t.createElement("div",{className:"main-info"},t.createElement("div",{className:"border-banner"}),t.createElement("div",{className:"avatar-title"},t.createElement(h,null,t.createElement("div",{className:"image-container"},t.createElement("div",{style:{position:"relative"}},t.createElement(s,{src:null==U?void 0:U.avatar,fallbackSrc:H,className:"profile-image",alt:"avatar"}),t.createElement("img",{className:"badge-avatar",src:b,alt:"badge"})))),t.createElement(j,null,t.createElement(r,{size:"s3",type:"semiBold",className:"full-name"},null==U?void 0:U.name),t.createElement("div",{className:"specialty"},X&&t.createElement(t.Fragment,null,t.createElement(r,{size:"p4",color:i.colors.gray800},X," • ")),t.createElement("a",{href:v({id:null===(A=null==U?void 0:U.organization)||void 0===A?void 0:A.id,name:null===(C=null==U?void 0:U.organization)||void 0===C?void 0:C.name,slug:null===(w=null==U?void 0:U.organization)||void 0===w?void 0:w.slug,locale:B}),className:"organisation",target:"_blank",rel:"noreferrer"},t.createElement(r,{size:"p4",className:"organisation",color:i.colors.gray800,style:{textDecoration:"underline"}},null==U?void 0:U.organization.name))))),!D&&t.createElement("div",{className:"btn-wrapper"},t.createElement("a",{href:g({name:U.name,id:U.id,locale:B})},t.createElement(o,{color:"primary",size:"md",className:"btn-booking"},M("careBooking.bookAnAppointment"))))),Y&&t.createElement(j,null,t.createElement("div",{className:"experience"},t.createElement(r,{type:"bold",size:"s3",color:i.colors.gray800,style:{paddingBottom:16}},M("expert.content.description").toUpperCase()),t.createElement(k,null,Y.map((function(e,a){return t.createElement("li",{key:a},t.createElement(r,{size:"p2"},function(e){return(null==e?void 0:e.year)?"".concat(e.year," ").concat(null==e?void 0:e.content):(null==e?void 0:e.content)?e.content:"string"==typeof e?e:""}(e)))}))),D?t.createElement("div",{className:"btn-wrapper"},t.createElement("a",{href:g({name:U.name,id:U.id,locale:B})},t.createElement(o,{color:"primary",size:"md",className:"btn-booking"},M("careBooking.bookAnAppointment")))):t.createElement("a",{href:g({name:U.name,id:U.id,locale:B})},t.createElement(r,{size:"s4",color:"#2D87F3",style:{paddingTop:24},"data-event-category":L,"data-event-action":"See Full Doctor Profile","data-event-label":f(B)+g({name:U.name,id:U.id,locale:B})},M("home.seeExpert"))))))),t.createElement(x,{"data-open":P,onClick:function(e){e.stopPropagation(),_()}}))};export{z as PopupDoctor};

package/build/esm/together/components/molecules/popupDoctor/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import{MediaQueries as t}from"../../../../misc/utils.js";import i from"styled-components";var e=i.div(r||(r=n(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),t.tdUp,t.mbDown,(function(n){return n.theme.colors.blue50})),o=i.div(l||(l=n(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),a=i.div(d||(d=n(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),p=i.div(s||(s=n(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));i.span(x||(x=n(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),i.div(c||(c=n(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),i.div(g||(g=n(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));var r,l,d,s,x,c,g,h,u=i.ul(h||(h=n(["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"],["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"])));export{u as StyledExperienceList,e as StyledPopup,o as StyledPopupWrapper,a as StyledProfileImage,p as StyledTitleContainer};

package/build/esm/together/components/molecules/popupExpert/index.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../../externals/tslib/tslib.es6.js';import t,{useState as a,useEffect as r}from"react";import{Heading as o}from"../../../../components/atoms/heading/index.js";import{Text as l}from"../../../../components/atoms/text/index.js";import{useTranslations as i}from"../../../../hooks/useTranslations.js";import{theme as n}from"../../../../misc/theme.js";import{ImageWithHandler as s}from"../../../../components/atoms/imageWithHandler/index.js";import{CommonGAssets as m}from"../../../../misc/gAssets/index.js";import{DISCOVER_PATHS as c}from"../../../api/paths.js";import{callApi as d,getDiscoverApiPath as p,getCurrentBaseUrl as v}from"../../../api/utils.js";import g from"../../../assets/svg/bullet-point.svg.js";import u from"../../../assets/svg/closeLight.svg.js";import f from"../../../assets/svg/reviewer-author.svg.js";import E from"../../../assets/svg/reviewer-editor.svg.js";import h from"../../../assets/svg/reviewer-expert.svg.js";import y from"../../../assets/svg/reviewer-fact-check.svg.js";import j from"../../../assets/svg/reviewer-medical.svg.js";import{Loading as x}from"../../atoms/loading/index.js";import{StyledPopup as b,StyledProfileImage as N,StyledTitleContainer as k,StyledItem as _,StyledPopupWrapper as z}from"./index.styled.js";var w={author:f,edtior:E,expert:h,"fact-check":y,medical:j},P=function(f){var E=f.trackingCategory,h=void 0===E?"Together":E,y=f.locale,j=f.isOpen,P=void 0===j||j,C=f.onClose,T=f.enableAnimation,D=void 0===T||T,F=f.expertId,S=f.overwriteProfileProps,A=f.avatarFallback,B=void 0===A?m.getAssetPath("avatar.jpg"):A,I=i().t,G=a(null),H=G[0],L=G[1],O=a(!1),R=O[0],U=O[1];return r((function(){if(P&&F&&String(null==H?void 0:H.user_id)!==String(F)){U(!0);try{L(null),d(p(c.GET_EXPERT_BY_ID,{id:F}),"get").then((function(t){L(e(e({},null==t?void 0:t.data),S))}))}catch(e){console.error(e)}U(!1)}}),[P,F,null==H?void 0:H.user_id]),t.createElement(t.Fragment,null,t.createElement(b,{"data-open":P,"data-animation":D,onClick:function(e){return e.stopPropagation()}},R||!H?t.createElement(x,null):t.createElement("div",{className:"popup-content"},t.createElement("div",{className:"close-button",onClick:C},t.createElement("img",{src:u,style:{width:20,height:20},alt:"close-icon"})),t.createElement("div",{className:"main-info"},t.createElement("div",{className:"border-banner"}),t.createElement("div",{className:"avatar-title"},t.createElement(N,null,t.createElement("div",{className:"image-container"},t.createElement("div",{style:{position:"relative"}},t.createElement(s,{src:null==H?void 0:H.avatar,className:"profile-image",alt:"avatar",fallbackSrc:B}),t.createElement("img",{className:"badge-avatar",src:w[null==H?void 0:H.role],alt:"badge"})))),t.createElement(k,null,t.createElement(l,{size:"s3",className:"full-name",type:"semiBold"},null==H?void 0:H.display_name),t.createElement("div",null,t.createElement(l,{size:"p4",color:n.colors.gray800},null==H?void 0:H.specialty," • "),t.createElement("a",{href:null==H?void 0:H.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},t.createElement(l,{size:"p4",className:"organisation",color:n.colors.gray800,style:{textDecoration:"underline"}},null==H?void 0:H.organisation)))))),t.createElement(k,null,t.createElement("div",{className:"experience"},t.createElement(l,{type:"bold",size:"p4",color:n.colors.gray800,style:{paddingBottom:16}},I("expert.content.description").toUpperCase()),t.createElement("div",{className:"list-items"},!!(null==H?void 0:H.experiences)&&H.experiences.filter((function(e){return!(!e||!e.title&&!e.organization)})).slice(0,3).map((function(e,a){return t.createElement(_,{key:a},t.createElement("img",{className:"bullet-point",src:g,alt:"point"}),t.createElement("div",{className:"text-contain"},t.createElement(o,{tag:"h6",color:n.colors.gray800},null==e?void 0:e.title),t.createElement(l,{size:"p2",color:n.colors.gray500},null==e?void 0:e.organization)))}))),t.createElement("a",{href:null==H?void 0:H.profile_url,style:{display:"inline-block",paddingTop:24}},t.createElement(l,{as:"span",size:"s4",color:"#2D87F3","data-event-category":h,"data-event-action":"See Full Doctor Profile","data-event-label":v(y)+(null==H?void 0:H.profile_url)},I("home.seeExpert"))))))),t.createElement(z,{"data-open":P,onClick:function(e){e.stopPropagation(),C()}}))};export{P as PopupExpert};

package/build/esm/together/components/molecules/popupExpert/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import{MediaQueries as t}from"../../../../misc/utils.js";import i from"styled-components";var e=i.div(r||(r=n(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),t.tdUp,t.mbDown,(function(n){return n.theme.colors.blue50})),o=i.div(d||(d=n(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),a=i.div(l||(l=n(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),p=i.div(s||(s=n(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));i.span(x||(x=n(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),i.div(c||(c=n(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400}));var r,d,l,s,x,c,g,h=i.div(g||(g=n(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));export{h as StyledItem,e as StyledPopup,o as StyledPopupWrapper,a as StyledProfileImage,p as StyledTitleContainer};

package/build/esm/together/components/molecules/popupFrame/index.js

@@ -0,0 +1 @@
+import e,{useState as n}from"react";import{Heading as o}from"../../../../components/atoms/heading/index.js";import{Popup as t}from"../../../../components/molecules/popup/index.js";import s from"../../../../components/atoms/icons/FullScreen.js";import r from"../../../assets/svg/icon-close.svg.js";import{StyledPopupFrame as c,StyledFSBtn as i}from"./index.styled.js";var l=function(l){var m=l.className,a=l.style,p=l.closeIcon,d=l.heading,u=void 0===d?"":d,f=l.children,v=l.isOpen,E=void 0!==v&&v,h=l.hasFullscreen,g=void 0!==h&&h,x=l.onClose,j=void 0===x?function(){return null}:x,y=n(!1),N=y[0],C=y[1];return e.createElement(c,{className:m,style:a,isExpand:N,hasFullscreen:g},e.createElement(t,{type:"confirm",onClose:j,isOpen:E,closeIcon:p||e.createElement("img",{src:r}),enableAnimation:!g},e.createElement("div",{className:"header"},e.createElement(o,{tag:"h5"},u),g&&e.createElement(i,{onClick:function(){return C(!N)}},e.createElement(s,{size:14,isExpand:N}))),e.createElement("div",{className:"content"},"function"==typeof f?f(N):f)))};export{l as PopupFrame};

package/build/esm/together/components/molecules/popupFrame/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import t,{css as e}from"styled-components";var i,d,o,p,a=t.div(o||(o=n(["\n  [data-type='confirm'] {\n    max-width: 468px;\n    height: 486px;\n    padding: 0;\n\n    .popup-content {\n      display: flex;\n      flex-direction: column;\n      padding: 0;\n\n      .close-button {\n        top: 16px;\n        right: 16px;\n        width: 24px;\n        height: 24px;\n        z-index: 5;\n      }\n\n      .header {\n        display: flex;\n        height: 56px;\n        align-items: center;\n        padding: 16px 56px 16px 32px;\n        border-bottom: 1px solid ",";\n        font-weight: 900;\n        width: 100%;\n        justify-content: space-between;\n      }\n\n      .content {\n        overflow: auto;\n        flex: 1;\n        .topic-list-wrapper {\n          padding: 1rem;\n        }\n      }\n    }\n  }\n\n  > div&[data-open='true'] {\n    z-index: 250;\n    &:last-child {\n      z-index: 200;\n    }\n  }\n\n  ","\n\n  ","\n"],["\n  [data-type='confirm'] {\n    max-width: 468px;\n    height: 486px;\n    padding: 0;\n\n    .popup-content {\n      display: flex;\n      flex-direction: column;\n      padding: 0;\n\n      .close-button {\n        top: 16px;\n        right: 16px;\n        width: 24px;\n        height: 24px;\n        z-index: 5;\n      }\n\n      .header {\n        display: flex;\n        height: 56px;\n        align-items: center;\n        padding: 16px 56px 16px 32px;\n        border-bottom: 1px solid ",";\n        font-weight: 900;\n        width: 100%;\n        justify-content: space-between;\n      }\n\n      .content {\n        overflow: auto;\n        flex: 1;\n        .topic-list-wrapper {\n          padding: 1rem;\n        }\n      }\n    }\n  }\n\n  > div&[data-open='true'] {\n    z-index: 250;\n    &:last-child {\n      z-index: 200;\n    }\n  }\n\n  ","\n\n  ","\n"])),(function(n){return n.theme.colors.neutral100}),(function(t){return t.isExpand&&e(i||(i=n(["\n      & > div[data-open] {\n        width: 100%;\n        height: 100%;\n        max-width: none;\n        max-height: none;\n      }\n    "],["\n      & > div[data-open] {\n        width: 100%;\n        height: 100%;\n        max-width: none;\n        max-height: none;\n      }\n    "])))}),(function(t){return t.hasFullscreen&&e(d||(d=n(["\n      & > div[data-open] {\n        transition: all 0.5s ease-in-out, width 0s, height 0s;\n      }\n    "],["\n      & > div[data-open] {\n        transition: all 0.5s ease-in-out, width 0s, height 0s;\n      }\n    "])))})),r=t.div(p||(p=n(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n"])));export{r as StyledFSBtn,a as StyledPopupFrame};

package/build/esm/together/components/molecules/popupFrame/popupShare.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import e,{useContext as t,useState as r,useEffect as o}from"react";import{Portal as a}from"@mantine/core";import{Heading as i}from"../../../../components/atoms/heading/index.js";import{Text as s}from"../../../../components/atoms/text/index.js";import{useTranslations as m}from"../../../../hooks/useTranslations.js";import{MediaQueries as d,toggleNoScroll as p}from"../../../../misc/utils.js";import l from"styled-components";import{TogetherComponentGlobalContext as h}from"../../../togetherComponentGlobalContext.js";import{PopupFrame as c}from"./index.js";import{ShareBox as b}from"../shareBox/index.js";var u,g=function(n){var d=n.trackingCategory,l=n.className,u=n.style,g=n.url,x=n.avatar,w=n.text,y=n.onClose,_=t(h).data.env.isMarryBaby,v=m().t,k=r(!1),j=k[0],E=k[1];return o((function(){return p(!0),setTimeout((function(){return E(!0)}),0),function(){return p(!1)}}),[]),e.createElement(a,null,e.createElement(f,{"data-is-marrybaby":_,className:l,style:u},e.createElement(c,{className:"share-popup",isOpen:j,onClose:y,heading:v("bottomBar.share")},_?e.createElement(s,{className:"share-mb-text",size:"sm"},v("article.shareOn")):e.createElement("div",{className:"custom-share__header"},x&&e.createElement("div",{className:"custom-share__header-image"},e.createElement("img",{src:x})),e.createElement("div",{className:"custom-share__header-info"},e.createElement(i,{tag:"h4"},w),e.createElement(s,{className:"desc",size:"md"},g))),j&&e.createElement(b,{trackingCategory:d,shareUrl:g||("undefined"!=typeof window?window.location.href:""),title:w}))))},f=l.div(u||(u=n(["\n  .share-popup {\n    > div:first-child {\n      height: unset;\n    }\n    .close-button {\n      display: none;\n    }\n    .popup-content .header {\n      display: none;\n    }\n  }\n  .custom-share__header {\n    display: flex;\n    flex-wrap: no-wrap;\n    align-items: center;\n    padding: 1rem;\n    border-bottom: 1px solid\n      ",";\n    margin-bottom: 16px;\n\n    .custom-share__header-image {\n      width: 38px;\n      height: 38px;\n      flex-shrink: 0;\n      & > img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n      }\n    }\n\n    .custom-share__header-info {\n      flex: 1;\n      padding: 0 8px;\n      word-break: break-word;\n\n      [data-tag='h4'] {\n        margin-bottom: 8px;\n        font-size: 14px;\n        font-weight: bold;\n        line-height: 14px;\n      }\n\n      [data-size='md'] {\n        color: #a5a5a5;\n        font-size: 14px;\n        line-height: 14px;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .share-popup {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            max-width: unset;\n            width: 100%;\n            top: 100%;\n            transform: translate(-50%, -100%);\n            border-bottom-left-radius: 0;\n            border-bottom-right-radius: 0;\n          }\n        }\n      }\n      .close-button {\n        display: block;\n      }\n      .popup-content {\n        .header {\n          display: block;\n          padding: 1rem;\n          background-color: rgb(243, 243, 243);\n        }\n        .content {\n          padding-bottom: 1rem;\n        }\n      }\n      .share-mb-text {\n        margin: 1rem 1rem 0.5rem;\n      }\n    }\n  }\n"],["\n  .share-popup {\n    > div:first-child {\n      height: unset;\n    }\n    .close-button {\n      display: none;\n    }\n    .popup-content .header {\n      display: none;\n    }\n  }\n  .custom-share__header {\n    display: flex;\n    flex-wrap: no-wrap;\n    align-items: center;\n    padding: 1rem;\n    border-bottom: 1px solid\n      ",";\n    margin-bottom: 16px;\n\n    .custom-share__header-image {\n      width: 38px;\n      height: 38px;\n      flex-shrink: 0;\n      & > img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n      }\n    }\n\n    .custom-share__header-info {\n      flex: 1;\n      padding: 0 8px;\n      word-break: break-word;\n\n      [data-tag='h4'] {\n        margin-bottom: 8px;\n        font-size: 14px;\n        font-weight: bold;\n        line-height: 14px;\n      }\n\n      [data-size='md'] {\n        color: #a5a5a5;\n        font-size: 14px;\n        line-height: 14px;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .share-popup {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          "," {\n            max-width: unset;\n            width: 100%;\n            top: 100%;\n            transform: translate(-50%, -100%);\n            border-bottom-left-radius: 0;\n            border-bottom-right-radius: 0;\n          }\n        }\n      }\n      .close-button {\n        display: block;\n      }\n      .popup-content {\n        .header {\n          display: block;\n          padding: 1rem;\n          background-color: rgb(243, 243, 243);\n        }\n        .content {\n          padding-bottom: 1rem;\n        }\n      }\n      .share-mb-text {\n        margin: 1rem 1rem 0.5rem;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),d.mbDown);export{g as SharePopup,f as StyledSharePopup};

package/build/esm/together/components/molecules/popupHospital/index.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../../externals/tslib/tslib.es6.js';import t,{useState as a,useEffect as o,useMemo as l}from"react";import{Button as n}from"../../../../components/atoms/button/index.js";import{Text as r}from"../../../../components/atoms/text/index.js";import{useTranslations as i}from"../../../../hooks/useTranslations.js";import{theme as s}from"../../../../misc/theme.js";import{ImageWithHandler as m}from"../../../../components/atoms/imageWithHandler/index.js";import{CommonGAssets as c}from"../../../../misc/gAssets/index.js";import{CARE_PATHS as d}from"../../../api/paths.js";import{callApi as p,getCarePath as g,domainLocales as u,getCareHospitalUrl as v,getCurrentBaseUrl as E}from"../../../api/utils.js";import f from"../../../assets/svg/closeLight.svg.js";import b from"../../../assets/svg/reviewer-medical.svg.js";import{Loading as h}from"../../atoms/loading/index.js";import{StyledPopup as N,StyledProfileImage as y,StyledTitleContainer as j,StyledPopupWrapper as k}from"./index.styled.js";var x=function(x){var z=x.isOpen,A=void 0===z||z,_=x.onClose,P=x.enableAnimation,w=void 0===P||P,C=x.hospitalId,F=x.locale,S=x.isMobile,B=x.overwriteProfileProps,H=x.avatarFallback,T=void 0===H?c.getAssetPath("avatar.jpg"):H,I=x.trackingCategory,O=void 0===I?"Together":I,D=i().t,L=a(null),G=L[0],M=L[1],U=a(!1),W=U[0],q=U[1];o((function(){if(A&&C&&String(null==G?void 0:G.id)!==String(C)){q(!0);try{M(null),p(g(d.GET_HOSPITAL_INFO,{hospital_branch_id:C,website_url:u[F]}),"get").then((function(t){M(e(e({},null==t?void 0:t._data.branch),B))}))}catch(e){console.error(e)}q(!1)}}),[A,C,null==G?void 0:G.id]);var J=(null==G?void 0:G.specialties)||[],K=l((function(){return J.map((function(e){return e.name}))}),[J]);return t.createElement(t.Fragment,null,t.createElement(N,{"data-open":A,"data-animation":w,onClick:function(e){return e.stopPropagation()}},W||!G?t.createElement(h,null):t.createElement("div",{className:"popup-content"},t.createElement("div",{className:"close-button",onClick:_},t.createElement("img",{src:f,style:{width:20,height:20},alt:"close-icon"})),t.createElement("div",{className:"main-info"},t.createElement("div",{className:"border-banner"}),t.createElement("div",{className:"avatar-title"},t.createElement(y,null,t.createElement("div",{className:"image-container"},t.createElement("div",{style:{position:"relative"}},t.createElement(m,{src:null==G?void 0:G.logo,className:"profile-image",alt:"avatar",fallbackSrc:T}),t.createElement("img",{className:"badge-avatar",src:b,alt:"badge"})))),t.createElement(j,null,t.createElement(r,{size:"s3",type:"semiBold",className:"full-name"},null==G?void 0:G.name),t.createElement("div",{className:"specialty"},J&&t.createElement(r,{size:"p4",color:s.colors.gray800},K.join(" • "),"•"),t.createElement("a",{href:v({id:G.id,name:G.name,slug:G.slug,locale:F}),className:"organisation",target:"_blank",rel:"noreferrer"},t.createElement(r,{size:"p4",className:"organisation",color:s.colors.gray800,style:{textDecoration:"underline"}},null==G?void 0:G.name))))),!S&&t.createElement("a",{href:v({id:G.id,name:G.name,slug:G.slug,locale:F})},t.createElement("div",{className:"btn-wrapper"},t.createElement(n,{color:"primary",size:"md",className:"btn-booking"},D("careBooking.bookAnAppointment"))))),t.createElement(j,null,t.createElement("div",{className:"experience"},t.createElement(r,{type:"bold",size:"s3",color:s.colors.gray800,style:{paddingBottom:16}},D("hospital.content.description").toUpperCase()),t.createElement(r,{size:"p2",color:s.colors.gray500},G.about),S?t.createElement("a",{href:v({id:G.id,name:G.name,slug:G.slug,locale:F})},t.createElement("div",{className:"btn-wrapper"},t.createElement(n,{color:"primary",size:"md",className:"btn-booking"},D("careBooking.bookAnAppointment")))):t.createElement("a",{href:v({id:G.id,name:G.name,slug:G.slug,locale:F})},t.createElement(r,{size:"s4",color:"#2D87F3",as:"span","data-event-category":O,"data-event-action":"See Full Hospital Profile","data-event-label":E(F)+v({id:G.id,name:G.name,slug:G.slug,locale:F})},D("home.seeHospital"))))))),t.createElement(k,{"data-open":A,onClick:function(e){e.stopPropagation(),_()}}))};export{x as PopupHospital};

package/build/esm/together/components/molecules/popupHospital/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import{MediaQueries as t}from"../../../../misc/utils.js";import i from"styled-components";var e,o,a,p,r,d,l,s=i.div(e||(e=n(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),t.tdUp,t.mbDown,(function(n){return n.theme.colors.blue50})),x=i.div(o||(o=n(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),c=i.div(a||(a=n(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),g=i.div(p||(p=n(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"])));i.span(r||(r=n(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),i.div(d||(d=n(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),i.div(l||(l=n(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));export{s as StyledPopup,x as StyledPopupWrapper,c as StyledProfileImage,g as StyledTitleContainer};

package/build/esm/together/components/molecules/postContent/index.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from'./../../../../externals/tslib/tslib.es6.js';import n,{useState as o,useContext as r,useMemo as a}from"react";import{useTranslations as s}from"../../../../hooks/useTranslations.js";import{TogetherComponentGlobalContext as l}from"../../../togetherComponentGlobalContext.js";import{StyledPostContent as i}from"./index.styled.js";import{useTogetherAuthRequiredAction as c}from"../../../hooks/useTogetherAuthRequiredAction.js";import{decodeMention as m,decodePostUrl as p}from"../../../utils/post.js";import{PopupExpert as u}from"../popupExpert/index.js";var d=function(d){var h=d.trackingCategory,g=d.url,f=d.className,v=d.style,C=d.replyingTo,y=d.mentionedUser,S=d.description,x=d.disableShortenContent,E=d.mentions,k=void 0===E?[]:E,j=d.maxChars,M=void 0===j?1e3:j,N=d.hideShowAllBtn,b=e(d,["trackingCategory","url","className","style","replyingTo","mentionedUser","description","disableShortenContent","mentions","maxChars","hideShowAllBtn"]),A=o(!1),w=A[0],T=A[1],I=s().t,_=c().authActionWrapper,z=o(!1),B=z[0],F=z[1],P=m(p(S||"","display"),k),U=r(l).action.sanitizeFunction,W=a((function(){var e=U(P||"");if(x||w)return{showContent:e,hasSeeMore:!1};var t=e.slice(0,M),n=M-27*((t.match(/<\/div>/g)||[]).length-1),o=(t||"").slice(0,n<40?40:n),r=U(o.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),a=r.length<e.length-10;return{showContent:a?r:e,hasSeeMore:a}}),[x,w,P]),q=(null==y?void 0:y.name)||C,D="expert"===(null==y?void 0:y.role)&&!!(null==y?void 0:y.partnerId);return n.createElement(n.Fragment,null,D&&n.createElement(u,{isOpen:B,onClose:function(){return F(!1)},expertId:String(null==y?void 0:y.partnerId)}),n.createElement(i,t({className:"".concat(f," no-replace-click"),style:v},b),q&&n.createElement("span",{onClick:function(){return D&&F(!0)},className:"post-content-replying"},"@",q),(null==S?void 0:S.startsWith("[mention+id="))&&n.createElement("span",{className:"post-content-replying tag-only"},"@"),n.createElement("span",{dangerouslySetInnerHTML:{__html:W.showContent},className:"post-content ".concat(W.hasSeeMore?"has-see-more":"")}),W.hasSeeMore&&!w&&n.createElement("span",null,"... ",!N&&n.createElement("span",t({onClick:function(e){e.preventDefault(),e.stopPropagation(),_((function(){return T(!0)}))},className:"see-more-text"},h?{"data-event-category":h,"data-event-action":"See More Post Click","data-event-label":g}:{}),I("post.seeMore")))))};export{d as PostContent};

package/build/esm/together/components/molecules/postContent/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import i from"styled-components";var e,t=i.div(e||(e=n(["\n  padding: 0.5rem 1rem 1rem;\n  line-height: 1.5;\n  word-break: break-word;\n  .post-content-replying {\n    margin-right: 5px;\n    color: ",";\n    cursor: pointer;\n    display: inline-block;\n    &.tag-only {\n      margin-right: 0;\n    }\n  }\n  .post-content {\n    display: inline;\n    white-space: pre-wrap;\n    /* > *:first-child, */\n    > mention:first-child ~ * {\n      &:not(ul),\n      &:not(ol) {\n        display: inline-block;\n      }\n    }\n    > mention:first-child {\n      margin-right: 5px;\n    }\n    &.has-see-more {\n      *:last-child {\n        &:not(ul),\n        &:not(ol) {\n          display: inline;\n        }\n      }\n    }\n    img {\n      width: 100%;\n      height: unset;\n    }\n    ul,\n    ol {\n      list-style-position: inside;\n      padding-left: 1rem;\n      display: block;\n    }\n    ol {\n      list-style-type: decimal;\n    }\n    ul {\n      list-style-type: disc;\n    }\n    mention {\n      color: #1890ff;\n      padding-right: 4px;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n  .see-more-text {\n    color: #1890ff;\n    cursor: pointer;\n  }\n"],["\n  padding: 0.5rem 1rem 1rem;\n  line-height: 1.5;\n  word-break: break-word;\n  .post-content-replying {\n    margin-right: 5px;\n    color: ",";\n    cursor: pointer;\n    display: inline-block;\n    &.tag-only {\n      margin-right: 0;\n    }\n  }\n  .post-content {\n    display: inline;\n    white-space: pre-wrap;\n    /* > *:first-child, */\n    > mention:first-child ~ * {\n      &:not(ul),\n      &:not(ol) {\n        display: inline-block;\n      }\n    }\n    > mention:first-child {\n      margin-right: 5px;\n    }\n    &.has-see-more {\n      *:last-child {\n        &:not(ul),\n        &:not(ol) {\n          display: inline;\n        }\n      }\n    }\n    img {\n      width: 100%;\n      height: unset;\n    }\n    ul,\n    ol {\n      list-style-position: inside;\n      padding-left: 1rem;\n      display: block;\n    }\n    ol {\n      list-style-type: decimal;\n    }\n    ul {\n      list-style-type: disc;\n    }\n    mention {\n      color: #1890ff;\n      padding-right: 4px;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n  .see-more-text {\n    color: #1890ff;\n    cursor: pointer;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}));export{t as StyledPostContent};

package/build/esm/together/components/molecules/postImagePreview/imagePreviewPopup.js

@@ -0,0 +1 @@
+import e,{useState as t,useEffect as o}from"react";import{Portal as n}from"@mantine/core";import{Text as r}from"../../../../components/atoms/text/index.js";import{useTranslations as a}from"../../../../hooks/useTranslations.js";import s from"../../../assets/svg/icon-arrow-left.svg.js";import{StyledImagePreviewPopup as m}from"./index.styled.js";var i=function(i){var l=i.className,c=i.style,p=i.authorName,f=i.images,u=i.onClose,g=i.onOpenSingleView,v=a().t,d=t(!1),E=d[0],N=d[1];return o((function(){setTimeout((function(){N(!0)}),0)}),[]),e.createElement(n,null,e.createElement(m,{className:l,style:c,"data-open":E},e.createElement("div",{className:"top-bar"},e.createElement("img",{className:"icon-arrow-left",src:s,onClick:u,alt:"go back"}),e.createElement(r,{size:"p2",type:"bold",style:{textAlign:"center"}},v("previewPhotos.title",{name:p}))),e.createElement("div",{className:"container"},f.map((function(t,o){return e.createElement("img",{className:"img-preview",key:o,src:t,onClick:function(){return null==g?void 0:g(o)},alt:"post img"})})))),",")};export{i as ImagePreviewPopup};

package/build/esm/together/components/molecules/postImagePreview/index.js

@@ -0,0 +1 @@
+import e,{useContext as t,useState as n,useEffect as i,useRef as r}from"react";import{Heading as a}from"../../../../components/atoms/heading/index.js";import{lazyLoadInstance as o}from"../../../../misc/lazyLoad.js";import{toggleNoScroll as m}from"../../../../misc/utils.js";import{useTranslations as s}from"../../../../hooks/useTranslations.js";import{TogetherComponentGlobalContext as l}from"../../../togetherComponentGlobalContext.js";import{SensitiveMask as c}from"../../atoms/sensitiveMask/index.js";import{ImagePreviewPopup as u}from"./imagePreviewPopup.js";import{StyledNotificationBar as p,StyledPostImagePreview as d}from"./index.styled.js";import{PostSingleImageViewPopup as g}from"./postSingleImageViewPopup/index.js";var v=function(v){var f=v.className,h=v.images,w=void 0===h?[]:h,E=v.style,C=v.authorName,y=v.isSensitive,j=void 0!==y&&y,x=t(l).data.env.isMarryBaby,N=s().t,V="+ ".concat((w.length||0)-4),M=n(!1),b=M[0],k=M[1],z=n(-1),I=z[0],P=z[1];i((function(){setTimeout((function(){return null==o?void 0:o.update()}),100)}),[null==w?void 0:w.slice(0,5).join("|")]);var S=w.length>5,Z=r(!1);return i((function(){return function(){Z.current&&m(!1)}}),[]),i((function(){b||I>=0?(m(!0),Z.current=!0):(m(!1),Z.current=!1)}),[b,I]),e.createElement(e.Fragment,null,j&&e.createElement(p,{message:N("sensitiveMask.contentWarningDescription"),icon:e.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.00002 0.666748C4.40002 0.666748 0.666687 4.40008 0.666687 9.00008C0.666687 13.6001 4.40002 17.3334 9.00002 17.3334C13.6 17.3334 17.3334 13.6001 17.3334 9.00008C17.3334 4.40008 13.6 0.666748 9.00002 0.666748ZM9.00002 9.83341C8.54169 9.83341 8.16669 9.45841 8.16669 9.00008V5.66675C8.16669 5.20842 8.54169 4.83342 9.00002 4.83342C9.45835 4.83342 9.83335 5.20842 9.83335 5.66675V9.00008C9.83335 9.45841 9.45835 9.83341 9.00002 9.83341ZM8.16669 11.5001V13.1667H9.83335V11.5001H8.16669Z",fill:"#FE921D"}))}),e.createElement(d,{className:f,style:E,"data-image-count":S?5:w.length||0,"data-is-marrybaby":x,"data-cursor-pointer":!j},null==w?void 0:w.slice(0,5).map((function(t,n){var i=4===n&&S;return e.createElement("div",{className:"img-wrapper",key:n,onClick:function(){n>=4&&S?k(!0):P(n)}},j&&e.createElement(c,{image:t,showIcon:!i}),!x&&e.createElement("img",{className:"lazy img-preview-blur","data-src":t}),e.createElement("img",{className:"lazy img-preview","data-src":t}),i&&e.createElement("div",{className:"img-more-overlay"},e.createElement(a,{tag:"h1",as:"h2",color:"white"},V)))}))),b&&e.createElement(u,{authorName:C||"",images:w,onClose:function(){return k(!1)},onOpenSingleView:P}),I>=0&&e.createElement(g,{images:w,initialViewIndex:I,onClose:function(){return P(-1)}}))};export{v as PostImagePreview};

package/build/esm/together/components/molecules/postImagePreview/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import t from"styled-components";import{NotificationBar as i}from"../../atoms/notificationBar/index.js";var o,e,r,a=t.div(o||(o=n(["\n  display: grid;\n  grid-gap: 3px;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto;\n\n  .img-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    grid-column: auto;\n\n    & > img {\n      cursor: zoom-in;\n    }\n\n    .img-preview-blur {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 110%;\n      height: 110%;\n      /* Add the blur effect */\n      -webkit-filter: blur(8px);\n      filter: blur(8px);\n      object-fit: cover;\n      object-position: center;\n      opacity: 0.8;\n      transform: translate(-50%, -50%);\n    }\n    .img-preview {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n    }\n    .img-more-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      background: rgba(0, 0, 0, 0.5);\n      z-index: 4;\n    }\n  }\n  &[data-image-count='1'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: 1/3;\n    }\n  }\n  &[data-image-count='2'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='3'] {\n    .img-wrapper {\n      &:first-child {\n        grid-column: 1/3;\n      }\n    }\n  }\n  &[data-image-count='4'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='5'] {\n    grid-template-columns: repeat(6, 1fr);\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: auto/ span 2;\n\n      &:first-child {\n        padding-top: 56.25%;\n        grid-column: 1/4;\n      }\n      &:nth-child(2) {\n        padding-top: 56.25%;\n        grid-column: 4/7;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    grid-gap: 8px;\n    .img-wrapper {\n      padding-top: 66.66%;\n      border-radius: 1rem;\n      .img-preview {\n        object-fit: cover;\n      }\n    }\n    &[data-image-count='3'] {\n      grid-template-columns: 1fr 1fr 1fr;\n      .img-wrapper {\n        &:first-child {\n          padding-top: 100%;\n          grid-column: 1/3;\n          grid-row: 1/3;\n        }\n      }\n    }\n  }\n"],["\n  display: grid;\n  grid-gap: 3px;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto;\n\n  .img-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    grid-column: auto;\n\n    & > img {\n      cursor: zoom-in;\n    }\n\n    .img-preview-blur {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 110%;\n      height: 110%;\n      /* Add the blur effect */\n      -webkit-filter: blur(8px);\n      filter: blur(8px);\n      object-fit: cover;\n      object-position: center;\n      opacity: 0.8;\n      transform: translate(-50%, -50%);\n    }\n    .img-preview {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n    }\n    .img-more-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      background: rgba(0, 0, 0, 0.5);\n      z-index: 4;\n    }\n  }\n  &[data-image-count='1'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: 1/3;\n    }\n  }\n  &[data-image-count='2'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='3'] {\n    .img-wrapper {\n      &:first-child {\n        grid-column: 1/3;\n      }\n    }\n  }\n  &[data-image-count='4'] {\n    .img-wrapper {\n      /* padding-top: 100%; */\n    }\n  }\n  &[data-image-count='5'] {\n    grid-template-columns: repeat(6, 1fr);\n    .img-wrapper {\n      /* padding-top: 100%; */\n      grid-column: auto/ span 2;\n\n      &:first-child {\n        padding-top: 56.25%;\n        grid-column: 1/4;\n      }\n      &:nth-child(2) {\n        padding-top: 56.25%;\n        grid-column: 4/7;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    grid-gap: 8px;\n    .img-wrapper {\n      padding-top: 66.66%;\n      border-radius: 1rem;\n      .img-preview {\n        object-fit: cover;\n      }\n    }\n    &[data-image-count='3'] {\n      grid-template-columns: 1fr 1fr 1fr;\n      .img-wrapper {\n        &:first-child {\n          padding-top: 100%;\n          grid-column: 1/3;\n          grid-row: 1/3;\n        }\n      }\n    }\n  }\n"]))),p=t.div(e||(e=n(["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  overflow: hidden;\n  width: 100vw;\n  height: 100vh;\n  flex-direction: column;\n  background: white;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  .top-bar {\n    position: relative;\n    padding: 20px 40px;\n    .icon-arrow-left {\n      position: absolute;\n      top: 50%;\n      left: 20px;\n      height: 24px;\n      width: 24px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n  .container {\n    flex: 1;\n    overflow-y: auto;\n    .img-preview {\n      width: 100%;\n      min-width: 100%;\n      margin-bottom: 0.5rem;\n      cursor: pointer;\n      max-height: 100%;\n      object-fit: cover;\n    }\n  }\n"],["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  overflow: hidden;\n  width: 100vw;\n  height: 100vh;\n  flex-direction: column;\n  background: white;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  .top-bar {\n    position: relative;\n    padding: 20px 40px;\n    .icon-arrow-left {\n      position: absolute;\n      top: 50%;\n      left: 20px;\n      height: 24px;\n      width: 24px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n  .container {\n    flex: 1;\n    overflow-y: auto;\n    .img-preview {\n      width: 100%;\n      min-width: 100%;\n      margin-bottom: 0.5rem;\n      cursor: pointer;\n      max-height: 100%;\n      object-fit: cover;\n    }\n  }\n"]))),d=t(i)(r||(r=n(["\n  margin-bottom: 16px;\n"],["\n  margin-bottom: 16px;\n"])));export{p as StyledImagePreviewPopup,d as StyledNotificationBar,a as StyledPostImagePreview};

package/build/esm/together/components/molecules/postImagePreview/postSingleImageViewPopup/index.js

@@ -0,0 +1 @@
+import e,{useState as t,useEffect as l}from"react";import{Portal as n}from"@mantine/core";import r from"../../../../assets/svg/icon-chevron-right-white.svg.js";import a from"../../../../assets/svg/icon-close.svg.js";import{StyledImagePreviewContainer as i,StyledImagePreviewTopbar as o,StyledImagePreviewWrapper as c,StyledArrowWrapper as m,StyledCircleArrow as s}from"./index.styled.js";var d=function(d){var g=d.initialViewIndex,u=d.images,E=d.onClose,f=t(g),v=f[0],p=f[1],h=t(!1),w=h[0],b=h[1];l((function(){setTimeout((function(){b(!0)}),0)}),[]);var C=null==u?void 0:u[v],j=0===v,k=!(null==u?void 0:u.length)||v===(null==u?void 0:u.length)-1;return e.createElement(n,null,e.createElement(i,{"data-open":w&&!!C},e.createElement(o,null,e.createElement("img",{src:a,className:"icon-close",onClick:E,alt:"close"})),C&&v>=0&&e.createElement(e.Fragment,null,e.createElement(c,null,e.createElement("img",{className:"img-preview",src:C,alt:"post img open"}),e.createElement(m,{"data-disabled":j,onClick:function(){return!j&&p(v-1)}},e.createElement(s,null,e.createElement("img",{src:r,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":j}))),e.createElement(m,{"data-right":!0,"data-disabled":k,onClick:function(){return!k&&p(v+1)}},e.createElement(s,null,e.createElement("img",{src:r,alt:"right arrow","data-disabled":k})))))))};export{d as PostSingleImageViewPopup};

package/build/esm/together/components/molecules/postImagePreview/postSingleImageViewPopup/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../../externals/tslib/tslib.es6.js';import{MediaQueries as i}from"../../../../../misc/utils.js";import t from"styled-components";var e,d,o,a,r,p=t.div(e||(e=n(["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  background: black;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n"],["\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  background: black;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s linear;\n  &[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n"]))),g=t.div(d||(d=n(["\n  padding: 1rem;\n  background: white;\n  .icon-close {\n    width: 26px;\n    height: 26px;\n    cursor: pointer;\n  }\n"],["\n  padding: 1rem;\n  background: white;\n  .icon-close {\n    width: 26px;\n    height: 26px;\n    cursor: pointer;\n  }\n"]))),s=t.div(o||(o=n(["\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n  > img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n    object-position: center;\n  }\n"],["\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n  > img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n    object-position: center;\n  }\n"]))),l=t.div(a||(a=n(["\n  --inner-padding: max(16px, 20%);\n  height: 100%;\n  position: absolute;\n  left: 0;\n  padding: 8px;\n  padding-right: var(--inner-padding);\n  display: flex;\n  align-items: center;\n  top: 0;\n  cursor: pointer;\n  &[data-right] {\n    padding-right: 8px;\n    padding-left: var(--inner-padding);\n    left: unset;\n    right: 0;\n  }\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n  }\n"],["\n  --inner-padding: max(16px, 20%);\n  height: 100%;\n  position: absolute;\n  left: 0;\n  padding: 8px;\n  padding-right: var(--inner-padding);\n  display: flex;\n  align-items: center;\n  top: 0;\n  cursor: pointer;\n  &[data-right] {\n    padding-right: 8px;\n    padding-left: var(--inner-padding);\n    left: unset;\n    right: 0;\n  }\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n  }\n"]))),c=t.div(r||(r=n(["\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  > img {\n    width: 16px;\n    height: 16px;\n    &[data-disabled='true'] {\n      opacity: 0.5;\n    }\n  }\n  "," {\n    padding: 8px;\n    > img {\n      width: 30px;\n      height: 30px;\n    }\n  }\n"],["\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  > img {\n    width: 16px;\n    height: 16px;\n    &[data-disabled='true'] {\n      opacity: 0.5;\n    }\n  }\n  "," {\n    padding: 8px;\n    > img {\n      width: 30px;\n      height: 30px;\n    }\n  }\n"])),i.tdUp);export{l as StyledArrowWrapper,c as StyledCircleArrow,p as StyledImagePreviewContainer,g as StyledImagePreviewTopbar,s as StyledImagePreviewWrapper};

package/build/esm/together/components/molecules/shareBox/index.js

@@ -0,0 +1 @@
+import e,{useContext as t,useRef as a,useState as r,useEffect as s}from"react";import{Text as o}from"../../../../components/atoms/text/index.js";import{useTranslations as n}from"../../../../hooks/useTranslations.js";import{theme as c}from"../../../../misc/theme.js";import{TogetherComponentGlobalContext as i}from"../../../togetherComponentGlobalContext.js";import m from"../../../assets/images/icon-whatsapp.png.js";import l from"../../../assets/images/icon-zalo.png.js";import p from"../../../assets/marrybaby/svg/copy.svg.js";import h from"../../../assets/marrybaby/svg/facebook.svg.js";import f from"../../../assets/marrybaby/svg/linkedin.svg.js";import u from"../../../assets/marrybaby/svg/messenger.svg.js";import g from"../../../assets/marrybaby/svg/twitter.svg.js";import y from"../../../assets/marrybaby/svg/zalo.png.js";import v from"../../../assets/svg/icon-facebook.svg.js";import d from"../../../assets/svg/icon-linkedin.svg.js";import b from"../../../assets/svg/icon-twitter.svg.js";import{StyledShare as w,StyledItemWrapper as k}from"./index.styled.js";var j=function(j){var _=j.className,E=j.trackingCategory,x=void 0===E?"Together":E,C=j.style,N=j.shareUrl,z=j.title,T=t(i),F=T.action.pushNotifications,L=T.data.env.isMarryBaby,S=n().t,I=a(null),M=r(!1),Z=M[0],A=M[1],B=function(){if(null==I?void 0:I.current){var e=document.createElement("textarea");e.value=I.current.value,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),I.current.focus(),A(!0),F({title:"",message:S("share.linkCopied"),type:"success"})}};s((function(){B(),navigator.share&&navigator.share({title:z||"Read This Post",url:N}).then((function(e){F({title:"",message:S("share.linkShared"),type:"success"})})).catch(console.error)}),[]);var G=function(e,t){return t?[{icon:h,name:"Facebook",href:"https://www.facebook.com/sharer.php?u=".concat(e)},{icon:y,name:"Zalo",href:"https://sp.zalo.me/share?href=".concat(e)},{icon:g,name:"Twitter",href:"https://twitter.com/intent/tweet?url=".concat(e)},{icon:f,name:"LinkedIn",href:"https://www.linkedin.com/sharing/share-offsite/?url=".concat(e)},{icon:u,name:"Messenger",href:"https://www.facebook.com/sharer.php?u=".concat(e)}]:[{icon:v,name:"Facebook",href:"https://www.facebook.com/sharer.php?u=".concat(e)},{icon:l,name:"Zalo",href:"https://sp.zalo.me/share?href=".concat(e)},{icon:b,name:"Twitter",href:"https://twitter.com/intent/tweet?url=".concat(e)},{icon:m,name:"WhatsApp",href:"https://wa.me/?text=".concat(e)},{icon:d,name:"LinkedIn",href:"https://www.linkedin.com/sharing/share-offsite/?url=".concat(e)}]}(N||"",L);return e.createElement(w,{"data-is-marrybaby":L,className:_,style:C},e.createElement("div",{className:"share__social"},G.map((function(t,a){return e.createElement(k,{key:a,"data-event-category":x,"data-event-action":"Social Share - ".concat(t.name),"data-event-label":N,href:t.href,target:"_blank",rel:"noreferrer"},e.createElement("img",{src:t.icon}),e.createElement(o,{className:"__label",size:"label2",type:"regular"},t.name))}))),e.createElement("div",{className:"share__copy-link"},e.createElement(o,{className:"__label",color:c.colors.gray500,size:"p4",type:"regular"},S("orCopyLink")),e.createElement("div",{className:"__input-group"},e.createElement("input",{ref:I,type:"text",value:N,readOnly:!0,onFocus:function(e){return e.target.select()}}),e.createElement("button",{className:"__copy",onClick:function(){return B()}},L?e.createElement("img",{src:p}):S(Z?"copied":"copy")))))};export{j as ShareBox};

package/build/esm/together/components/molecules/shareBox/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import{MediaQueries as e}from"../../../../misc/utils.js";import i from"styled-components";var t,o,r=i.a(t||(t=n(["\n  * {\n    pointer-events: none;\n  }\n"],["\n  * {\n    pointer-events: none;\n  }\n"]))),a=i.div(o||(o=n(["\n  padding: 1rem;\n  .share__social {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n\n    & > "," {\n      margin: 0 7px;\n\n      & > img {\n        width: 32px;\n        height: 32px;\n      }\n      .__label {\n        display: none;\n      }\n    }\n  }\n\n  .share__copy-link {\n    position: relative;\n    padding: 1rem 0.5rem 0;\n\n    margin-top: 16px;\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: calc(100% + 2rem);\n      border-top: 1px solid\n        ",";\n      margin-left: -1rem;\n      content: '';\n    }\n    .__label {\n      margin-bottom: 8px;\n      font-size: 11px;\n      font-weight: 400;\n      line-height: 17px;\n      text-align: left;\n    }\n\n    .__input-group {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 40px;\n      border: 1px solid ",";\n      background: #fff;\n      border-radius: 6px;\n\n      & > input {\n        width: 100%;\n        height: 100%;\n        padding: 0 16px;\n        border: none;\n        background: transparent;\n        color: ",";\n\n        &:focus {\n          outline: none;\n        }\n      }\n\n      .__copy {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 71px;\n        height: 100%;\n        padding-left: 12px;\n        background: linear-gradient(\n          90deg,\n          rgba(255, 255, 255, 0.1) 0%,\n          #fff 17%,\n          #fff 100%\n        );\n        color: ",";\n        cursor: pointer;\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    "," {\n      padding: 0.5rem;\n    }\n    .share__social {\n      justify-content: space-between;\n      & > a {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        "," {\n          margin: 0;\n        }\n        & > img {\n          margin-bottom: 0.8rem;\n        }\n        .__label {\n          display: initial;\n        }\n      }\n    }\n    .share__copy-link {\n      padding: 0;\n      &::before {\n        display: none;\n      }\n      .__label {\n        display: none;\n      }\n      .__input-group {\n        height: unset;\n        background-color: rgb(243, 243, 243);\n        border-radius: 16px;\n        & > input {\n          padding: 1rem;\n        }\n        .__copy {\n          background: linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.1) 0%,\n            #f3f3f3 17%,\n            #f3f3f3 100%\n          );\n        }\n      }\n    }\n  }\n"],["\n  padding: 1rem;\n  .share__social {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n\n    & > "," {\n      margin: 0 7px;\n\n      & > img {\n        width: 32px;\n        height: 32px;\n      }\n      .__label {\n        display: none;\n      }\n    }\n  }\n\n  .share__copy-link {\n    position: relative;\n    padding: 1rem 0.5rem 0;\n\n    margin-top: 16px;\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: calc(100% + 2rem);\n      border-top: 1px solid\n        ",";\n      margin-left: -1rem;\n      content: '';\n    }\n    .__label {\n      margin-bottom: 8px;\n      font-size: 11px;\n      font-weight: 400;\n      line-height: 17px;\n      text-align: left;\n    }\n\n    .__input-group {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 40px;\n      border: 1px solid ",";\n      background: #fff;\n      border-radius: 6px;\n\n      & > input {\n        width: 100%;\n        height: 100%;\n        padding: 0 16px;\n        border: none;\n        background: transparent;\n        color: ",";\n\n        &:focus {\n          outline: none;\n        }\n      }\n\n      .__copy {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 71px;\n        height: 100%;\n        padding-left: 12px;\n        background: linear-gradient(\n          90deg,\n          rgba(255, 255, 255, 0.1) 0%,\n          #fff 17%,\n          #fff 100%\n        );\n        color: ",";\n        cursor: pointer;\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    "," {\n      padding: 0.5rem;\n    }\n    .share__social {\n      justify-content: space-between;\n      & > a {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        "," {\n          margin: 0;\n        }\n        & > img {\n          margin-bottom: 0.8rem;\n        }\n        .__label {\n          display: initial;\n        }\n      }\n    }\n    .share__copy-link {\n      padding: 0;\n      &::before {\n        display: none;\n      }\n      .__label {\n        display: none;\n      }\n      .__input-group {\n        height: unset;\n        background-color: rgb(243, 243, 243);\n        border-radius: 16px;\n        & > input {\n          padding: 1rem;\n        }\n        .__copy {\n          background: linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.1) 0%,\n            #f3f3f3 17%,\n            #f3f3f3 100%\n          );\n        }\n      }\n    }\n  }\n"])),r,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),e.mbDown,e.mbDown);export{r as StyledItemWrapper,a as StyledShare};

package/build/esm/together/components/molecules/socialLinkPreview/index.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as t,__assign as n}from'./../../../../externals/tslib/tslib.es6.js';import r,{useContext as o,useState as i,useEffect as a,useMemo as l,useRef as c}from"react";import{TogetherComponentGlobalContext as u}from"../../../togetherComponentGlobalContext.js";import{StyledSocialLinkPreview as s}from"./index.styled.js";import{PATHS as d}from"../../../api/paths.js";import{callApi as m,getApiPath as h}from"../../../api/utils.js";import{DEFAULT_IMG as p}from"../../../interfaces/constants.js";import{youtubeVidIdGetter as f}from"../../../utils/post.js";import{Loading as v}from"../../atoms/loading/index.js";var g=function(g){var w=g.url,b=g.image,y=g.className,E=g.style,j=g.autoPlay,k=void 0===j||j,C=g.isAmp,F=o(u).data.locale,N=i(null),x=N[0],_=N[1];a((function(){e(void 0,void 0,void 0,(function(){return t(this,(function(e){return b?[2]:w?(_((function(e){return n(n({},e),{isFetching:!0})})),m(h(d.FETCH_PREVIEW,{_locale:F}),"POST",{data:{link:w},headers:{"Content-Type":"application/json"}}).then((function(e){var t,n;_({url:w,image:(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.image)||(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.logo)})})).catch((function(){_(null)})),[2]):[2,_(null)]}))}))}),[w,b]);var M=b||(null==x?void 0:x.image),S=(null==x?void 0:x.url)||w,T=l((function(){return f(S)}),[S]),B=l((function(){return S.includes("facebook.com")||S.includes("fb.watch")}),[S]),P=c(0),R=c(0),z=i(!1),I=z[0],L=z[1];a((function(){var e=function(){var e,t=null===(e=A.current)||void 0===e?void 0:e.getBoundingClientRect(),n=!1;t&&(!P.current||Math.abs((P.current-t.width)/(null==t?void 0:t.width))>.2)&&(P.current=Math.floor(t.width),n=!0),t&&(!R.current||Math.abs((R.current-t.height)/(null==t?void 0:t.height))>.2)&&(R.current=Math.floor(t.height),n=!0),n&&L((function(e){return!e}))};return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]);var A=c(null),G=c(!1);return r.createElement(s,{className:"".concat(y," no-replace-click"),style:E,ref:A},b||!T&&!B?r.createElement("a",{href:S,target:"_blank",rel:"noreferrer"},r.createElement("div",{className:"link-image-wrapper ".concat((null==x?void 0:x.isFetching)?"fetching":"")},(null==x?void 0:x.isFetching)?r.createElement(v,{className:"loading-spinner"}):r.createElement("img",{className:"link-image",src:M||p,onError:function(e){G.current||(G.current=!0,e.currentTarget.src=p)}}))):r.createElement("div",{"data-amp":C,className:"link-image-wrapper"},T?C?r.createElement("amp-youtube",{width:"480",height:"270",layout:"responsive","data-videoid":T,autoplay:k}):r.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube.com/embed/".concat(T,"?&autoplay=").concat(k?1:0,"&mute=1&enablejsapi=1"),frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):B?C?r.createElement("amp-facebook",{width:"552",height:"310",layout:"responsive","data-href":S}):r.createElement("iframe",{key:String(I),src:"https://www.facebook.com/plugins/video.php?href=".concat(encodeURIComponent(S),"&autoplay=").concat(k?1:0,"&show_text=false&t=0&width=").concat(P.current,"&height=").concat(R.current),style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:R.current,width:P.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))};export{g as SocialLinkPreview};

package/build/esm/together/components/molecules/socialLinkPreview/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import t from"styled-components";var o,e=t.div(o||(o=n(["\n  .link-info-container {\n    padding: 0.5rem 1rem;\n    background: #f4faff;\n  }\n  .link-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    &[data-amp='true'] {\n      padding-top: 0;\n    }\n    &.fetching {\n      background: lightgray;\n    }\n    .loading-spinner {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n    .link-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n  }\n"],["\n  .link-info-container {\n    padding: 0.5rem 1rem;\n    background: #f4faff;\n  }\n  .link-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    &[data-amp='true'] {\n      padding-top: 0;\n    }\n    &.fetching {\n      background: lightgray;\n    }\n    .loading-spinner {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n    .link-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n  a {\n    text-decoration: none;\n  }\n  &[data-is-marrybaby='true'] {\n    overflow: hidden;\n    border-radius: 1rem;\n  }\n"])));export{e as StyledSocialLinkPreview};

package/build/esm/together/components/molecules/submitReportForm/index.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as t}from'./../../../../externals/tslib/tslib.es6.js';import s,{useContext as r,useState as o}from"react";import{Button as a}from"../../../../components/atoms/button/index.js";import{Text as i}from"../../../../components/atoms/text/index.js";import{useTranslations as n}from"../../../../hooks/useTranslations.js";import{theme as m}from"../../../../misc/theme.js";import{TogetherComponentGlobalContext as l}from"../../../togetherComponentGlobalContext.js";import c from"../../../assets/svg/icon-alert-circle.svg.js";import{reportPost as p}from"../../../utils/apiActions/post.js";import{StyledSubmitReportForm as u}from"./index.styled.js";var d=function(d){var f=d.className,b=d.style,y=d.reason,v=d.reasonText,h=d.onClose,j=d.postId,g=r(l),x=g.data,N=x.locale,E=x.env.isMarryBaby,C=g.action.pushNotifications,_=n().t,k=o(!1),z=k[0],B=k[1];return s.createElement(u,{"data-is-marrybaby":E,className:f,style:b},s.createElement("ul",{className:"report-list"},s.createElement("li",{className:"report-item"},s.createElement("img",{src:c}),s.createElement(i,{className:"__label",color:m.colors.gray800,size:"p4"},v))),s.createElement(a,{theme:E?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:z,onClick:function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:if(!j||z)return[2];B(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,p({id:j,reason:y,locale:N})];case 2:return 1===(null==(e=t.sent())?void 0:e.status)&&(C({message:"Post reported",type:"success"}),h&&h()),[3,4];case 3:return t.sent(),[3,4];case 4:return B(!1),[2]}}))}))}},_("submit")))};export{d as SubmitReportForm};

package/build/esm/together/components/molecules/submitReportForm/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import t from"styled-components";var i,r=t.div(i||(i=n(["\n  padding: 0 8px;\n  margin-top: 18px;\n\n  .report-list {\n    margin-bottom: 18px;\n\n    .report-item {\n      display: flex;\n      align-items: center;\n      margin-bottom: 10px;\n      font-weight: 600;\n\n      & > img {\n        width: 12px;\n        height: 12px;\n        margin-right: 8px;\n      }\n\n      .__label {\n        font-size: 14px;\n      }\n    }\n  }\n\n  .report-submit {\n    width: 100%;\n  }\n  &[data-is-marrybaby='true'] {\n    padding: 0 1rem 1rem;\n  }\n"],["\n  padding: 0 8px;\n  margin-top: 18px;\n\n  .report-list {\n    margin-bottom: 18px;\n\n    .report-item {\n      display: flex;\n      align-items: center;\n      margin-bottom: 10px;\n      font-weight: 600;\n\n      & > img {\n        width: 12px;\n        height: 12px;\n        margin-right: 8px;\n      }\n\n      .__label {\n        font-size: 14px;\n      }\n    }\n  }\n\n  .report-submit {\n    width: 100%;\n  }\n  &[data-is-marrybaby='true'] {\n    padding: 0 1rem 1rem;\n  }\n"])));export{r as StyledSubmitReportForm};

package/build/esm/together/components/molecules/topicSelectList/index.js

@@ -0,0 +1 @@
+import{__spreadArray as e,__awaiter as t,__generator as n}from'./../../../../externals/tslib/tslib.es6.js';import o,{useContext as r,useState as i,useRef as a,useEffect as d,useMemo as c}from"react";import{TogetherComponentGlobalContext as s}from"../../../togetherComponentGlobalContext.js";import{formatTopic as l}from"../../../api/dataTransform.js";import{PATHS as m}from"../../../api/paths.js";import{callApi as p,getApiPath as u}from"../../../api/utils.js";import{Loading as f}from"../../atoms/loading/index.js";import{StyledTopicSelectList as v}from"./index.styled.js";var y=function(y){var C=y.className,I=y.style,b=y.topics,j=y.communityId,h=y.onChange,E=y.isLoading,T=y.disabled,k=y.forceTopics,x=y.selectedTopics,N=y.noFetch,A=r(s).data,G=A.locale,L=A.env.isMarryBaby,_=i(b?e([],b,!0):[]),w=_[0],B=_[1],F=i(x?e([],x,!0):[]),M=F[0],O=F[1],P=i(!1),S=P[0],q=P[1],z=a(b);z.current=b,d((function(){var e;!j||N||(null===(e=z.current)||void 0===e?void 0:e.length)||(B([]),q(!0),t(void 0,void 0,void 0,(function(){var e,t,o,r;return n(this,(function(n){switch(n.label){case 0:return n.trys.push([0,2,,3]),[4,p(u(m.TOPIC.LIST,{communityId:j,_locale:G}),"GET")];case 1:return e=n.sent(),t=null===(r=null==e?void 0:e.data)||void 0===r?void 0:r.topics,Array.isArray(t)&&B((function(){return(null==t?void 0:t.map(l).sort((function(e,t){return(e.order||0)-(t.order||0)})))||[]})),[3,3];case 2:return o=n.sent(),console.log(o),q(!1),[3,3];case 3:return q(!1),[2]}}))})))}),[j,N]);var D=null==b?void 0:b.map((function(e){return e.id})).join("-"),H=null==w?void 0:w.map((function(e){return e.id})).join("-"),J=null==k?void 0:k.map((function(e){return e.id})).join("-");d((function(){b&&void 0!==D&&D!==H&&B(b)}),[b,D,H]);var K=c((function(){return w.filter((function(e){return!(null==k?void 0:k.some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})))}))}),[H,J]);return o.createElement(v,{"data-is-marrybaby":L,className:C,style:I},k.map((function(e){return o.createElement(g,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:!0,selected:!0})})),K.map((function(e){return o.createElement(g,{key:"".concat(e.id,"-").concat(e.mappedCategoryId),topic:e,disabled:T,selected:(x||M).some((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId})),onClick:function(){var t=x||M,n=t.findIndex((function(t){return t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId}));-1!==n?t.splice(n,1):t.push(e),h&&x?h(t.slice()):(h&&h(t.slice()),O(t.slice()))}})})),(E||S)&&o.createElement(f,{className:"topic-spinner"}))},g=function(e){var t=e.topic,n=e.disabled,r=e.selected,i=e.onClick;return o.createElement("div",{className:"tag-item"+(r?" --active":""),"data-disabled":n,onClick:n?void 0:i},t.name)};export{y as TopicSelectList};

package/build/esm/together/components/molecules/topicSelectList/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import r from"styled-components";var o,t=r.div(o||(o=n(["\n  display: flex;\n  width: 100%;\n  flex-wrap: wrap;\n  margin-top: 1rem;\n\n  .tag-item {\n    min-height: 32px;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    margin-right: 1rem;\n    margin-bottom: 8px;\n    border-radius: 1rem;\n    color: ",";\n    cursor: pointer;\n    font-size: 13px;\n    line-height: 22px;\n    transition: all 0.2s;\n\n    &.--active {\n      border-color: ",";\n      background: ",";\n      color: ",";\n    }\n    &[data-disabled='true'] {\n      background: ",";\n      color: ",";\n    }\n  }\n  .topic-spinner {\n    margin-right: auto;\n    margin-left: auto;\n    & > button {\n      width: 24px;\n      height: 24px;\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .tag-item {\n      border-color: transparent;\n      background: #f3f3f3;\n      color: #3e3f58;\n      &.--active {\n        border-color: #b6cdff;\n        background: #e0e9fb;\n        color: #3e3f58;\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  flex-wrap: wrap;\n  margin-top: 1rem;\n\n  .tag-item {\n    min-height: 32px;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    margin-right: 1rem;\n    margin-bottom: 8px;\n    border-radius: 1rem;\n    color: ",";\n    cursor: pointer;\n    font-size: 13px;\n    line-height: 22px;\n    transition: all 0.2s;\n\n    &.--active {\n      border-color: ",";\n      background: ",";\n      color: ",";\n    }\n    &[data-disabled='true'] {\n      background: ",";\n      color: ",";\n    }\n  }\n  .topic-spinner {\n    margin-right: auto;\n    margin-left: auto;\n    & > button {\n      width: 24px;\n      height: 24px;\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .tag-item {\n      border-color: transparent;\n      background: #f3f3f3;\n      color: #3e3f58;\n      &.--active {\n        border-color: #b6cdff;\n        background: #e0e9fb;\n        color: #3e3f58;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray800}));export{t as StyledTopicSelectList};

package/build/esm/together/components/organisms/cardPost/cardPostPopover.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as o}from'./../../../../externals/tslib/tslib.es6.js';import t,{useContext as s,useState as r}from"react";import{useTranslations as i}from"../../../../hooks/useTranslations.js";import{CommonGAssets as n}from"../../../../misc/gAssets/index.js";import{REPORT_REASON_MAP as a}from"../../../interfaces/constants.js";import{PATHS as l}from"../../../api/paths.js";import{callApiWithAuth as p,getApiPath as c}from"../../../api/utils.js";import m from"../../../assets/marrybaby/svg/moreSolid.svg.js";import u from"../../../assets/svg/icon-alert-circle.svg.js";import d from"../../../assets/svg/icon-bookmark-fill.svg.js";import v from"../../../assets/svg/icon-bookmark.svg.js";import f from"../../../assets/svg/icon-kebab.svg.js";import b from"../../../assets/svg/icon-share-on-media.svg.js";import g from"../../../assets/svg/icon-tab-edit-2.svg.js";import h from"../../../assets/svg/icon-trash-bin.svg.js";import{useTogetherAuthRequiredAction as P}from"../../../hooks/useTogetherAuthRequiredAction.js";import{TogetherComponentGlobalContext as j}from"../../../togetherComponentGlobalContext.js";import{deletePost as k}from"../../../utils/apiActions/post.js";import{PopupDanger as y}from"../../molecules/popupDanger/index.js";import{SharePopup as E}from"../../molecules/popupFrame/popupShare.js";import{SubmitReportForm as C}from"../../molecules/submitReportForm/index.js";import{TreePopoverMenu as T}from"../popoverMenu/treePopoverMenu.js";var x=function(x){var S=x.authorEmail,A=x.onDeletePost,R=x.shareUrl,I=x.post,w=x.className,B=void 0===w?"":w,O=x.popoverClassName,_=void 0===O?"":O,D=x.onBookmark,M=x.onRemoveBookmark,N=x.onEditPost,K=s(j),L=K.data,F=L.locale,U=L.userInfo,V=L.togetherUserId,q=L.env.isMarryBaby,G=K.action.pushNotifications,W=i().t,z=r(!1),H=z[0],J=z[1],Q=r(!1),X=Q[0],Y=Q[1],Z=r(!1),$=Z[0],ee=Z[1],oe=P().authActionWrapper,te=S&&(null==U?void 0:U.email)&&S===String(null==U?void 0:U.email);return t.createElement("div",{className:B,onClick:function(e){e.preventDefault(),e.stopPropagation()}},$&&t.createElement(E,{url:R,text:null==I?void 0:I.title,onClose:function(){return ee(!1)}}),X&&t.createElement(y,{thumbnail:n.getAssetPath("trash-bin.svg"),isThumbnailIcon:!0,title:W("popup.deletePost.title"),description:W("popup.deletePost.description"),acceptText:W("popup.deletePost.accept"),cancelText:W("popup.deletePost.cancel"),onAccept:function(){return e(void 0,void 0,void 0,(function(){var e;return o(this,(function(o){switch(o.label){case 0:if(!(null==I?void 0:I.id)||H)return[2];J(!0),o.label=1;case 1:return o.trys.push([1,3,,4]),[4,k({id:I.id,locale:F})];case 2:return 1===(null==(e=o.sent())?void 0:e.status)&&(null==A||A()),[3,4];case 3:return o.sent(),[3,4];case 4:return J(!1),[2]}}))}))},onClose:function(){return Y(!1)}}),t.createElement(T,{className:_,toggleButtonContent:t.createElement("img",{src:q?m:f}),position:"bottom",align:"end",buttonProps:{isLoading:H},data:te?{isShowheader:!1,type:"list",list:[{icon:b,label:W("morePopover.share"),onClick:function(){return ee(!0)}},{icon:g,label:W("actionPopover.edit"),onClick:N},{icon:h,label:W("actionPopover.delete"),onClick:function(){oe((function(){return Y(!0)}))}}]}:{isShowheader:!1,type:"list",list:[{icon:b,label:W("morePopover.share"),onClick:function(){return ee(!0)}},{icon:(null==I?void 0:I.bookmarked)?d:v,label:(null==I?void 0:I.bookmarked)?W("morePopover.unsavePost"):W("morePopover.savePost"),onClick:function(){oe((function(){return e(void 0,void 0,void 0,(function(){var e;return o(this,(function(o){switch(o.label){case 0:return(null==U?void 0:U.id)&&(null==I?void 0:I.id)?(null==I?void 0:I.bookmarked)?[4,p(c(l.BOOKMARK.DELETE,{_locale:F}),"DELETE",{data:{post_id:String(I.id)}})]:[3,2]:[2];case 1:return 1===(null==(e=o.sent())?void 0:e.status)?(G({title:"",message:"Removed saved post",type:"success",displayIcon:v}),M&&M()):G({title:"",message:"Remove failed",type:"danger",displayIcon:v}),[3,4];case 2:return[4,p(c(l.BOOKMARK.CREATE,{_locale:F}),"POST",{data:{user_id:V||U.id,post_id:I.id}})];case 3:1===(null==(e=o.sent())?void 0:e.status)?(G({title:"",message:"Post saved",type:"success",displayIcon:d}),D&&D()):G({title:"",message:"Post saved failed",type:"danger",displayIcon:v}),o.label=4;case 4:return[2]}}))}))}))}},{icon:u,label:W("morePopover.report"),subTree:{title:W("morePopover.report.title"),description:W("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(a).map((function(e){return{label:a[e].label,reason:a[e].reportReasonText,reasonValue:e}})).map((function(e){return{label:W(e.label),subTree:{title:W("morePopover.reportSubmit.title"),description:W("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:function(o){return t.createElement(C,{reason:e.reasonValue,reasonText:W(e.reason),postId:null==I?void 0:I.id,onClose:function(){return o&&o(!1)}})}}}}))}}]}}))};export{x as CardPostPopoverMore};

package/build/esm/together/components/organisms/cardPost/index.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as o,__assign as t}from'./../../../../externals/tslib/tslib.es6.js';import n,{useState as i,useContext as l,useEffect as a}from"react";import{Button as r}from"../../../../components/atoms/button/index.js";import{Heading as s}from"../../../../components/atoms/heading/index.js";import{useTranslations as m}from"../../../../hooks/useTranslations.js";import u from"innertext";import{getDefaultFailNoti as c}from"../../../utils/notification.js";import{CardPostPopoverMore as d}from"./cardPostPopover.js";import{StyledCardPost as p}from"./index.styled.js";import{formatComment as v}from"../../../api/dataTransform.js";import{CARE_PATHS as f,PATHS as h}from"../../../api/paths.js";import{getCurrentBaseUrl as g,callApi as C,getCarePath as E,domainLocales as k,callApiWithOptionalAuth as b,getApiPath as y}from"../../../api/utils.js";import{useTogetherAuthRequiredAction as w,TogetherAuthConfigContextProvider as j}from"../../../hooks/useTogetherAuthRequiredAction.js";import{DEFAULT_AVATAR_IMG as I,DEFAULT_IMG as _}from"../../../interfaces/constants.js";import{TogetherComponentGlobalContext as P}from"../../../togetherComponentGlobalContext.js";import{likeUnlikePost as N}from"../../../utils/apiActions/post.js";import{CardLink as x}from"../../atoms/cardLink/index.js";import{CardReactions as A,CardReactionType as T}from"../../atoms/cardReactions/index.js";import{LabelPin as M}from"../../atoms/labelSortPin/labelPin.js";import{TagTopic as S}from"../../atoms/tagTopic/index.js";import{CardAuthor as B}from"../../molecules/cardAuthor/index.js";import{InputCommentBar as D}from"../../molecules/inputCommentBar/index.js";import{SharePopup as L}from"../../molecules/popupFrame/popupShare.js";import{PostContent as O}from"../../molecules/postContent/index.js";import{PostImagePreview as R}from"../../molecules/postImagePreview/index.js";import{SocialLinkPreview as U}from"../../molecules/socialLinkPreview/index.js";import{CardReply as G}from"../cardReply/index.js";var F=function(t,n){return e(void 0,void 0,void 0,(function(){var e,i,l,a;return o(this,(function(o){switch(o.label){case 0:return[4,b(y(h.COMMENT.LIST,{postId:t,_locale:n,sort:"popularity",perPage:1,withoutReply:1}),"GET")];case 1:return e=o.sent(),[2,null===(a=null===(l=null===(i=null==e?void 0:e.data)||void 0===i?void 0:i.comments)||void 0===l?void 0:l.map(v))||void 0===a?void 0:a[0]]}}))}))},Q=function(v){var h=v.className,b=v.style,y=v.hideViewMoreComment,Q=v.showMostEngaging,W=v.onCommentClick,q=v.onCommentCountClick,z=v.onMostEngagingCommentClick,H=v.onPostCommentSuccess,V=v.disableCardLink,J=v.disableShortenContent,K=v.onDeletePost,X=v.onEditPost,Y=v.post,Z=v.mostEngagingComment,$=v.onDeleteComment,ee=v.showInputComment,oe=v.InlineCommentsComponent,te=v.hasQuickBookingEnable,ne=v.handleMakeAppointment,ie=i(Y),le=ie[0],ae=ie[1],re=i(!1),se=re[0],me=re[1],ue=i(Z),ce=ue[0],de=ue[1],pe=le.community,ve=le.topics,fe=le.author,he=le.slug,ge=le.isPin,Ce=le.liked,Ee=le.scheduleDateTime,ke=le.createdAt,be=le.photos,ye=le.mentions,we=le.title,je=le.description,Ie=le.previewUrl,_e=le.likesCount,Pe=le.commentsCount,Ne=le.id,xe=le.commented,Ae=l(P),Te=Ae.data,Me=Te.locale,Se=Te.env,Be=Se.isMarryBaby,De=Se.togetherBasePath,Le=Ae.action.pushNotifications,Oe=m().t,Re=i(ee),Ue=Re[0],Ge=Re[1],Fe="".concat(De,"/").concat((null==pe?void 0:pe.slug)||"_","/").concat(he||""),Qe="".concat(g(Me)).concat(Fe),We=w((null==pe?void 0:pe.slug)?{_joinCommunityIds:[pe.id],_joinTopicIds:null==ve?void 0:ve.map((function(e){return e.id}))}:void 0).authActionWrapper,qe=i(!1),ze=qe[0],He=qe[1];a((function(){Ge(ee)}),[ee]);var Ve=(null==le?void 0:le.isAnonymous)?Oe("cardPost.anonymous"):(null==fe?void 0:fe.name)||(null==fe?void 0:fe.username)||"",Je=(null==le?void 0:le.isAnonymous)?Oe("cardPost.anonymous"):(null==fe?void 0:fe.username)||(null==fe?void 0:fe.name)||"",Ke=(null==le?void 0:le.isAnonymous)?I:null==fe?void 0:fe.avatar,Xe=(null==le?void 0:le.isAnonymous)||null==fe?void 0:fe.role,Ye=i(null),Ze=Ye[0],$e=Ye[1],eo=i(null),oo=eo[0],to=eo[1];a((function(){if(null==fe?void 0:fe.hospitalId){t=fe.hospitalId,e(void 0,void 0,void 0,(function(){var e,n;return o(this,(function(o){switch(o.label){case 0:return[4,C(E(f.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:k[Me]}),"get")];case 1:return e=o.sent(),(null===(n=null==e?void 0:e._data)||void 0===n?void 0:n.branch)&&$e(null==e?void 0:e._data.branch),[2]}}))}))}var t,n;if(null==fe?void 0:fe.doctorId){n=fe.doctorId,e(void 0,void 0,void 0,(function(){var e,t;return o(this,(function(o){switch(o.label){case 0:return[4,C(E(f.GET_DOCTOR_INFO,{doctorId:n,website_url:k[Me]}),"get")];case 1:return e=o.sent(),(null===(t=null==e?void 0:e._data)||void 0===t?void 0:t.doctor)&&to(null==e?void 0:e._data.doctor),[2]}}))}))}}),[fe.hospitalId,fe.doctorId]);var no=(null==oo?void 0:oo.valid_outpatient)||(null==oo?void 0:oo.valid_telemedicine),io=((null==Ze?void 0:Ze.total_available_service)||(null==Ze?void 0:Ze.total_available_doctor))>0,lo=te&&(no||io);a((function(){e(void 0,void 0,void 0,(function(){var e;return o(this,(function(o){switch(o.label){case 0:return Ne&&Pe&&Q&&!(null==Z?void 0:Z.id)?[4,F(Ne,Me)]:[3,2];case 1:e=o.sent(),de(e),o.label=2;case 2:return[2]}}))}))}),[Ne,Me,Pe,Q,null==Z?void 0:Z.id]),a((function(){de(Z)}),[null==Z?void 0:Z.id]);var ao=function(n){return e(void 0,void 0,void 0,(function(){var e;return o(this,(function(o){switch(o.label){case 0:return Pe>1&&(null==ce?void 0:ce.id)&&(null==ce?void 0:ce.id)===(null==n?void 0:n.id)?[4,F(Ne,Me)]:[3,2];case 1:e=o.sent(),de(e),o.label=2;case 2:return ae((function(e){return t(t({},e),{commentsCount:e.commentsCount-1})})),$&&$(n),[2]}}))}))};return n.createElement(j,{defaultParams:(null==pe?void 0:pe.slug)?{_joinCommunityIds:[pe.id],_joinTopicIds:null==ve?void 0:ve.map((function(e){return e.id}))}:void 0},se&&n.createElement(L,{url:Qe,avatar:_,text:we,onClose:function(){return me(!1)}}),n.createElement(p,{className:h,style:b,"data-is-marrybaby":Be},ge?n.createElement(M,{className:"post-pin"}):null,n.createElement("div",{style:{position:"relative"}},n.createElement(B,{avatar:Ke,name:Ve,username:Je,url:V?void 0:Fe,email:null==fe?void 0:fe.email,time:Ee||ke,community:pe,className:"post-author",role:Xe,userId:null==fe?void 0:fe.id,expertId:null==fe?void 0:fe.partnerId,doctorId:null==fe?void 0:fe.doctorId,hospitalId:null==fe?void 0:fe.hospitalId,title:null==fe?void 0:fe.title,hasQuickBooking:lo,handleMakeAppointment:ne,"data-testid":"name",isAnonymous:!!(null==le?void 0:le.isAnonymous)}),n.createElement(d,{authorEmail:String(null==fe?void 0:fe.email),onDeletePost:K,shareUrl:Qe,post:le,className:"popover",onEditPost:X})),n.createElement("a",{href:V?void 0:Fe,className:"post-content-link-wrapper"},we&&n.createElement(s,{className:"post-content-title",as:"h2",tag:"h5",fontWeight:"bold","data-testid":"Title of the Post"},u(we)),n.createElement(O,{className:"post-content-wrapper",description:je,disableShortenContent:J,mentions:ye,"data-testid":"Content of the Post"})),n.createElement("span",null),n.createElement("span",null),n.createElement("div",{key:"tag-topic"},ve&&ve.length>0?n.createElement(S,{topics:ve,className:"post-topics"}):null),n.createElement("div",{key:"social-preview"},(null==le?void 0:le.introUrl)?n.createElement("div",{className:"social-preview-wrapper ".concat((null==be?void 0:be.length)?"has-image":"")},n.createElement(U,{url:le.introUrl,image:le.bannerImage})):null),n.createElement("div",{key:"image-preview"},(null==be?void 0:be.length)?n.createElement("div",{className:"image-preview-wrapper"},n.createElement(R,{images:be,authorName:null==fe?void 0:fe.name})):null),n.createElement("div",{key:"link-preview"},(null==le?void 0:le.introUrl)||(null==be?void 0:be.length)||!(null==Ie?void 0:Ie.url)?null:n.createElement("div",{className:"link-preview-wrapper"},n.createElement(x,{title:Ie.title,url:Ie.url,image:Ie.image}))),n.createElement(A,{isMarryBaby:Be,type:T.post,loveCount:_e,replyCount:Pe,className:"post-reaction ".concat((null==be?void 0:be.length)||(null==Ie?void 0:Ie.url)?"hide-top-border":""),liked:ze?!Ce:Ce,isReplied:xe,onCommentClick:function(){return We((function(){W?W():Ge((function(e){return!e}))}))},onCommentCountClick:function(){We((function(){Be?Ge(!0):q?q():!V&&(window.location.href=Fe)}))},onShareClick:function(){me(!0)},onLikeClick:function(){return e(void 0,void 0,void 0,(function(){var e;return o(this,(function(o){switch(o.label){case 0:if(!Ne||ze)return[2];He(!0),o.label=1;case 1:return o.trys.push([1,3,,4]),[4,N({id:Ne,locale:Me})];case 2:return 1!==(null==(e=o.sent())?void 0:e.status)?Le(c(Oe)):ae((function(e){return t(t({},e),{likesCount:(e.likesCount||0)+(e.liked?-1:1),liked:!e.liked})})),[3,4];case 3:return o.sent(),Le(c(Oe)),[3,4];case 4:return He(!1),[2]}}))}))},showingMostEngaging:!(!Q||!(null==ce?void 0:ce.id))}),Ue&&n.createElement(D,{isMainCmt:!ee,onClose:function(){return Ge(!1)},onPostSuccess:function(e){0!==Pe||(null==ce?void 0:ce.id)||de(e),ae((function(e){return t(t({},e),{commentsCount:e.commentsCount+1,commented:!0})})),H&&H(e)},post:le}),Q&&(null==ce?void 0:ce.id)?n.createElement("div",{className:"most-engaging-wrapper",onClick:function(e){z?(e.stopPropagation(),z()):window.location.href=Fe}},n.createElement(G,{hasQuickBookingEnable:te,handleMakeAppointment:ne,comment:ce,onDeleteComment:function(){ao&&ao(ce)},className:"most-engaging-comment",type:"most-engaging",key:ce.id}),Pe>1&&!y&&n.createElement(r,{className:"see-more-comments",color:"ghost",size:"md"},Oe("comment.seeMoreComments",{count:Pe-1}))):null,oe))};export{Q as CardPost};

package/build/esm/together/components/organisms/cardPost/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import{MediaQueries as e}from"../../../../misc/utils.js";import r from"styled-components";var t,o=r.div(t||(t=n(["\n  position: relative;\n  margin-bottom: 24px;\n  background: white;\n  border-radius: 6px;\n\n  a {\n    text-decoration: none;\n  }\n\n  "," {\n    margin-bottom: 8px;\n  }\n  &.flat-top {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  .post-pin {\n    padding: 0.5rem 1rem;\n    border-radius: 6px 6px 0 0;\n  }\n  .post-author {\n    padding-top: 1rem;\n    &.comment {\n      padding-right: 2.6rem;\n    }\n    .author-avatar-wrapper {\n      width: 40px;\n      height: 40px;\n      font-size: 20px;\n      "," {\n        width: 32px;\n        height: 32px;\n        font-size: 16px;\n      }\n    }\n  }\n  .post-content-link-wrapper {\n    color: inherit;\n    cursor: pointer;\n    .post-content-title {\n      padding: 1rem 1rem 0;\n      word-break: break-word;\n    }\n  }\n  .social-preview-wrapper.has-image {\n    margin-bottom: 5px;\n  }\n  .social-preview-wrapper,\n  .image-preview-wrapper,\n  .link-preview-wrapper {\n    width: 100%;\n    &[data-is-reply='true'] {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n  }\n  .post-topics {\n    padding: 0 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .post-reaction {\n    background: none;\n    border-radius: 0 0 6px 6px;\n    &.hide-top-border {\n      ::before {\n        display: none;\n      }\n    }\n  }\n  .most-engaging-wrapper {\n    padding: 1rem;\n    cursor: pointer;\n    .author-avatar-wrapper {\n      width: 2rem;\n      height: 2rem;\n      font-size: 1rem;\n    }\n    .see-more-comments {\n      width: 100%;\n      padding: 12px 0 0;\n      text-align: unset;\n    }\n  }\n  &[data-most-engaging='true'] {\n    border: none;\n    "," {\n      margin: 1rem;\n      border: 1px solid #e4e8ec;\n    }\n  }\n  .top-divider {\n    border-color: #e4e8ec;\n  }\n  .popover {\n    position: absolute;\n    top: 1.2rem;\n    right: 1rem;\n    .popover-menu__btn {\n      display: flex;\n      width: 1.5rem;\n      height: 1rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      background: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n    }\n    .popover-menu__content {\n      &.--position-bottom {\n        &.--align-end {\n          &::before {\n            right: 12.5px;\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    border: 1px solid #f3f3f3;\n    border-radius: 1rem;\n    /* shadow */\n\n    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n    .image-preview-wrapper,\n    .link-preview-wrapper {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n    .popover {\n      .popover-menu__btn {\n        width: 24px;\n        height: 24px;\n        "," {\n          width: 18px;\n          height: 18px;\n        }\n      }\n      .popover-menu__content {\n        &.--position-bottom {\n          &.--align-end {\n            &::before {\n              right: 1rem;\n            }\n            width: 350px;\n            "," {\n              max-width: calc(320px - 2rem);\n            }\n          }\n        }\n      }\n    }\n    .most-engaging-wrapper {\n      position: relative;\n      padding: 0;\n      &::before {\n        position: absolute;\n        z-index: 5;\n        top: 0;\n        left: 50%;\n        width: calc(100% - 2rem);\n        height: 1px;\n        background: #f3f3f3;\n        content: ' ';\n        transform: translateX(-50%);\n      }\n    }\n    "," {\n      margin-bottom: 12px;\n    }\n  }\n"],["\n  position: relative;\n  margin-bottom: 24px;\n  background: white;\n  border-radius: 6px;\n\n  a {\n    text-decoration: none;\n  }\n\n  "," {\n    margin-bottom: 8px;\n  }\n  &.flat-top {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  .post-pin {\n    padding: 0.5rem 1rem;\n    border-radius: 6px 6px 0 0;\n  }\n  .post-author {\n    padding-top: 1rem;\n    &.comment {\n      padding-right: 2.6rem;\n    }\n    .author-avatar-wrapper {\n      width: 40px;\n      height: 40px;\n      font-size: 20px;\n      "," {\n        width: 32px;\n        height: 32px;\n        font-size: 16px;\n      }\n    }\n  }\n  .post-content-link-wrapper {\n    color: inherit;\n    cursor: pointer;\n    .post-content-title {\n      padding: 1rem 1rem 0;\n      word-break: break-word;\n    }\n  }\n  .social-preview-wrapper.has-image {\n    margin-bottom: 5px;\n  }\n  .social-preview-wrapper,\n  .image-preview-wrapper,\n  .link-preview-wrapper {\n    width: 100%;\n    &[data-is-reply='true'] {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n  }\n  .post-topics {\n    padding: 0 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .post-reaction {\n    background: none;\n    border-radius: 0 0 6px 6px;\n    &.hide-top-border {\n      ::before {\n        display: none;\n      }\n    }\n  }\n  .most-engaging-wrapper {\n    padding: 1rem;\n    cursor: pointer;\n    .author-avatar-wrapper {\n      width: 2rem;\n      height: 2rem;\n      font-size: 1rem;\n    }\n    .see-more-comments {\n      width: 100%;\n      padding: 12px 0 0;\n      text-align: unset;\n    }\n  }\n  &[data-most-engaging='true'] {\n    border: none;\n    "," {\n      margin: 1rem;\n      border: 1px solid #e4e8ec;\n    }\n  }\n  .top-divider {\n    border-color: #e4e8ec;\n  }\n  .popover {\n    position: absolute;\n    top: 1.2rem;\n    right: 1rem;\n    .popover-menu__btn {\n      display: flex;\n      width: 1.5rem;\n      height: 1rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      background: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n    }\n    .popover-menu__content {\n      &.--position-bottom {\n        &.--align-end {\n          &::before {\n            right: 12.5px;\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    border: 1px solid #f3f3f3;\n    border-radius: 1rem;\n    /* shadow */\n\n    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n    .image-preview-wrapper,\n    .link-preview-wrapper {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n    .popover {\n      .popover-menu__btn {\n        width: 24px;\n        height: 24px;\n        "," {\n          width: 18px;\n          height: 18px;\n        }\n      }\n      .popover-menu__content {\n        &.--position-bottom {\n          &.--align-end {\n            &::before {\n              right: 1rem;\n            }\n            width: 350px;\n            "," {\n              max-width: calc(320px - 2rem);\n            }\n          }\n        }\n      }\n    }\n    .most-engaging-wrapper {\n      position: relative;\n      padding: 0;\n      &::before {\n        position: absolute;\n        z-index: 5;\n        top: 0;\n        left: 50%;\n        width: calc(100% - 2rem);\n        height: 1px;\n        background: #f3f3f3;\n        content: ' ';\n        transform: translateX(-50%);\n      }\n    }\n    "," {\n      margin-bottom: 12px;\n    }\n  }\n"])),e.mbDown,e.mbDown,e.mbDown,e.mbDown,e.mbDown,e.mbDown);export{o as StyledCardPost};

package/build/esm/together/components/organisms/cardReply/cardReplyPopover.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as t}from'./../../../../externals/tslib/tslib.es6.js';import o,{useContext as s,useState as i}from"react";import{useTranslations as n}from"../../../../hooks/useTranslations.js";import{TogetherComponentGlobalContext as r}from"../../../togetherComponentGlobalContext.js";import a from"../../../assets/marrybaby/svg/moreSolid.svg.js";import l from"../../../assets/svg/delete.svg.js";import c from"../../../assets/svg/icon-kebab.svg.js";import m from"../../../assets/svg/icon-trash-bin.svg.js";import{useTogetherAuthRequiredAction as p}from"../../../hooks/useTogetherAuthRequiredAction.js";import{deleteComment as u}from"../../../utils/apiActions/comment.js";import{PopupDanger as d}from"../../molecules/popupDanger/index.js";import{TreePopoverMenu as v}from"../popoverMenu/treePopoverMenu.js";var f=function(f){var g=f.onDeleteComment,b=f.commentId,h=f.className,j=void 0===h?"":h,C=f.popoverClassName,y=void 0===C?"":C,P=s(r),k=P.data,x=k.env.isMarryBaby,A=k.locale,N=P.action.pushNotifications,T=n().t,E=i(!1),D=E[0],M=E[1],w=p().authActionWrapper;return o.createElement("div",{className:j,onClick:function(e){e.preventDefault(),e.stopPropagation()}},D&&o.createElement(d,{thumbnail:l,isThumbnailIcon:!0,title:T("popup.deleteComment.title"),description:T("popup.deleteComment.description"),acceptText:T("popup.deletePost.accept"),cancelText:T("popup.deletePost.cancel"),onAccept:function(){return e(void 0,void 0,void 0,(function(){var e,o;return t(this,(function(t){switch(t.label){case 0:return b?[4,u({id:b,locale:A})]:[2];case 1:return 1===(null==(e=t.sent())?void 0:e.status)?(g&&g(),N({title:"",message:T("notification.success"),type:"success"})):N({title:"",message:(null===(o=null==e?void 0:e.messages)||void 0===o?void 0:o[0])||T("notification.failure"),type:"danger"}),[2]}}))}))},onClose:function(){return M(!1)}}),o.createElement(v,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:m,label:T("actionPopover.delete"),onClick:function(){w((function(){M(!0)}))}}]},className:y,toggleButtonContent:o.createElement("img",{src:x?a:c}),buttonProps:{}}))};export{f as CardReplyPopover};

package/build/esm/together/components/organisms/cardReply/index.js

@@ -0,0 +1 @@
+import{__spreadArray as e,__awaiter as n,__generator as o,__assign as t}from'./../../../../externals/tslib/tslib.es6.js';import i,{useContext as l,useState as r,useMemo as a,useEffect as s}from"react";import{Button as m}from"../../../../components/atoms/button/index.js";import{Divider as u}from"../../../../components/atoms/divider/index.js";import{useTranslations as d}from"../../../../hooks/useTranslations.js";import{domainLocales as c}from"../../../../interfaces/constants/index.js";import{CARE_PATHS as p}from"../../../api/paths.js";import{callApi as v,getCarePath as f}from"../../../api/utils.js";import{DEFAULT_AVATAR_IMG as h}from"../../../interfaces/constants.js";import{decodeCommentBody as y,likeUnlikeComment as g}from"../../../utils/apiActions/comment.js";import{CardReplyPopover as k}from"./cardReplyPopover.js";import{StyledCardPost as I}from"./index.styled.js";import E from"../../../assets/svg/chevronRightActive.svg.js";import{useTogetherAuthRequiredAction as j,TogetherAuthConfigContextProvider as C}from"../../../hooks/useTogetherAuthRequiredAction.js";import{TogetherComponentGlobalContext as _}from"../../../togetherComponentGlobalContext.js";import{CardLink as b}from"../../atoms/cardLink/index.js";import{CardReactions as N,CardReactionType as w}from"../../atoms/cardReactions/index.js";import{CardAuthor as A}from"../../molecules/cardAuthor/index.js";import{InputCommentBar as x}from"../../molecules/inputCommentBar/index.js";import{PostContent as R}from"../../molecules/postContent/index.js";import{PostImagePreview as T}from"../../molecules/postImagePreview/index.js";var P=function(L){var S,D,B,M,O,F,G,Q=L.className,U=L.style,q=L.comment,z=L.type,H=void 0===z?"comment":z,W=L.level,J=void 0===W?0:W,K=L.replyingId,V=L.onPostCommentSuccess,X=L.post,Y=L.onDeleteComment,Z=L.refetchComment,$=L.hasQuickBookingEnable,ee=L.handleMakeAppointment,ne=l(_).data,oe=ne.locale,te=ne.userInfo,ie=ne.env.isMarryBaby,le=d().t,re=r(q||null),ae=re[0],se=re[1],me=ae.id;ae.countReplies;var ue=ae.countLikes,de=ae.content,ce=ae.createdAt,pe=ae.replies,ve=void 0===pe?[]:pe,fe=ae.images,he=void 0===fe?[]:fe,ye=ae.author,ge=ae.liked,ke=ae.link,Ie=ae.mentionedUser,Ee=ae.mentions,je=y(de),Ce=je.text,_e=je.replyingTo,be=j({_joinCommunityIds:[null===(S=null==X?void 0:X.community)||void 0===S?void 0:S.id],_joinTopicIds:null===(D=null==X?void 0:X.topics)||void 0===D?void 0:D.map((function(e){return e.id}))}).authActionWrapper,Ne=r(4),we=Ne[0],Ae=Ne[1],xe=!!(null==te?void 0:te.id)&&(null==ve?void 0:ve.some((function(e){return e.author.id===te.id}))),Re=function(e){se((function(n){if(!n.replies.find((function(n){return n.id===e.id}))){n.replies.unshift(e);var o=t(t({},n),{replies:n.replies.slice(),countReplies:n.countReplies+1});return Z&&Z(o),o}return n}))},Te=r(!1),Pe=Te[0],Le=Te[1],Se=a((function(){return"comment"===H&&ve&&0!=ve.length?ve.sort((function(e,n){var o=new Date(e.createdAt).getTime(),t=new Date(n.createdAt).getTime();return o>t?-1:o<t?1:0})):ve}),[H,ve]),De=(null==ve?void 0:ve.length)||0,Be=String(null==ye?void 0:ye.email)&&(null==te?void 0:te.email)&&String(null==ye?void 0:ye.email)===String(null==te?void 0:te.email),Me=(null==X?void 0:X.isAnonymous)&&(null===(B=null==X?void 0:X.author)||void 0===B?void 0:B.username)===(null==ye?void 0:ye.username),Oe=Me?le("cardPost.anonymous"):(null==ye?void 0:ye.name)||(null==ye?void 0:ye.username)||"",Fe=Me?h:null==ye?void 0:ye.avatar,Ge=Me?le("cardPost.anonymous"):(null==ye?void 0:ye.username)||(null==ye?void 0:ye.name)||"",Qe=e(e([],(null==X?void 0:X.isAnonymous)?[{id:(null===(M=null==X?void 0:X.author)||void 0===M?void 0:M.id)||0,name:le("cardPost.anonymous")}]:[],!0),Ee||[],!0),Ue=r(null),qe=Ue[0],ze=Ue[1],He=r(null),We=He[0],Je=He[1];s((function(){if(null==ye?void 0:ye.hospitalId){e=ye.hospitalId,n(void 0,void 0,void 0,(function(){var n,t;return o(this,(function(o){switch(o.label){case 0:return[4,v(f(p.GET_HOSPITAL_INFO,{hospital_branch_id:e,website_url:c[oe]}),"get")];case 1:return n=o.sent(),(null===(t=null==n?void 0:n._data)||void 0===t?void 0:t.branch)&&ze(null==n?void 0:n._data.branch),[2]}}))}))}var e,t;if(null==ye?void 0:ye.doctorId){t=ye.doctorId,n(void 0,void 0,void 0,(function(){var e,n;return o(this,(function(o){switch(o.label){case 0:return[4,v(f(p.GET_DOCTOR_INFO,{doctorId:t,website_url:c[oe]}),"get")];case 1:return e=o.sent(),(null===(n=null==e?void 0:e._data)||void 0===n?void 0:n.doctor)&&Je(null==e?void 0:e._data.doctor),[2]}}))}))}}),[ye.hospitalId,ye.doctorId]);var Ke=(null==We?void 0:We.valid_outpatient)||(null==We?void 0:We.valid_telemedicine),Ve=((null==qe?void 0:qe.total_available_service)||(null==qe?void 0:qe.total_available_doctor))>0,Xe=$&&(Ke||Ve);return i.createElement(C,{defaultParams:{_joinCommunityIds:[null===(O=null==X?void 0:X.community)||void 0===O?void 0:O.id],_joinTopicIds:null===(F=null==X?void 0:X.topics)||void 0===F?void 0:F.map((function(e){return e.id}))}},i.createElement(I,{className:Q,style:U,"data-is-reply":!!J,"data-is-marrybaby":ie,"data-has-booking":Xe},"reply"===H&&i.createElement(u,{className:"top-divider",type:"solid"}),i.createElement(A,{avatar:Fe,name:Oe,username:Ge,email:null==ye?void 0:ye.email,time:ce,className:"post-author ".concat(Be?"with-popover":""),type:H,userId:null==ye?void 0:ye.id,role:null==ye?void 0:ye.role,expertId:null==ye?void 0:ye.partnerId,title:null==ye?void 0:ye.title,doctorId:null==ye?void 0:ye.doctorId,hospitalId:null==ye?void 0:ye.hospitalId,hasQuickBooking:Xe,handleMakeAppointment:ee,isAnonymous:!!(null==X?void 0:X.isAnonymous)}),i.createElement(R,{className:"post-content-wrapper",replyingTo:_e,mentionedUser:Ie,description:Ce,mentions:Qe}),i.createElement("span",null),i.createElement("span",null),he&&he.length>0?i.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},i.createElement(T,{images:he,authorName:null==ye?void 0:ye.username})):null,he&&0!==he.length||!ke?null:i.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},i.createElement(b,{url:ke})),"most-engaging"!==H?i.createElement(i.Fragment,null,i.createElement(N,{type:w.reply,loveCount:ue,replyCount:De,className:"post-reaction",liked:ge,isReplied:xe,hideCommentIcon:"reply"===H,onCommentClick:function(){return be((function(){return Le((function(e){return!e}))}))},onCommentCountClick:function(){return be((function(){Le(!0)}))},onLikeClick:function(){return be((function(){return n(void 0,void 0,void 0,(function(){return o(this,(function(e){switch(e.label){case 0:return me?[4,g({commentId:me,setLike:!ge,locale:oe})]:[3,2];case 1:1===e.sent().status&&se((function(e){return t(t({},e),{liked:!ge,countLikes:e.countLikes+(ge?-1:1)})})),e.label=2;case 2:return[2]}}))}))}))}}),Pe&&i.createElement(x,{replyingId:K||ae.id,replyToName:Oe,isReply:!0,onClose:function(){return Le(!1)},onPostSuccess:function(e){"reply"===H?V&&V(e):Re(e)},post:X,replyingUser:ye}),"comment"===H&&ve&&ve.length>0?i.createElement("div",{className:"comment-reply-wrapper"},null===(G=null==Se?void 0:Se.slice(0,we))||void 0===G?void 0:G.map((function(e){return i.createElement(P,{key:e.id,comment:e,type:"reply",className:"comment-reply-item",level:J+1,replyingId:me,onPostCommentSuccess:Re,post:X,onDeleteComment:function(){se((function(n){return t(t({},n),{replies:n.replies.filter((function(n){return n.id!==e.id})),countReplies:n.countReplies-1})}))},handleMakeAppointment:ee,hasQuickBookingEnable:$})})),De>we&&i.createElement(i.Fragment,null,i.createElement(u,{className:"top-divider",type:"solid"}),i.createElement(m,{className:"more-cmt",size:"lg",color:"ghost",onClick:function(){return Ae((function(e){return e+4}))}},le("comment.seeMoreReplies",{count:De-we}),i.createElement("img",{className:"chevron-right",src:E})))):null):null,Be&&i.createElement(k,{onDeleteComment:Y,className:"popover",commentId:ae.id})))};export{P as CardReply};

package/build/esm/together/components/organisms/cardReply/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import{MediaQueries as t}from"../../../../misc/utils.js";import e from"styled-components";var r,p=e.div(r||(r=n(["\n  position: relative;\n  margin-bottom: 0;\n  background: white;\n  border-radius: 6px;\n\n  .post-author {\n    padding-top: 1rem;\n    padding-right: 2rem;\n    &.with-popover {\n      padding-right: 2.6rem;\n    }\n    .author-avatar-wrapper {\n      width: 40px;\n      height: 40px;\n      font-size: 20px;\n      "," {\n        width: 32px;\n        height: 32px;\n        font-size: 16px;\n      }\n    }\n  }\n  .image-preview-wrapper,\n  .link-preview-wrapper {\n    width: 100%;\n    &[data-is-reply='true'] {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n  }\n  .post-reaction {\n    background: none;\n    border-radius: 0 0 6px 6px;\n  }\n  &[data-is-reply='true'] {\n    > .post-author .author-avatar-wrapper {\n      width: 20px;\n      height: 20px;\n      font-size: 10px;\n    }\n  }\n  &[data-is-reply='false'] {\n    border: 1px solid #e4e8ec;\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-has-booking='true'] {\n    display: grid;\n    .post-author {\n      background-color: ",";\n    }\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n\n  .comment-reply-wrapper {\n    padding: 0 1rem;\n    .more-cmt {\n      .chevron-right {\n        height: 1rem;\n        width: 1rem;\n        vertical-align: middle;\n      }\n    }\n  }\n  .top-divider {\n    border-color: #e4e8ec;\n  }\n  .popover {\n    position: absolute;\n    top: 1.5rem;\n    right: 1rem;\n    .popover-menu__btn {\n      display: flex;\n      width: 1rem;\n      height: 1rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      background: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n\n      .popover-menu__content {\n        &.--position-bottom {\n          &.--align-end {\n            &::before {\n              right: 12.5px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    &[data-is-reply='false'] {\n      border: none;\n    }\n    .image-preview-wrapper,\n    .link-preview-wrapper {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n    .popover {\n      .popover-menu__btn {\n        width: 24px;\n        height: 24px;\n      }\n    }\n\n    margin-left: 56px;\n    "," {\n      margin-left: 40px;\n    }\n    > .post-author {\n      margin-left: -56px;\n      "," {\n        margin-left: -40px;\n      }\n      .author-info {\n        align-items: center;\n        display: flex;\n        align-items: center;\n        .author-info-top {\n          width: 100%;\n        }\n        .author-info-text-wrapper {\n          justify-content: space-between;\n        }\n      }\n      .author-avatar-wrapper {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        "," {\n          width: 24px;\n          height: 24px;\n          font-size: 12px;\n        }\n      }\n    }\n    &[data-is-reply] {\n      > .post-author {\n        .author-avatar-wrapper {\n          width: 40px;\n          height: 40px;\n          font-size: 20px;\n          "," {\n            width: 24px;\n            height: 24px;\n            font-size: 12px;\n          }\n        }\n      }\n    }\n\n    .comment-reply-wrapper {\n      padding-right: 0;\n      padding-left: 0;\n    }\n    .post-reaction {\n      &::after {\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: calc(100% - 2rem);\n        height: 1px;\n        background: #f3f3f3;\n        content: ' ';\n        transform: translateX(-50%);\n      }\n    }\n    .post-content-wrapper {\n      padding-top: 0;\n      padding-bottom: 0;\n      "," {\n        padding-left: 0.5rem;\n      }\n    }\n\n    "," {\n      margin-bottom: 12px;\n    }\n  }\n"],["\n  position: relative;\n  margin-bottom: 0;\n  background: white;\n  border-radius: 6px;\n\n  .post-author {\n    padding-top: 1rem;\n    padding-right: 2rem;\n    &.with-popover {\n      padding-right: 2.6rem;\n    }\n    .author-avatar-wrapper {\n      width: 40px;\n      height: 40px;\n      font-size: 20px;\n      "," {\n        width: 32px;\n        height: 32px;\n        font-size: 16px;\n      }\n    }\n  }\n  .image-preview-wrapper,\n  .link-preview-wrapper {\n    width: 100%;\n    &[data-is-reply='true'] {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n  }\n  .post-reaction {\n    background: none;\n    border-radius: 0 0 6px 6px;\n  }\n  &[data-is-reply='true'] {\n    > .post-author .author-avatar-wrapper {\n      width: 20px;\n      height: 20px;\n      font-size: 10px;\n    }\n  }\n  &[data-is-reply='false'] {\n    border: 1px solid #e4e8ec;\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-has-booking='true'] {\n    display: grid;\n    .post-author {\n      background-color: ",";\n    }\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n\n  .comment-reply-wrapper {\n    padding: 0 1rem;\n    .more-cmt {\n      .chevron-right {\n        height: 1rem;\n        width: 1rem;\n        vertical-align: middle;\n      }\n    }\n  }\n  .top-divider {\n    border-color: #e4e8ec;\n  }\n  .popover {\n    position: absolute;\n    top: 1.5rem;\n    right: 1rem;\n    .popover-menu__btn {\n      display: flex;\n      width: 1rem;\n      height: 1rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      background: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n\n      .popover-menu__content {\n        &.--position-bottom {\n          &.--align-end {\n            &::before {\n              right: 12.5px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    &[data-is-reply='false'] {\n      border: none;\n    }\n    .image-preview-wrapper,\n    .link-preview-wrapper {\n      padding-right: 1rem;\n      padding-left: 1rem;\n    }\n    .popover {\n      .popover-menu__btn {\n        width: 24px;\n        height: 24px;\n      }\n    }\n\n    margin-left: 56px;\n    "," {\n      margin-left: 40px;\n    }\n    > .post-author {\n      margin-left: -56px;\n      "," {\n        margin-left: -40px;\n      }\n      .author-info {\n        align-items: center;\n        display: flex;\n        align-items: center;\n        .author-info-top {\n          width: 100%;\n        }\n        .author-info-text-wrapper {\n          justify-content: space-between;\n        }\n      }\n      .author-avatar-wrapper {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        "," {\n          width: 24px;\n          height: 24px;\n          font-size: 12px;\n        }\n      }\n    }\n    &[data-is-reply] {\n      > .post-author {\n        .author-avatar-wrapper {\n          width: 40px;\n          height: 40px;\n          font-size: 20px;\n          "," {\n            width: 24px;\n            height: 24px;\n            font-size: 12px;\n          }\n        }\n      }\n    }\n\n    .comment-reply-wrapper {\n      padding-right: 0;\n      padding-left: 0;\n    }\n    .post-reaction {\n      &::after {\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: calc(100% - 2rem);\n        height: 1px;\n        background: #f3f3f3;\n        content: ' ';\n        transform: translateX(-50%);\n      }\n    }\n    .post-content-wrapper {\n      padding-top: 0;\n      padding-bottom: 0;\n      "," {\n        padding-left: 0.5rem;\n      }\n    }\n\n    "," {\n      margin-bottom: 12px;\n    }\n  }\n"])),t.mbDown,(function(n){return n.theme.colors.blue50}),t.mbDown,t.mbDown,t.mbDown,t.mbDown,t.mbDown,t.mbDown);export{p as StyledCardPost};

package/build/esm/together/components/organisms/popoverMenu/index.js

@@ -0,0 +1 @@
+import{__assign as t}from'./../../../../externals/tslib/tslib.es6.js';import n,{useContext as e,useState as o,useRef as r,useEffect as i}from"react";import{Button as a}from"../../../../components/atoms/button/index.js";import{TogetherComponentGlobalContext as c}from"../../../togetherComponentGlobalContext.js";import{StyledPopoverMenu as s}from"./index.styled.js";var l=function(l){var m=l.className,u=l.style,d=l.toggleButtonContent,p=l.position,f=void 0===p?"bottom":p,v=l.align,b=void 0===v?"end":v,y=l.children,g=l.buttonProps,h=e(c).data.env.isMarryBaby,w=o(!1),x=w[0],C=w[1],E=r(null),_=r(x);return i((function(){var t;_.current=x,x&&(null===(t=E.current)||void 0===t||t.focus())}),[x]),i((function(){var t=function(t){var n;!(null===(n=E.current)||void 0===n?void 0:n.contains(t.target))&&_.current&&C(!1)};return window.addEventListener("click",t),function(){window.removeEventListener("click",t)}}),[]),n.createElement(s,{"data-is-marrybaby":h,className:m,style:u},n.createElement(a,t({theme:h?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:function(){return C((function(t){return!t}))}},g),d),x?n.createElement("div",{ref:E,className:"popover-menu__content --position-".concat(f," --align-").concat(b),tabIndex:0,onClick:function(t){return t.stopPropagation()}},"function"==typeof y?y({setShow:C}):y):null)};export{l as PopoverMenu};

package/build/esm/together/components/organisms/popoverMenu/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from'./../../../../externals/tslib/tslib.es6.js';import t from"styled-components";var e,o,r=t.div(e||(e=n(["\n  position: relative;\n  display: content;\n\n  .popover-menu__btn {\n    /* position: relative; */\n    > span {\n      width: 100%;\n      height: 100%;\n      > img {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .popover-menu__content {\n    position: absolute;\n    z-index: 10;\n    width: 320px;\n    padding: 8px;\n    border: none;\n    background: #fff;\n    border-radius: 8px;\n    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);\n\n    &::before {\n      position: absolute;\n      width: 16px;\n      height: 8px;\n      background: #fff;\n      content: '';\n    }\n\n    &.--position {\n      &-top {\n        bottom: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            left: 0;\n\n            &::before {\n              top: 100%;\n              left: 16px;\n              clip-path: polygon(0 0, 50% 100%, 100% 0);\n            }\n          }\n\n          &-end {\n            left: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              top: 100%;\n              right: 16px;\n              clip-path: polygon(0 0, 50% 100%, 100% 0);\n            }\n          }\n        }\n      }\n\n      &-right {\n        left: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            top: 0;\n\n            &::before {\n              top: 16px;\n              left: 0;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n              transform: translateX(-100%);\n            }\n          }\n\n          &-end {\n            top: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              bottom: 16px;\n              left: 0;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n              transform: translateX(-100%);\n            }\n          }\n        }\n      }\n\n      &-bottom {\n        top: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            left: 0;\n\n            &::before {\n              bottom: 100%;\n              left: 16px;\n              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            }\n          }\n\n          &-end {\n            left: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              right: 16px;\n              bottom: 100%;\n              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            }\n          }\n        }\n      }\n\n      &-left {\n        left: -8px;\n        transform: translateX(-100%);\n\n        &.--align {\n          &-start {\n            top: 0;\n\n            &::before {\n              top: 16px;\n              left: 100%;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n              transform: translateX(0);\n            }\n          }\n\n          &-end {\n            bottom: 0;\n\n            &::before {\n              bottom: 16px;\n              left: 100%;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n              transform: translateX(0);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .popover-menu__content {\n      padding: 0;\n      border-radius: 12px;\n      /* &::before {\n        display: none;\n      } */\n    }\n  }\n"],["\n  position: relative;\n  display: content;\n\n  .popover-menu__btn {\n    /* position: relative; */\n    > span {\n      width: 100%;\n      height: 100%;\n      > img {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .popover-menu__content {\n    position: absolute;\n    z-index: 10;\n    width: 320px;\n    padding: 8px;\n    border: none;\n    background: #fff;\n    border-radius: 8px;\n    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);\n\n    &::before {\n      position: absolute;\n      width: 16px;\n      height: 8px;\n      background: #fff;\n      content: '';\n    }\n\n    &.--position {\n      &-top {\n        bottom: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            left: 0;\n\n            &::before {\n              top: 100%;\n              left: 16px;\n              clip-path: polygon(0 0, 50% 100%, 100% 0);\n            }\n          }\n\n          &-end {\n            left: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              top: 100%;\n              right: 16px;\n              clip-path: polygon(0 0, 50% 100%, 100% 0);\n            }\n          }\n        }\n      }\n\n      &-right {\n        left: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            top: 0;\n\n            &::before {\n              top: 16px;\n              left: 0;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n              transform: translateX(-100%);\n            }\n          }\n\n          &-end {\n            top: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              bottom: 16px;\n              left: 0;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 50%, 100% 0%, 100% 100%);\n              transform: translateX(-100%);\n            }\n          }\n        }\n      }\n\n      &-bottom {\n        top: calc(100% + 8px);\n\n        &.--align {\n          &-start {\n            left: 0;\n\n            &::before {\n              bottom: 100%;\n              left: 16px;\n              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            }\n          }\n\n          &-end {\n            left: 100%;\n            transform: translateX(calc(-100% + 1rem));\n\n            &::before {\n              right: 16px;\n              bottom: 100%;\n              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            }\n          }\n        }\n      }\n\n      &-left {\n        left: -8px;\n        transform: translateX(-100%);\n\n        &.--align {\n          &-start {\n            top: 0;\n\n            &::before {\n              top: 16px;\n              left: 100%;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n              transform: translateX(0);\n            }\n          }\n\n          &-end {\n            bottom: 0;\n\n            &::before {\n              bottom: 16px;\n              left: 100%;\n              width: 8px;\n              height: 16px;\n              clip-path: polygon(0 0%, 100% 50%, 0% 100%);\n              transform: translateX(0);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .popover-menu__content {\n      padding: 0;\n      border-radius: 12px;\n      /* &::before {\n        display: none;\n      } */\n    }\n  }\n"]))),i=t.div(o||(o=n(["\n  display: flex;\n  /* max-height: 300px; */\n  flex-direction: column;\n  cursor: default;\n\n  .__header {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem 0;\n    margin-bottom: 8px;\n\n    .__back-btn {\n      position: absolute;\n      top: 50%;\n      left: 8px;\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n\n  .tree-text-description {\n    padding-right: 8px;\n    padding-left: 8px;\n    margin-top: -8px;\n    margin-bottom: 8px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 22px;\n    text-align: left;\n  }\n\n  .__content {\n    overflow: auto;\n    flex: 1;\n  }\n\n  .__list {\n    .__item {\n      position: relative;\n      &.bold-item {\n        font-weight: 700;\n      }\n      &:last-child {\n        .__btn {\n          margin-bottom: 0;\n        }\n      }\n\n      .__btn {\n        position: relative;\n        display: flex;\n        width: 100%;\n        height: 40px;\n        align-items: center;\n        padding: 0 1rem;\n        border: none;\n        margin-bottom: 8px;\n        color: ",";\n        cursor: pointer;\n        text-align: left;\n        transition: background 0.3s;\n\n        /* for better gtm tracking result  */\n        * {\n          pointer-events: none;\n        }\n        &.--checked {\n          color: ",";\n          pointer-events: none;\n        }\n\n        &:hover {\n          background: ",";\n        }\n\n        .__icon {\n          width: 16px;\n          height: 16px;\n          margin-right: 0.4rem;\n        }\n\n        & > span {\n          position: relative;\n\n          & > img {\n            width: 16px;\n            height: 16px;\n            margin-right: 0.4rem;\n          }\n        }\n      }\n\n      .__toggle {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 16px;\n        height: 16px;\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .__header {\n      padding: 1rem;\n    }\n    .tree-text-description {\n      padding: 0 1rem;\n    }\n    .__list {\n      .__item {\n        &:first-child {\n          .__btn {\n            border-top-left-radius: 12px;\n            border-top-right-radius: 12px;\n          }\n        }\n        &:last-child {\n          .__btn {\n            border-bottom-left-radius: 12px;\n            border-bottom-right-radius: 12px;\n          }\n        }\n        .__btn {\n          height: unset;\n          padding: 1rem;\n          margin-bottom: 0;\n          &:hover {\n            background: ",";\n          }\n        }\n      }\n    }\n  }\n"],["\n  display: flex;\n  /* max-height: 300px; */\n  flex-direction: column;\n  cursor: default;\n\n  .__header {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem 0;\n    margin-bottom: 8px;\n\n    .__back-btn {\n      position: absolute;\n      top: 50%;\n      left: 8px;\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n      transform: translateY(-50%);\n    }\n  }\n\n  .tree-text-description {\n    padding-right: 8px;\n    padding-left: 8px;\n    margin-top: -8px;\n    margin-bottom: 8px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 22px;\n    text-align: left;\n  }\n\n  .__content {\n    overflow: auto;\n    flex: 1;\n  }\n\n  .__list {\n    .__item {\n      position: relative;\n      &.bold-item {\n        font-weight: 700;\n      }\n      &:last-child {\n        .__btn {\n          margin-bottom: 0;\n        }\n      }\n\n      .__btn {\n        position: relative;\n        display: flex;\n        width: 100%;\n        height: 40px;\n        align-items: center;\n        padding: 0 1rem;\n        border: none;\n        margin-bottom: 8px;\n        color: ",";\n        cursor: pointer;\n        text-align: left;\n        transition: background 0.3s;\n\n        /* for better gtm tracking result  */\n        * {\n          pointer-events: none;\n        }\n        &.--checked {\n          color: ",";\n          pointer-events: none;\n        }\n\n        &:hover {\n          background: ",";\n        }\n\n        .__icon {\n          width: 16px;\n          height: 16px;\n          margin-right: 0.4rem;\n        }\n\n        & > span {\n          position: relative;\n\n          & > img {\n            width: 16px;\n            height: 16px;\n            margin-right: 0.4rem;\n          }\n        }\n      }\n\n      .__toggle {\n        position: absolute;\n        top: 50%;\n        right: 16px;\n        width: 16px;\n        height: 16px;\n        pointer-events: none;\n        transform: translateY(-50%);\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .__header {\n      padding: 1rem;\n    }\n    .tree-text-description {\n      padding: 0 1rem;\n    }\n    .__list {\n      .__item {\n        &:first-child {\n          .__btn {\n            border-top-left-radius: 12px;\n            border-top-right-radius: 12px;\n          }\n        }\n        &:last-child {\n          .__btn {\n            border-bottom-left-radius: 12px;\n            border-bottom-right-radius: 12px;\n          }\n        }\n        .__btn {\n          height: unset;\n          padding: 1rem;\n          margin-bottom: 0;\n          &:hover {\n            background: ",";\n          }\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.mbColors.lightPink}));export{r as StyledPopoverMenu,i as StyledTree};

package/build/esm/together/components/organisms/popoverMenu/treePopoverMenu.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from'./../../../../externals/tslib/tslib.es6.js';import n,{useState as l,useMemo as r}from"react";import{Heading as a}from"../../../../components/atoms/heading/index.js";import{Text as s}from"../../../../components/atoms/text/index.js";import{theme as i}from"../../../../misc/theme.js";import o from"../../../assets/svg/icon-check-gray.svg.js";import c from"../../../assets/svg/icon-chevron-left-dark.svg.js";import m from"../../../assets/svg/icon-chevron-right-dark.svg.js";import{PopoverMenu as u}from"./index.js";import{StyledTree as d}from"./index.styled.js";var v=function(l){var r=l.data,a=e(l,["data"]);return n.createElement(u,t({},a),(function(e){var t=e.setShow;return n.createElement(f,{data:r,setShow:t})}))},f=function(e){var t,u=e.data,v=e.setShow,f=l(""),p=f[0],g=f[1],_=r((function(){return u&&function(e,t){var n=t.split("."),l=e;return n.forEach((function(e){var t,n;e&&l&&"list"===(null==l?void 0:l.type)&&(l=null===(n=null===(t=null==l?void 0:l.list)||void 0===t?void 0:t[Number(e)])||void 0===n?void 0:n.subTree)})),l}(u,p)}),[u,p]);if(!u)return null;if(!_)return null;return n.createElement(d,null,_.isShowheader?n.createElement("div",{className:"__header"},p?n.createElement("img",{className:"__back-btn",src:c,onClick:function(){return g((function(e){return e.split(".").slice(0,-1).join(".")}))}}):null,_.title?n.createElement(a,{className:"__title",tag:"h6"},_.title):null):null,_.description?n.createElement(s,{className:"tree-text-description",color:i.colors.gray600,size:"p3",type:"regular"},_.description):null,n.createElement("div",{className:"__content"},"jsx"===_.type?null===(t=null==_?void 0:_.jsxRenderer)||void 0===t?void 0:t.call(_,v):null,"list"===_.type?n.createElement("ul",{className:"__list"},Array.isArray(_.list)?_.list.map((function(e,t){return n.createElement("li",{key:t,style:e.style,className:"__item ".concat(e.className)}," ",n.createElement("div",{className:"__btn ".concat(e.selected?"--checked":""),onClick:function(){return function(e,t){var n=t.subTree,l=t.onClick,r=void 0===l?function(){return null}:l;r&&r(),n?g((function(t){return t.split(".").concat(String(e)).join(".")})):v&&v(!1)}(t,e)},"data-event-category":e.dataEventCategory,"data-event-action":e.dataEventAction,"data-event-label":e.dataEventLabel},e.icon&&n.createElement("img",{className:"__icon",src:e.icon}),n.createElement("span",null,e.label)),e.subTree?n.createElement("img",{className:"__toggle",src:m}):null,e.selected?n.createElement("img",{className:"__toggle",src:o}):null)})):null):null))};export{f as Tree,v as TreePopoverMenu};

package/build/esm/together/hooks/useTogetherAuthRequiredAction.js

@@ -0,0 +1 @@
+import{__assign as o}from'./../../externals/tslib/tslib.es6.js';import t,{createContext as e,useContext as i}from"react";import{deleteCookie as n}from"../../misc/cookieHelper.js";import{TogetherComponentGlobalContext as r}from"../togetherComponentGlobalContext.js";import{getUrlToSignUp as a}from"../api/utils.js";import{BEARER_TOKEN_COOKIE as l}from"../interfaces/constants.js";var m=e({}),s=function(o){var e=o.children,i=o.defaultParams;return t.createElement(m.Provider,{value:{defaultParams:i}},e)},c=function(t){var e=i(r).data,s=e.userInfo,c=e.env.togetherBasePath,u=(i(m)||{}).defaultParams,d=null==s?void 0:s.id,f=s&&"number"==typeof s.communities_interacted&&0===s.communities_interacted;return{authActionWrapper:function(e,i){var r=o(o(o({},u),t),i);if(!d||f){d||n(l),(null==r?void 0:r._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(r._joinCommunityIds).filter(Boolean))))),null==r||delete r._joinCommunityIds),(null==r?void 0:r._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(r._joinTopicIds).filter(Boolean))))),null==r||delete r._joinTopicIds);var m=(null==r?void 0:r._location)||window.location.href;return null==r||delete r._location,window.location.href=a(m,r,c),null}return e&&e()},params:o(o({},u),t)}};export{m as TogetherAuthConfigContext,s as TogetherAuthConfigContextProvider,c as useTogetherAuthRequiredAction};

package/build/esm/together/index.js

@@ -0,0 +1 @@
+export{TogetherAuthConfigContext,TogetherAuthConfigContextProvider,useTogetherAuthRequiredAction}from"./hooks/useTogetherAuthRequiredAction.js";export{Loading}from"./components/atoms/loading/index.js";export{UserAvatar}from"./components/atoms/userAvatar/index.js";export{CardLink}from"./components/atoms/cardLink/index.js";export{CardReactions}from"./components/atoms/cardReactions/index.js";export{TagTopic}from"./components/atoms/tagTopic/index.js";export{LabelSortPin}from"./components/atoms/labelSortPin/index.js";export{LabelPin}from"./components/atoms/labelSortPin/labelPin.js";export{LabelSorting}from"./components/atoms/labelSortPin/labelSorting.js";export{CardAuthor}from"./components/molecules/cardAuthor/index.js";export{CreateNewPostContent}from"./components/molecules/createNewPostContent/index.js";export{CreatePostDescription}from"./components/molecules/createPostDescription/index.js";export{CreatePostTitle}from"./components/molecules/createPostTitle/index.js";export{PopupDanger}from"./components/molecules/popupDanger/index.js";export{PopupExpert}from"./components/molecules/popupExpert/index.js";export{PopupDoctor}from"./components/molecules/popupDoctor/index.js";export{PopupHospital}from"./components/molecules/popupHospital/index.js";export{TopicSelectList}from"./components/molecules/topicSelectList/index.js";export{InputCommentBar}from"./components/molecules/inputCommentBar/index.js";export{PopupFrame}from"./components/molecules/popupFrame/index.js";export{SharePopup}from"./components/molecules/popupFrame/popupShare.js";export{SubmitReportForm}from"./components/molecules/submitReportForm/index.js";export{ShareBox}from"./components/molecules/shareBox/index.js";export{PostContent}from"./components/molecules/postContent/index.js";export{ImagePreviewPopup}from"./components/molecules/postImagePreview/imagePreviewPopup.js";export{PostSingleImageViewPopup}from"./components/molecules/postImagePreview/postSingleImageViewPopup/index.js";export{PostImagePreview}from"./components/molecules/postImagePreview/index.js";export{SocialLinkPreview}from"./components/molecules/socialLinkPreview/index.js";export{CardPost}from"./components/organisms/cardPost/index.js";export{CardPostPopoverMore}from"./components/organisms/cardPost/cardPostPopover.js";export{CardReply}from"./components/organisms/cardReply/index.js";export{CardReplyPopover}from"./components/organisms/cardReply/cardReplyPopover.js";export{PopoverMenu}from"./components/organisms/popoverMenu/index.js";import*as o from"./api/dataTransform.js";export{o as TogetherDataTransforms};import*as e from"./interfaces/types.js";export{e as TogetherTypes};import*as t from"./interfaces/constants.js";export{t as TogetherConstants};export{DefaultComponentGlobalContextData,GlobalData,TogetherComponentGlobalContext,TogetherComponentGlobalContextProvider}from"./togetherComponentGlobalContext.js";

package/build/esm/together/interfaces/constants.js

@@ -0,0 +1 @@
+var e="dd/MM/yyyy",a="YYYY-MM-DD",r="DD/MM/YYYY",t="/images/avatar.jpg",o="/images/default.png",l="/images/default-image.jpg",i=["underweight","healthy","overweight","obese_level_1","obese_level_2"],c=["low","normal","high"],n="coral_together_user_token",m={DUE_DATE:"DUE_DATE",BMI:"BMI",BMR:"BMR",OVULATION:"OVULATION",IFRAME:"IFRAME",PWG:"PWG",THR:"THR"},p={"id-ID":{"kalkulator-bmi":m.BMI,"kebutuhan-kalori":m.BMR,"kalkulator-hari-perkiraan-lahir":m.DUE_DATE,"kalkulator-masa-subur-2":m.OVULATION,"kalkulator-kenaikan-berat-badan-ibu-hamil":m.PWG,"kalkulator-detak-jantung-saat-olahraga":m.THR},"ms-MY":{"kalkulator-bmi":m.BMI,"kalkulator-bmr":m.BMR,"kalkulator-tarikh-bersalin":m.DUE_DATE,"kalkulator-kesuburan":m.OVULATION,"kalkulator-tambah-berat-badan-hamil":m.PWG,"target-heart-rate-calculator":m.THR},"vi-VN":{"cach-tinh-chi-so-bmi":m.BMI,"tinh-chi-so-bmr":m.BMR,"cong-cu-tinh-ngay-du-sinh":m.DUE_DATE,"tinh-ngay-rung-trung":m.OVULATION,"cong-cu-tinh-can-nang-khi-mang-thai":m.PWG,"cong-cu-do-nhip-tim":m.THR},"zh-TW":{"bmi-calculator":m.BMI,"bmr-calculator":m.BMR,"due-date-calculator":m.DUE_DATE,"ovulation-calculator":m.OVULATION,"pregnancy-weight-gain-calculator":m.PWG,"target-heart-rate-calculator":m.THR},"en-PH":{"bmi-calculator":m.BMI,"bmr-calculator":m.BMR,"due-date-calculator":m.DUE_DATE,"ovulation-calculator":m.OVULATION,"pregnancy-weight-gain-calculator":m.PWG,"target-heart-rate-calculator":m.THR},"th-TH":{"เครื่องคำนวณหา-ค่าดัชนี":m.BMI,"เครื่องคำนวณอัตราการเผาผลาญพลังงาน-bmr":m.BMR,"เครื่องมือคำนวณกำหนดคลอด":m.DUE_DATE,"เครื่องคำนวณการตกไข่-ovulation-calculat":m.OVULATION,"เครื่องคำนวณน้ำหนักตัว":m.PWG,"เครื่องวัดอัตราการเต้น":m.THR},"hi-IN":{"bmi-calculator-en":m.BMI,"bmi-calculator":m.BMI,"bmr-calculator":m.BMR,"delivery-date-calculator":m.DUE_DATE,"ovulation-calculator":m.OVULATION,"pregnancy-weight-gain-calculator":m.PWG,"target-heart-rate-calculator":m.THR},"km-KH":{"គណនា-bmi":m.BMI,"គណនា-bmr":m.BMR,"គណនាថ្ងៃសម្រាលកូន":m.DUE_DATE,"គណនាថ្ងៃមេជីវិតញីទុំធ្លាក់":m.OVULATION,"គណនាទម្ងន់ស្ត្រីពពោះ":m.PWG,"គណនារកចង្វាក់បេះដូងល្អ":m.THR},"my-MM":{"bmi-calculator":m.BMI,"bmr-calculator":m.BMR,"due-date-calendar":m.DUE_DATE,"ovulation-calculator":m.OVULATION,"pregnaancy-weight-calculator":m.PWG,"target-heartrate":m.THR,"pregnancy-weight-calculator":m.PWG,"target-heart-rate":m.THR}},s="hhg_user_token",d="hhg_together_disclaimer",u="together_admin_token",h={adBlock:48,articleAdContainer:47,headerContainerHome:99,headerContainerPopup:200,headerContainerPopupSUbLevel:300,menuSearchInputPopup:5,menuSearchInputDisplayIcon:6,menuSearchPopup:200},b=[{value:"sedentary",icon:"bmr-sedentary",name:"bmr.activeLevel.sedentary",description:"bmr.activeLevel.sedentary.description"},{value:"lightly-active",icon:"bmr-light",name:"bmr.activeLevel.lightlyActive",description:"bmr.activeLevel.lightlyActive.description"},{value:"moderately-active",icon:"bmr-moderately",name:"bmr.activeLevel.moderatelyActive",description:"bmr.activeLevel.moderatelyActive.description"},{value:"intensely-active",icon:"bmr-intensively",name:"bmr.activeLevel.intenselyActive",description:"bmr.activeLevel.intenselyActive.description"},{value:"extremely-active",icon:"bmr-extremely",name:"bmr.activeLevel.extremelyActive",description:"bmr.activeLevel.extremelyActive.description"}],v="lmoct7xfr5sv4fv",g="hhg-id",T="_ga",A="1038242799566-esoq4ij201ve5qfp266nbca44scpo3c6.apps.googleusercontent.com",R="https://www.appsheet.com/start/4ba34ebe-3cb6-4c16-8dd4-d074025a5bb6#appName=DependentDropdowns-2711103&group=%5B%5D&page=card&sort=%5B%5D&table=Menu&view=Menu",k={report_scam:{label:"morePopover.report.scam",reportReasonText:"morePopover.report.scam"},report_sex:{label:"morePopover.report.sex",reportReasonText:"morePopover.report.sex"},report_offensive:{label:"morePopover.report.offensive",reportReasonText:"morePopover.report.offensive"},report_violence:{label:"morePopover.report.violence",reportReasonText:"morePopover.report.violence"},report_prohibited:{label:"morePopover.report.prohibited",reportReasonText:"morePopover.report.prohibited"},report_spam:{label:"morePopover.report.spam",reportReasonText:"morePopover.report.spam"},report_falseNews:{label:"morePopover.report.falseNews",reportReasonText:"morePopover.report.falseNews"},report_other:{label:"morePopover.report.other",reportReasonText:"morePopover.report.other"}},E={LINKEDIN:"https://www.linkedin.com/company/hello-health-group/",FACEBOOK:"https://www.facebook.com/marry.baby.vn",INSTAGRAM:"https://www.instagram.com/marrybaby.vn/",TWITTER:"",YOUTUBE:"https://www.youtube.com/channel/UCeZybTkY1VzJ3N7LvPGdKbg",ZALO:"http://zalo.me/806483414530291942"},I=["admin","moderator","local-admin"],y=["ambassador","expert","sponsor","guide","influencer"],P=["moderator","local-admin"],L=["expert","ambassador","sponsor"],M={moderator:{text:"Moderator",fid:"cardAuthor.moderator",background:"#fe921d"},admin:{text:"Admin",fid:"cardAuthor.admin",background:"#2b62cd"},"local-admin":{text:"Local admin",fid:"cardAuthor.localAdmin",background:"#2b62cd"},expert:{text:"Expert",fid:"cardAuthor.expert",background:"#ff6f4d"},sponsor:{text:"Sponsor",fid:"cardAuthor.sponsor",background:"#00c7e6"},ambassador:{text:"Ambassador",fid:"cardAuthor.ambassador",background:"#00CB8A"}},D=20,O={"en-PH":{ALL:"all",HOSPITAL:"hospital",SERVICE:"service",DOCTOR:"doctor",SEARCH:"search",SPECIALTIES:"specialties",CURRENT:"current-location"},"vi-VN":{ALL:"tat-ca",HOSPITAL:"benh-vien",SERVICE:"dich-vu",DOCTOR:"bac-si",SEARCH:"tim-kiem",SPECIALTIES:"chuyen-khoa",CURRENT:"vi-tri-hien-tai"},"id-ID":{ALL:"semua",HOSPITAL:"rumah-sakit",SERVICE:"layanan",DOCTOR:"dokter",SEARCH:"cari",SPECIALTIES:"spesialisasi",CURRENT:"posisi-saya-saat-ini"}};export{u as BEARER_ADMIN_TOKEN_COOKIE,s as BEARER_TOKEN_COOKIE,i as BMI_LEVELS,c as BMR_LEVELS,b as BmrActiveLevels,n as CORAL_TOKEN_COOKE,t as DEFAULT_AVATAR_IMG,l as DEFAULT_IMG,o as DEFAULT_RESULT_IMG,r as DUE_DATE_FORMAT,L as EXTERNAL_PROFILE_ROLES,y as EXTERNAL_ROLES,R as FIND_CARE_IFRAME_URL,T as GA_TOKEN_COOKIE,A as GOOGLE_CALENDAR_AUTH_CLIENT_ID,m as HEALTH_TOOL_TYPE,P as INTERNAL_PROFILE_ROLES,I as INTERNAL_ROLES,v as LEAD_CAMPAIGN_CODE,g as LEAD_TOKEN_COOKIE,p as LOCALE_HEALTH_TOOLS,O as LOCALISED_SLUGS,D as MAX_IMAGE_UPLOADS,E as MB_SOCIAL_LINKS,a as NORMAL_DATE_FORMAT,e as POST_DATE_FORMAT,k as REPORT_REASON_MAP,M as RoleDataMap,d as TOGETHER_DISCLAIMER_COOKIE,h as Z_INDEX};

package/build/esm/together/interfaces/types.js

@@ -0,0 +1 @@
+

package/build/esm/together/togetherComponentGlobalContext.js

@@ -0,0 +1 @@
+import t,{createContext as i,useState as o,useEffect as n}from"react";import{PATHS as e}from"./api/paths.js";import{callApiWithAuth as r,getApiPath as a}from"./api/utils.js";var u={locale:"vi-VN",env:{isMarryBaby:!1,togetherBasePath:"/community"},router:{basePath:"",asPath:"/"}},c=i({data:u,action:{pushNotifications:function(t){return t},sanitizeFunction:function(t){return t}}}),s=u,l=function(i){var u=i.locale,l=void 0===u?"vi-VN":u,v=i.children,d=i.userInfo,f=i.router,h=i.env,m=void 0===h?{isMarryBaby:!1,togetherBasePath:"/community"}:h,p=i.sanitizeFunction,y=void 0===p?function(t){return t}:p,I=i.pushNotifications,P=void 0===I?function(){return!1}:I,N=o(),g=N[0],B=N[1];return s={userInfo:d,locale:l,togetherUserId:g,router:f,env:m},n((function(){(null==d?void 0:d.id)&&r(a(e.PROFILE,{_locale:l}),"GET").then((function(t){var i;B(null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.id)}))}),[null==d?void 0:d.id]),t.createElement(c.Provider,{value:{data:{userInfo:d,locale:l,togetherUserId:g,router:f,env:m},action:{pushNotifications:P,sanitizeFunction:y}}},v)};export{u as DefaultComponentGlobalContextData,s as GlobalData,c as TogetherComponentGlobalContext,l as TogetherComponentGlobalContextProvider};

package/build/esm/together/utils/apiActions/comment.js

@@ -0,0 +1 @@
+import{__awaiter as n,__generator as t}from'./../../../externals/tslib/tslib.es6.js';import{MAX_IMAGE_UPLOADS as e}from"../../interfaces/constants.js";import{PATHS as i}from"../../api/paths.js";import{callApiWithAuth as r,getApiPath as o}from"../../api/utils.js";import{encodePostContent as a,getMentionIdsFromString as c,uploadAndGetSrc as l}from"../post.js";var p=function(i){var r=i.postId,o=i.message,p=i.photos,u=i.link,s=i.locale,d=i.sanitizeFunction,f=i.replyingUserId,m=i.replyingUserName,v=i.replyingId;return n(void 0,void 0,void 0,(function(){var n,i,E;return t(this,(function(t){switch(t.label){case 0:return n=new FormData,i=a(o.replace(/(\ )+/g," "),d),E=c(i),p&&p.length>0?[4,Promise.all(null==p?void 0:p.map((function(n){return l(n,s)})))]:[3,2];case 1:t.sent().filter(Boolean).slice(0,e).forEach((function(t){n.append("images[]",t)})),t.label=2;case 2:return u&&n.append("link",u),null==E||E.forEach((function(t){n.append("mention_ids[]",t)})),n.append("post_id",r),v&&n.append("parent_id",v),f&&(E.unshift(f),i='[mention+id="'.concat(f,'"+name="').concat((m||"").replace('"',"'"),'"]').concat(i),n.append("parent_user_id",String(f))),n.append("content",i),n.append("content",i),[2,n]}}))}))},u=function(e,a){return n(void 0,void 0,void 0,(function(){return t(this,(function(n){return[2,r(o(i.COMMENT.CREATE,{_locale:a}),"POST",{data:e})]}))}))},s=function(n){try{var t=n.match(/\[@([^\]]+)\]/),e=t?t[0].replace("[@","").replace("]",""):"";return{text:n.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:e}}catch(n){}return{text:""}},d=function(e,a){return n(void 0,void 0,void 0,(function(){return t(this,(function(n){return[2,r(o(i.COMMENT.REPLY,{_locale:a}),"POST",{data:e})]}))}))},f=function(e){var a=e.commentId,c=e.setLike,l=void 0!==c&&c,p=e.locale;return n(void 0,void 0,void 0,(function(){return t(this,(function(n){return[2,r(o(l?i.COMMENT.LIKE:i.COMMENT.UNLIKE,{_locale:p,id:a}),"GET")]}))}))},m=function(n){var t=n.id,e=n.locale;return r(o(i.COMMENT.DELETE,{_locale:e,id:t}),"DELETE")};export{s as decodeCommentBody,m as deleteComment,p as getCommentFormBody,f as likeUnlikeComment,u as submitComment,d as submitReply};

package/build/esm/together/utils/apiActions/post.js

@@ -0,0 +1 @@
+import{__awaiter as n,__generator as e}from'./../../../externals/tslib/tslib.es6.js';import{safeEncodeURI as i}from"../../../misc/utils.js";import{MAX_IMAGE_UPLOADS as t}from"../../interfaces/constants.js";import{PATHS as o}from"../../api/paths.js";import{callApiWithAuth as r,getApiPath as a}from"../../api/utils.js";import{removeBannedWordWrapper as c,getMentionIdsFromString as l,encodePostContent as s,uploadAndGetSrc as u}from"../post.js";var d=function(i){var t=i.id,c=i.locale;return n(void 0,void 0,void 0,(function(){return e(this,(function(n){switch(n.label){case 0:return t?[4,r(a(o.POST.LIKE,{id:t,_locale:c}),"GET")]:[2];case 1:return[2,n.sent()]}}))}))},p=function(i){var t=i.id,c=i.locale;return n(void 0,void 0,void 0,(function(){return e(this,(function(n){switch(n.label){case 0:return t?[4,r(a(o.POST.DELETE,{id:t,_locale:c}),"DELETE")]:[2];case 1:return[2,n.sent()]}}))}))},m=function(o){var r=o.title,a=o.description,d=o.communityId,p=o.imageFiles,m=o.previewUrl,f=o.topicIds,v=o.locale,T=o.sanitizeFunction,E=o.categoryCommunityId,_=o.categoryTopicIds,h=o.introUrl,g=o.bannerUrl,w=o.scheduleTime,P=o.isAnonymous;return n(void 0,void 0,void 0,(function(){var n,o,S,y,O;return e(this,(function(e){switch(e.label){case 0:return n=new FormData,o=c(a),S=c(r),y=l(o),n.append("title",S),n.append("description",s(o,T)),E?n.append("category_community",String(E)):d&&n.append("community_id",String(d)),n.append("is_anonymous",P?"1":"0"),(null==m?void 0:m.title)&&n.append("preview_title",m.title),(null==m?void 0:m.description)&&n.append("preview_description",m.description),(null==m?void 0:m.url)&&n.append("preview_link",i(m.url)),(null==m?void 0:m.image)&&n.append("preview_image",i(m.image)),null==f||f.forEach((function(e){n.append("topics[]",String(e||""))})),null==_||_.forEach((function(e){n.append("category_topics[]",String(e||""))})),(null==p?void 0:p.length)?[4,Promise.all(p.map((function(n,e){return new Promise((function(i){setTimeout((function(){i(u(n,v))}),2e3*e)}))})))]:[3,2];case 1:return null==(O=e.sent())||O.filter(Boolean).slice(0,t).forEach((function(e,i){n.append("images[".concat(i,"]"),e)})),[3,3];case 2:n.append("images",""),e.label=3;case 3:return null==y||y.forEach((function(e){n.append("mention_ids[]",e)})),n.append("intro_url",h||""),n.append("banner",g||""),w&&(n.append("post_type","scheduled"),n.append("schedule_datetime",w)),[2,n]}}))}))},f=function(i){var t=i.locale,c=i.formData,l=i.isArticleComment;return n(void 0,void 0,void 0,(function(){return e(this,(function(n){switch(n.label){case 0:return[4,r(a(l?o.POST.CREATE_ARTICLE_COMMENT:o.POST.CREATE,{_locale:t}),"POST",{data:c})];case 1:return[2,n.sent()]}}))}))},v=function(i){var t=i.id,c=i.locale,l=i.formData;return n(void 0,void 0,void 0,(function(){return e(this,(function(n){switch(n.label){case 0:return[4,r(a(o.POST.UPDATE,{id:t,_locale:c}),"POST",{data:l})];case 1:return[2,n.sent()]}}))}))},T=function(n){var e=n.id,i=n.reason,t=n.locale,c=new FormData;return c.append("reason",i),r(a(o.POST.REPORT,{_locale:t,id:e}),"POST",{data:c})};export{f as createPost,p as deletePost,v as editPost,m as getPostFormData,d as likeUnlikePost,T as reportPost};

package/build/esm/together/utils/notification.js

@@ -0,0 +1 @@
+var e=function(e){return{message:e("notification.failure"),type:"danger"}};export{e as getDefaultFailNoti};