@hhgtech/hhg-components 1.18.47 → 1.18.48

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

@@ -0,0 +1 @@
+{"version":3,"file":"imagePreviewPopup.js","sources":["../../../../../src/together/components/molecules/postImagePreview/imagePreviewPopup.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useState } from 'react'\n\nimport { Text } from 'components/atoms/text'\nimport { useTranslations } from 'hooks/useTranslations'\nimport * as ReactDOM from 'react-dom'\n\nimport IconArrowLeft from '../../../assets/svg/icon-arrow-left.svg'\nimport { StyledImagePreviewPopup } from './index.styled'\n\nexport type Props = {\n  className?: string\n  style?: CSSProperties\n  images: string[]\n  authorName: string\n  onClose?: () => void\n  onOpenSingleView?: (index: number) => void\n}\n\nexport const ImagePreviewPopup = ({\n  className,\n  style,\n  authorName,\n  images,\n  onClose,\n  onOpenSingleView,\n}: Props) => {\n  const { t } = useTranslations()\n  const [isOpen, setIsOpen] = useState(false)\n  useEffect(() => {\n    setTimeout(() => {\n      setIsOpen(true)\n    }, 0)\n  }, [])\n  return ReactDOM.createPortal(\n    <StyledImagePreviewPopup\n      className={className}\n      style={style}\n      data-open={isOpen}\n    >\n      <div className=\"top-bar\">\n        <img\n          className=\"icon-arrow-left\"\n          src={IconArrowLeft}\n          onClick={onClose}\n          alt=\"go back\"\n        ></img>\n        <Text\n          size=\"p2\"\n          type=\"bold\"\n          style={{\n            textAlign: 'center',\n          }}\n        >\n          {t('previewPhotos.title', {\n            name: authorName,\n          })}\n        </Text>\n      </div>\n      <div className=\"container\">\n        {images.map((image, index) => (\n          <img\n            className=\"img-preview\"\n            key={index}\n            src={image}\n            onClick={() => onOpenSingleView?.(index)}\n            alt=\"post img\"\n          />\n        ))}\n      </div>\n    </StyledImagePreviewPopup>,\n    document.body,\n  )\n}\n"],"names":["_a","className","style","authorName","images","onClose","onOpenSingleView","t","useTranslations","_b","useState","isOpen","setIsOpen","useEffect","setTimeout","ReactDOM","createPortal","React","StyledImagePreviewPopup","createElement","src","IconArrowLeft","onClick","alt","Text","size","type","textAlign","name","map","image","index","key","document","body"],"mappings":"ssBAkBiC,SAACA,GAChC,IAAAC,EAASD,EAAAC,UACTC,EAAKF,EAAAE,MACLC,EAAUH,EAAAG,WACVC,WACAC,EAAOL,EAAAK,QACPC,EAAgBN,EAAAM,iBAERC,EAAMC,sBACRC,EAAsBC,EAAAA,UAAS,GAA9BC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAMxB,OALAI,EAAAA,WAAU,WACRC,YAAW,WACTF,GAAU,KACT,KACF,IACIG,EAASC,aACdC,wBAACC,EAAuBA,wBAAA,CACtBjB,UAAWA,EACXC,MAAOA,cACIS,GAEXM,EAAAA,QAAKE,cAAA,MAAA,CAAAlB,UAAU,WACbgB,EAAAA,QAAAE,cAAA,MAAA,CACElB,UAAU,kBACVmB,IAAKC,EACLC,QAASjB,EACTkB,IAAI,YAENN,UAACE,cAAAK,EAAAA,KACC,CAAAC,KAAK,KACLC,KAAK,OACLxB,MAAO,CACLyB,UAAW,WAGZpB,EAAE,sBAAuB,CACxBqB,KAAMzB,MAIZc,UAAKE,cAAA,MAAA,CAAAlB,UAAU,aACZG,EAAOyB,KAAI,SAACC,EAAOC,GAAU,OAC5Bd,EAAAA,QACEE,cAAA,MAAA,CAAAlB,UAAU,cACV+B,IAAKD,EACLX,IAAKU,EACLR,QAAS,WAAM,OAAAhB,aAAgB,EAAhBA,EAAmByB,IAClCR,IAAI,kBAKZU,SAASC"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/heading/index.js"),a=require("../../../../misc/lazyLoad.js"),n=require("../../../../misc/utils.js"),r=require("../../../togetherComponentGlobalContext.js"),l=require("./imagePreviewPopup.js"),o=require("./index.styled.js"),i=require("./postSingleImageViewPopup/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(e);exports.PostImagePreview=function(u){var c=u.className,m=u.images,d=void 0===m?[]:m,g=u.style,f=u.authorName,p=e.useContext(r.TogetherComponentGlobalContext).data.env.isMarryBaby,v="+ ".concat((d.length||0)-4),y=e.useState(!1),w=y[0],E=y[1],P=e.useState(-1),N=P[0],h=P[1];e.useEffect((function(){setTimeout((function(){return null===a.lazyLoadInstance||void 0===a.lazyLoadInstance?void 0:a.lazyLoadInstance.update()}),100)}),[null==d?void 0:d.slice(0,5).join("|")]);var j=d.length>5,x=e.useRef(!1);return e.useEffect((function(){return function(){x.current&&n.toggleNoScroll(!1)}}),[]),e.useEffect((function(){w||N>=0?(n.toggleNoScroll(!0),x.current=!0):(n.toggleNoScroll(!1),x.current=!1)}),[w,N]),s.default.createElement(s.default.Fragment,null,s.default.createElement(o.StyledPostImagePreview,{className:c,style:g,"data-image-count":j?5:d.length||0,"data-is-marrybaby":p},null==d?void 0:d.slice(0,5).map((function(e,a){return s.default.createElement("div",{className:"img-wrapper",key:a,onClick:function(){a>=4&&j?E(!0):h(a)}},!p&&s.default.createElement("img",{className:"lazy img-preview-blur","data-src":e}),s.default.createElement("img",{className:"lazy img-preview","data-src":e}),4===a&&j&&s.default.createElement("div",{className:"img-more-overlay"},s.default.createElement(t.Heading,{tag:"h1",color:"white"},v)))}))),w&&s.default.createElement(l.ImagePreviewPopup,{authorName:f||"",images:d,onClose:function(){return E(!1)},onOpenSingleView:h}),N>=0&&s.default.createElement(i.PostSingleImageViewPopup,{images:d,initialViewIndex:N,onClose:function(){return h(-1)}}))};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/together/components/molecules/postImagePreview/index.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport { Heading } from 'components/atoms/heading'\nimport { lazyLoadInstance } from 'misc/lazyLoad'\nimport { toggleNoScroll } from 'misc/utils'\nimport { TogetherComponentGlobalContext } from 'together/togetherComponentGlobalContext'\n\nimport { ImagePreviewPopup } from './imagePreviewPopup'\nimport { StyledPostImagePreview } from './index.styled'\nimport { PostSingleImageViewPopup } from './postSingleImageViewPopup'\n\nexport type Props = {\n  images?: string[]\n  authorName?: string\n  className?: string\n  style?: CSSProperties\n}\n\nconst PostImagePreview = ({\n  className,\n  images = [],\n  style,\n  authorName,\n}: Props) => {\n  const {\n    data: {\n      env: { isMarryBaby },\n    },\n  } = useContext(TogetherComponentGlobalContext)\n  const moreImageCount = `+ ${(images.length || 0) - 4}`\n  const [isOpenImagePreview, setIsOpenImagePreview] = useState(false)\n  const [singleImageViewIndex, setSingleImageViewIndex] = useState(-1)\n\n  useEffect(() => {\n    setTimeout(() => lazyLoadInstance?.update(), 100)\n  }, [images?.slice(0, 5).join('|')])\n  const hasMore = images.length > 5\n  // Check if this component has set no scroll previously and clean it up\n  const hasSetNoScroll = useRef(false)\n  useEffect(() => {\n    return () => {\n      if (hasSetNoScroll.current) {\n        toggleNoScroll(false)\n      }\n    }\n  }, [])\n  useEffect(() => {\n    if (isOpenImagePreview || singleImageViewIndex >= 0) {\n      toggleNoScroll(true)\n      hasSetNoScroll.current = true\n    } else {\n      toggleNoScroll(false)\n      hasSetNoScroll.current = false\n    }\n  }, [isOpenImagePreview, singleImageViewIndex])\n  return (\n    <>\n      <StyledPostImagePreview\n        className={className}\n        style={style}\n        data-image-count={hasMore ? 5 : images.length || 0}\n        data-is-marrybaby={isMarryBaby}\n      >\n        {images?.slice(0, 5).map((image, index) => (\n          <div\n            className={`img-wrapper`}\n            key={index}\n            onClick={() => {\n              if (index >= 4 && hasMore) {\n                setIsOpenImagePreview(true)\n              } else {\n                setSingleImageViewIndex(index)\n              }\n            }}\n          >\n            {!isMarryBaby && (\n              <img className=\"lazy img-preview-blur\" data-src={image} />\n            )}\n            <img className=\"lazy img-preview\" data-src={image} />\n            {index === 4 && hasMore && (\n              <div className=\"img-more-overlay\">\n                <Heading tag=\"h1\" color=\"white\">\n                  {moreImageCount}\n                </Heading>\n              </div>\n            )}\n          </div>\n        ))}\n      </StyledPostImagePreview>\n      {isOpenImagePreview && (\n        <ImagePreviewPopup\n          authorName={authorName || ''}\n          images={images}\n          onClose={() => setIsOpenImagePreview(false)}\n          onOpenSingleView={setSingleImageViewIndex}\n        />\n      )}\n      {singleImageViewIndex >= 0 && (\n        <PostSingleImageViewPopup\n          images={images}\n          initialViewIndex={singleImageViewIndex}\n          onClose={() => setSingleImageViewIndex(-1)}\n        />\n      )}\n    </>\n  )\n}\n\nexport { PostImagePreview }\n"],"names":["_a","className","_b","images","style","authorName","isMarryBaby","useContext","TogetherComponentGlobalContext","moreImageCount","concat","length","_c","useState","isOpenImagePreview","setIsOpenImagePreview","_d","singleImageViewIndex","setSingleImageViewIndex","useEffect","setTimeout","lazyLoadInstance","update","slice","join","hasMore","hasSetNoScroll","useRef","current","toggleNoScroll","React","createElement","Fragment","StyledPostImagePreview","map","image","index","key","onClick","Heading","tag","color","ImagePreviewPopup","onClose","onOpenSingleView","PostSingleImageViewPopup","initialViewIndex"],"mappings":"+fAwByB,SAACA,GACxB,IAAAC,EAASD,EAAAC,UACTC,EAAWF,EAAAG,OAAXA,OAAM,IAAAD,EAAG,GAAEA,EACXE,EAAKJ,EAAAI,MACLC,EAAUL,EAAAK,WAICC,EAEPC,EAAAA,WAAWC,EAAAA,qDACTC,EAAiB,KAAKC,QAACP,EAAOQ,QAAU,GAAK,GAC7CC,EAA8CC,EAAAA,UAAS,GAAtDC,EAAkBF,EAAA,GAAEG,EAAqBH,EAAA,GAC1CI,EAAkDH,EAAAA,UAAU,GAA3DI,EAAoBD,EAAA,GAAEE,EAAuBF,EAAA,GAEpDG,EAAAA,WAAU,WACRC,YAAW,WAAM,OAAgB,OAAhBC,EAAgBA,uBAAhB,IAAAA,EAAgBA,sBAAhB,EAAAA,EAAAA,iBAAkBC,WAAU,OAC5C,CAACnB,aAAA,EAAAA,EAAQoB,MAAM,EAAG,GAAGC,KAAK,OAC7B,IAAMC,EAAUtB,EAAOQ,OAAS,EAE1Be,EAAiBC,UAAO,GAiB9B,OAhBAR,EAAAA,WAAU,WACR,OAAO,WACDO,EAAeE,SACjBC,EAAcA,gBAAC,MAGlB,IACHV,EAAAA,WAAU,WACJL,GAAsBG,GAAwB,GAChDY,EAAcA,gBAAC,GACfH,EAAeE,SAAU,IAEzBC,EAAcA,gBAAC,GACfH,EAAeE,SAAU,KAE1B,CAACd,EAAoBG,IAEtBa,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACEF,UAACC,cAAAE,EAAAA,uBACC,CAAAhC,UAAWA,EACXG,MAAOA,EACW,mBAAAqB,EAAU,EAAItB,EAAOQ,QAAU,EAAC,oBAC/BL,GAElBH,aAAA,EAAAA,EAAQoB,MAAM,EAAG,GAAGW,KAAI,SAACC,EAAOC,GAAU,OACzCN,UACEC,cAAA,MAAA,CAAA9B,UAAW,cACXoC,IAAKD,EACLE,QAAS,WACHF,GAAS,GAAKX,EAChBV,GAAsB,GAEtBG,EAAwBkB,MAI1B9B,GACAwB,UAAKC,cAAA,MAAA,CAAA9B,UAAU,wBAAuB,WAAWkC,IAEnDL,EAAA,QAAAC,cAAA,MAAA,CAAK9B,UAAU,mBAAkB,WAAWkC,IACjC,IAAVC,GAAeX,GACdK,EAAA,QAAAC,cAAA,MAAA,CAAK9B,UAAU,oBACb6B,EAAAA,QAAAC,cAACQ,EAAAA,QAAQ,CAAAC,IAAI,KAAKC,MAAM,SACrBhC,SAOZK,GACCgB,EAAAA,QAACC,cAAAW,EAAiBA,kBAChB,CAAArC,WAAYA,GAAc,GAC1BF,OAAQA,EACRwC,QAAS,WAAM,OAAA5B,GAAsB,IACrC6B,iBAAkB1B,IAGrBD,GAAwB,GACvBa,UAACC,cAAAc,EAAAA,yBACC,CAAA1C,OAAQA,EACR2C,iBAAkB7B,EAClB0B,QAAS,WAAM,OAAAzB,GAAyB"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,e,o=t(require("styled-components")),r=o.default.div(i||(i=n.__makeTemplateObject(["\n  display: grid;\n  cursor: pointer;\n  grid-gap: 3px;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto;\n  .img-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    grid-column: auto;\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    }\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  cursor: pointer;\n  grid-gap: 3px;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto;\n  .img-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    grid-column: auto;\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    }\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"]))),a=o.default.div(e||(e=n.__makeTemplateObject(["\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"])));exports.StyledImagePreviewPopup=a,exports.StyledPostImagePreview=r;
+//# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../src/together/components/molecules/postImagePreview/index.styled.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledPostImagePreview = styled.div`\n  display: grid;\n  cursor: pointer;\n  grid-gap: 3px;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto;\n  .img-wrapper {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding-top: 56.25%;\n    grid-column: auto;\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    }\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`\nexport const StyledImagePreviewPopup = styled.div`\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"],"names":["StyledPostImagePreview","styled","div","templateObject_1","__makeTemplateObject","StyledImagePreviewPopup","templateObject_2"],"mappings":"mPAEaA,EAAyBC,EAAM,QAACC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,stEAAA,CAAA,ytEA4GnCC,EAA0BJ,EAAM,QAACC,IAAGI,IAAAA,EAAAF,uBAAA,CAAA,q0BAAA,CAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-dom"),r=require("../../../../assets/svg/icon-chevron-right-white.svg.js"),a=require("../../../../assets/svg/icon-close.svg.js"),l=require("./index.styled.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=n(e),c=i(t);exports.PostSingleImageViewPopup=function(t){var n=t.initialViewIndex,i=t.images,o=t.onClose,d=e.useState(n),s=d[0],f=d[1],m=e.useState(!1),g=m[0],p=m[1];e.useEffect((function(){setTimeout((function(){p(!0)}),0)}),[]);var v=null==i?void 0:i[s],y=0===s,b=!(null==i?void 0:i.length)||s===(null==i?void 0:i.length)-1;return c.createPortal(u.default.createElement(l.StyledImagePreviewContainer,{"data-open":g&&!!v},u.default.createElement(l.StyledImagePreviewTopbar,null,u.default.createElement("img",{src:a,className:"icon-close",onClick:o,alt:"close"})),v&&s>=0&&u.default.createElement(u.default.Fragment,null,u.default.createElement(l.StyledImagePreviewWrapper,null,u.default.createElement("img",{className:"img-preview",src:v,alt:"post img open"}),u.default.createElement(l.StyledArrowWrapper,{"data-disabled":y,onClick:function(){return!y&&f(s-1)}},u.default.createElement(l.StyledCircleArrow,null,u.default.createElement("img",{src:r,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":y}))),u.default.createElement(l.StyledArrowWrapper,{"data-right":!0,"data-disabled":b,onClick:function(){return!b&&f(s+1)}},u.default.createElement(l.StyledCircleArrow,null,u.default.createElement("img",{src:r,alt:"right arrow","data-disabled":b})))))),document.body)};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/together/components/molecules/postImagePreview/postSingleImageViewPopup/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\n\nimport * as ReactDOM from 'react-dom'\n\nimport ChevronRightIcon from '../../../../assets/svg/icon-chevron-right-white.svg'\nimport CloseIcon from '../../../../assets/svg/icon-close.svg'\nimport {\n  StyledArrowWrapper,\n  StyledCircleArrow,\n  StyledImagePreviewContainer,\n  StyledImagePreviewTopbar,\n  StyledImagePreviewWrapper,\n} from './index.styled'\n\nexport type Props = {\n  images: string[]\n  initialViewIndex: number\n  onClose?: () => void\n}\nexport const PostSingleImageViewPopup = ({\n  initialViewIndex,\n  images,\n  onClose,\n}: Props) => {\n  const [viewIndex, setViewIndex] = useState(initialViewIndex)\n  const [isOpen, setIsOpen] = useState(false)\n  useEffect(() => {\n    setTimeout(() => {\n      setIsOpen(true)\n    }, 0)\n  }, [])\n  const previewImg = images?.[viewIndex]\n  const leftDisabled = viewIndex === 0\n  const rightDisabled = !images?.length || viewIndex === images?.length - 1\n  return ReactDOM.createPortal(\n    <StyledImagePreviewContainer data-open={isOpen && !!previewImg}>\n      <StyledImagePreviewTopbar>\n        <img\n          src={CloseIcon}\n          className=\"icon-close\"\n          onClick={onClose}\n          alt=\"close\"\n        />\n      </StyledImagePreviewTopbar>\n      {previewImg && viewIndex >= 0 && (\n        <>\n          <StyledImagePreviewWrapper>\n            <img className=\"img-preview\" src={previewImg} alt=\"post img open\" />\n            <StyledArrowWrapper\n              data-disabled={leftDisabled}\n              onClick={() => !leftDisabled && setViewIndex(viewIndex - 1)}\n            >\n              <StyledCircleArrow>\n                <img\n                  src={ChevronRightIcon}\n                  style={{\n                    transform: 'rotate(180deg)',\n                  }}\n                  alt=\"left arrow\"\n                  data-disabled={leftDisabled}\n                />\n              </StyledCircleArrow>\n            </StyledArrowWrapper>\n            <StyledArrowWrapper\n              data-right\n              data-disabled={rightDisabled}\n              onClick={() => !rightDisabled && setViewIndex(viewIndex + 1)}\n            >\n              <StyledCircleArrow>\n                <img\n                  src={ChevronRightIcon}\n                  alt=\"right arrow\"\n                  data-disabled={rightDisabled}\n                />\n              </StyledCircleArrow>\n            </StyledArrowWrapper>\n          </StyledImagePreviewWrapper>\n        </>\n      )}\n    </StyledImagePreviewContainer>,\n    document.body,\n  )\n}\n"],"names":["_a","initialViewIndex","images","onClose","_b","useState","viewIndex","setViewIndex","_c","isOpen","setIsOpen","useEffect","setTimeout","previewImg","leftDisabled","rightDisabled","length","ReactDOM","createPortal","React","createElement","StyledImagePreviewContainer","StyledImagePreviewTopbar","src","CloseIcon","className","onClick","alt","Fragment","StyledImagePreviewWrapper","StyledArrowWrapper","StyledCircleArrow","ChevronRightIcon","style","transform","document","body"],"mappings":"qqBAmBwC,SAACA,GACvC,IAAAC,qBACAC,EAAMF,EAAAE,OACNC,EAAOH,EAAAG,QAEDC,EAA4BC,EAAAA,SAASJ,GAApCK,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAsBH,EAAAA,UAAS,GAA9BI,EAAMD,EAAA,GAAEE,EAASF,EAAA,GACxBG,EAAAA,WAAU,WACRC,YAAW,WACTF,GAAU,KACT,KACF,IACH,IAAMG,EAAaX,eAAAA,EAASI,GACtBQ,EAA6B,IAAdR,EACfS,IAAiBb,aAAM,EAANA,EAAQc,SAAUV,KAAcJ,aAAA,EAAAA,EAAQc,QAAS,EACxE,OAAOC,EAASC,aACdC,EAAAA,QAAAC,cAACC,8BAA2B,CAAA,YAAYZ,KAAYI,GAClDM,UAAAC,cAACE,EAAAA,yBAAwB,KACvBH,EAAAA,QAAAC,cAAA,MAAA,CACEG,IAAKC,EACLC,UAAU,aACVC,QAASvB,EACTwB,IAAI,WAGPd,GAAcP,GAAa,GAC1Ba,EAAAA,QAAAC,cAAAD,EAAAA,QAAAS,SAAA,KACET,UAAAC,cAACS,EAAAA,0BAAyB,KACxBV,UAAKC,cAAA,MAAA,CAAAK,UAAU,cAAcF,IAAKV,EAAYc,IAAI,kBAClDR,EAAAA,QAAAC,cAACU,EAAAA,mBACgB,CAAA,gBAAAhB,EACfY,QAAS,WAAM,OAACZ,GAAgBP,EAAaD,EAAY,KAEzDa,UAAAC,cAACW,EAAAA,kBAAiB,KAChBZ,EAAA,QAAAC,cAAA,MAAA,CACEG,IAAKS,EACLC,MAAO,CACLC,UAAW,kBAEbP,IAAI,6BACWb,MAIrBK,EAAA,QAAAC,cAACU,EAAkBA,mBAEF,CAAA,cAAA,EAAA,gBAAAf,EACfW,QAAS,WAAM,OAACX,GAAiBR,EAAaD,EAAY,KAE1Da,UAAAC,cAACW,EAAAA,kBAAiB,KAChBZ,EACE,QAAAC,cAAA,MAAA,CAAAG,IAAKS,EACLL,IAAI,8BACWZ,SAQ7BoB,SAASC"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,a,d,r,o,p=t(require("styled-components")),l=p.default.div(i||(i=n.__makeTemplateObject(["\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"]))),s=p.default.div(a||(a=n.__makeTemplateObject(["\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"]))),g=p.default.div(d||(d=n.__makeTemplateObject(["\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"]))),c=p.default.div(r||(r=n.__makeTemplateObject(["\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"]))),u=p.default.div(o||(o=n.__makeTemplateObject(["\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"])),e.MediaQueries.tdUp);exports.StyledArrowWrapper=c,exports.StyledCircleArrow=u,exports.StyledImagePreviewContainer=l,exports.StyledImagePreviewTopbar=s,exports.StyledImagePreviewWrapper=g;
+//# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../src/together/components/molecules/postImagePreview/postSingleImageViewPopup/index.styled.tsx"],"sourcesContent":["import { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledImagePreviewContainer = styled.div`\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`\nexport const StyledImagePreviewTopbar = styled.div`\n  padding: 1rem;\n  background: white;\n  .icon-close {\n    width: 26px;\n    height: 26px;\n    cursor: pointer;\n  }\n`\nexport const StyledImagePreviewWrapper = styled.div`\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`\nexport const StyledArrowWrapper = styled.div`\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`\nexport const StyledCircleArrow = styled.div`\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  ${MediaQueries.tdUp} {\n    padding: 8px;\n    > img {\n      width: 30px;\n      height: 30px;\n    }\n  }\n`\n"],"names":["StyledImagePreviewContainer","styled","div","templateObject_1","__makeTemplateObject","StyledImagePreviewTopbar","templateObject_2","StyledImagePreviewWrapper","templateObject_3","StyledArrowWrapper","templateObject_4","StyledCircleArrow","templateObject_5","MediaQueries","tdUp"],"mappings":"sSAGaA,EAA8BC,EAAM,QAACC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,4TAAA,CAAA,+TAkBxCC,EAA2BJ,EAAM,QAACC,IAAGI,IAAAA,EAAAF,uBAAA,CAAA,+HAAA,CAAA,kIASrCG,EAA4BN,EAAM,QAACC,IAAGM,IAAAA,EAAAJ,uBAAA,CAAA,2KAAA,CAAA,8KAWtCK,EAAqBR,EAAM,QAACC,IAAGQ,IAAAA,EAAAN,uBAAA,CAAA,uZAAA,CAAA,0ZAqB/BO,EAAoBV,EAAM,QAACC,IAAGU,IAAAA,EAAAR,EAAAA,qBAAA,CAAA,wQAAA,6FAAA,CAAA,wQActB,+FAAjBS,EAAYA,aAACC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/together/components/molecules/shareBox/index.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport { Text } from 'components/atoms/text'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { theme } from 'misc/theme'\nimport { TogetherComponentGlobalContext } from 'together/togetherComponentGlobalContext'\n\nimport IconWhatsapp from '../../../assets/images/icon-whatsapp.png'\nimport IconZalo from '../../../assets/images/icon-zalo.png'\nimport MBIconCopy from '../../../assets/marrybaby/svg/copy.svg'\nimport MBIconFacebook from '../../../assets/marrybaby/svg/facebook.svg'\nimport MBIconLinkedIn from '../../../assets/marrybaby/svg/linkedin.svg'\nimport MBIconMessenger from '../../../assets/marrybaby/svg/messenger.svg'\nimport MBIconTwitter from '../../../assets/marrybaby/svg/twitter.svg'\nimport MBIconZalo from '../../../assets/marrybaby/svg/zalo.png'\nimport IconFacebook from '../../../assets/svg/icon-facebook.svg'\nimport IconLinkedIn from '../../../assets/svg/icon-linkedin.svg'\nimport IconTwitter from '../../../assets/svg/icon-twitter.svg'\nimport { StyledShare } from './index.styled'\n\nexport type Props = {\n  className?: string\n  shareUrl?: string\n  title?: string\n  style?: CSSProperties\n}\n\nconst getSocialList = (\n  shareUrl: string,\n  isMarryBaby?: boolean,\n): { icon: string; name: string; href: string }[] =>\n  isMarryBaby\n    ? [\n        {\n          icon: MBIconFacebook,\n          name: 'Facebook',\n          href: `https://www.facebook.com/sharer.php?u=${shareUrl}`,\n        },\n        {\n          icon: MBIconZalo,\n          name: 'Zalo',\n          href: `https://sp.zalo.me/share?href=${shareUrl}`,\n        },\n        {\n          icon: MBIconTwitter,\n          name: 'Twitter',\n          href: `https://twitter.com/intent/tweet?url=${shareUrl}`,\n        },\n        {\n          icon: MBIconLinkedIn,\n          name: 'LinkedIn',\n          href: `https://www.linkedin.com/sharing/share-offsite/?url=${shareUrl}`,\n        },\n        {\n          icon: MBIconMessenger,\n          name: 'Messenger',\n          href: `https://www.facebook.com/sharer.php?u=${shareUrl}`,\n        },\n      ]\n    : [\n        {\n          icon: IconFacebook,\n          name: 'Facebook',\n          href: `https://www.facebook.com/sharer.php?u=${shareUrl}`,\n        },\n        {\n          icon: IconZalo,\n          name: 'Zalo',\n          href: `https://sp.zalo.me/share?href=${shareUrl}`,\n        },\n        {\n          icon: IconTwitter,\n          name: 'Twitter',\n          href: `https://twitter.com/intent/tweet?url=${shareUrl}`,\n        },\n        {\n          icon: IconWhatsapp,\n          name: 'WhatsApp',\n          href: `https://wa.me/?text=${shareUrl}`,\n        },\n        {\n          icon: IconLinkedIn,\n          name: 'LinkedIn',\n          href: `https://www.linkedin.com/sharing/share-offsite/?url=${shareUrl}`,\n        },\n      ]\n\nexport const ShareBox = ({ className, style, shareUrl, title }: Props) => {\n  const {\n    action: { pushNotifications },\n    data: {\n      env: { isMarryBaby },\n    },\n  } = useContext(TogetherComponentGlobalContext)\n  const { t } = useTranslations()\n  const input = useRef<HTMLInputElement>(null)\n  const [copied, setCopied] = useState(false)\n\n  const copyToClipboard = () => {\n    if (!input?.current) return\n    const el = document.createElement('textarea')\n    el.value = input.current.value\n    document.body.appendChild(el)\n    el.select()\n    document.execCommand('copy')\n    document.body.removeChild(el)\n    input.current.focus()\n    setCopied(true)\n    pushNotifications({\n      title: '',\n      message: t('share.linkCopied'),\n      type: 'success',\n    })\n  }\n\n  useEffect(() => {\n    copyToClipboard()\n    if (navigator.share) {\n      navigator\n        .share({\n          title: title || 'Read This Post',\n          url: shareUrl,\n        })\n        .then((res) => {\n          // setCopied(true)\n          pushNotifications({\n            title: '',\n            message: t('share.linkShared'),\n            type: 'success',\n          })\n        })\n        .catch(console.error)\n    }\n  }, [])\n\n  const socialList = getSocialList(shareUrl || '', isMarryBaby)\n\n  return (\n    <StyledShare\n      data-is-marrybaby={isMarryBaby}\n      className={className}\n      style={style}\n    >\n      <div className=\"share__social\">\n        {socialList.map((social, index) => (\n          <a key={index} href={social.href} target=\"_blank\" rel=\"noreferrer\">\n            <img src={social.icon} />\n            <Text className=\"__label\" size=\"label2\" type=\"regular\">\n              {social.name}\n            </Text>\n          </a>\n        ))}\n      </div>\n      <div className=\"share__copy-link\">\n        <Text\n          className=\"__label\"\n          color={theme.colors.gray500}\n          size=\"p4\"\n          type=\"regular\"\n        >\n          {t('orCopyLink')}\n        </Text>\n        <div className=\"__input-group\">\n          <input\n            ref={input}\n            type=\"text\"\n            value={shareUrl}\n            readOnly\n            onFocus={(e) => e.target.select()}\n          />\n          <button className=\"__copy\" onClick={() => copyToClipboard()}>\n            {isMarryBaby ? (\n              <img src={MBIconCopy} />\n            ) : (\n              t(copied ? 'copied' : 'copy')\n            )}\n          </button>\n        </div>\n      </div>\n    </StyledShare>\n  )\n}\n"],"names":["_a","className","style","shareUrl","title","_b","useContext","TogetherComponentGlobalContext","pushNotifications","action","isMarryBaby","data","env","t","useTranslations","input","useRef","_c","useState","copied","setCopied","copyToClipboard","current","el","document","createElement","value","body","appendChild","select","execCommand","removeChild","focus","message","type","useEffect","navigator","share","url","then","res","catch","console","error","socialList","icon","MBIconFacebook","name","href","concat","MBIconZalo","MBIconTwitter","MBIconLinkedIn","MBIconMessenger","IconFacebook","IconZalo","IconTwitter","IconWhatsapp","IconLinkedIn","getSocialList","React","StyledShare","map","social","index","key","target","rel","src","Text","size","color","theme","colors","gray500","ref","readOnly","onFocus","e","onClick","MBIconCopy"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,r=t(require("styled-components")).default.div(i||(i=n.__makeTemplateObject(["\n  padding: 1rem;\n  .share__social {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n\n    & > a {\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    & > a {\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"])),(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.MediaQueries.mbDown,e.MediaQueries.mbDown);exports.StyledShare=r;
+//# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../src/together/components/molecules/shareBox/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledShare = styled.div`\n  padding: 1rem;\n  .share__social {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n\n    & > a {\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        ${(props: ThemeProps) => props.theme.colors.neutral100};\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 ${(props: ThemeProps) => props.theme.colors.gray200};\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: ${(props: ThemeProps) => props.theme.colors.gray800};\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: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n        cursor: pointer;\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    ${MediaQueries.mbDown} {\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        ${MediaQueries.mbDown} {\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"],"names":["StyledShare","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","neutral100","gray200","gray800","primaryBase","MediaQueries","mbDown"],"mappings":"sPAIaA,kCAAcC,QAAOC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,+iBAAA,+VAAA,8NAAA,4YAAA,iJAAA,gRAAA,0tBAAA,CAAA,+iBAgCyB,+VAiBa,8NAUT,4YAoBI,iJAS7C,gRAWI,6tBAnEnB,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAiB1B,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,WAUnD,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,WAoB1C,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,cASrDC,EAAAA,aAAaC,OAWTD,EAAAA,aAAaC"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../../togetherComponentGlobalContext.js"),n=require("../../../api/paths.js"),i=require("../../../api/utils.js"),o=require("../../../interfaces/constants.js"),a=require("../../../utils/post.js"),l=require("../../atoms/loading/index.js"),u=require("./index.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(t);exports.SocialLinkPreview=function(c){var d=c.url,f=c.image,h=c.className,m=c.style,v=t.useContext(r.TogetherComponentGlobalContext).data.locale,g=t.useState(null),p=g[0],w=g[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(t){return f?[2]:d?(w((function(t){return e.__assign(e.__assign({},t),{isFetching:!0})})),i.callApi(i.getApiPath(n.PATHS.FETCH_PREVIEW,{_locale:v}),"POST",{data:{link:d}}).then((function(e){var t,r;w({url:d,image:(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.image)||(null===(r=null==e?void 0:e.data)||void 0===r?void 0:r.logo)})})).catch((function(){w(null)})),[2]):[2,w(null)]}))}))}),[d,f]);var b=(null==p?void 0:p.image)||f,E=(null==p?void 0:p.url)||d,_=t.useMemo((function(){return a.youtubeVidIdGetter(E)}),[E]),y=t.useMemo((function(){return a.facebookVidIdGetter(E)}),[E]),k=t.useRef(0),j=t.useRef(0),S=t.useState(!1),q=S[0],M=S[1];t.useEffect((function(){var e=function(){var e,t=null===(e=x.current)||void 0===e?void 0:e.getBoundingClientRect(),r=!1;t&&(!k.current||Math.abs((k.current-t.width)/(null==t?void 0:t.width))>.2)&&(k.current=Math.floor(t.width),r=!0),t&&(!j.current||Math.abs((j.current-t.height)/(null==t?void 0:t.height))>.2)&&(j.current=Math.floor(t.height),r=!0),r&&M((function(e){return!e}))};return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]);var x=t.useRef(null),C=t.useRef(!1);return s.default.createElement(u.StyledSocialLinkPreview,{className:"".concat(h," no-replace-click"),style:m,ref:x},f||!_&&!y?s.default.createElement("a",{href:E,target:"_blank",rel:"noreferrer"},s.default.createElement("div",{className:"link-image-wrapper ".concat((null==p?void 0:p.isFetching)?"fetching":"")},(null==p?void 0:p.isFetching)?s.default.createElement(l.Loading,{className:"loading-spinner"}):s.default.createElement("img",{className:"link-image",src:b||o.DEFAULT_IMG,onError:function(e){C.current||(C.current=!0,e.currentTarget.src=o.DEFAULT_IMG)}}))):s.default.createElement("div",{className:"link-image-wrapper"},_?s.default.createElement("iframe",{width:"100%",height:"100%",src:"https://www.youtube.com/embed/".concat(_,"?&autoplay=1&mute=1"),frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):y?s.default.createElement("iframe",{key:String(q),src:"https://www.facebook.com/plugins/video.php?href=".concat(encodeURIComponent(E),"&autoplay=1&show_text=false&t=0&width=").concat(k.current,"&height=").concat(j.current),style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:j.current,width:k.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/together/components/molecules/socialLinkPreview/index.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport { TogetherComponentGlobalContext } from 'together/togetherComponentGlobalContext'\n\nimport { PATHS } from '../../../api/paths'\nimport { callApi, getApiPath } from '../../../api/utils'\nimport { DEFAULT_IMG } from '../../../interfaces/constants'\nimport { facebookVidIdGetter, youtubeVidIdGetter } from '../../../utils/post'\nimport { Loading } from '../../atoms/loading'\nimport { StyledSocialLinkPreview } from './index.styled'\n\nexport type Props = {\n  url: string\n  image?: string\n  className?: string\n  style?: CSSProperties\n}\n\nconst SocialLinkPreview = ({ url, image, className, style }: Props) => {\n  const {\n    data: { locale },\n  } = useContext(TogetherComponentGlobalContext)\n\n  const [previewData, setPreviewData] = useState<{\n    url?: string\n    image?: string\n    isFetching?: boolean\n  } | null>(null)\n  useEffect(() => {\n    ;(async () => {\n      if (image) return\n      if (!url) return setPreviewData(null)\n      setPreviewData((_data) => ({\n        ..._data,\n        isFetching: true,\n      }))\n\n      // fetch('./api/fetch-meta?url=' + encodeURIComponent(url))\n      //   .then((res) => res.json())\n      //   .then((res) =>\n      //     setPreviewData({\n      //       url,\n      //       image: res?.image || res?.logo,\n      //     }),\n      //   )\n      callApi(\n        getApiPath(PATHS.FETCH_PREVIEW, {\n          _locale: locale,\n        }),\n        'POST',\n        {\n          data: {\n            link: url,\n          },\n        },\n      )\n        .then((res) => {\n          setPreviewData({\n            url,\n            image: res?.data?.image || res?.data?.logo,\n          })\n        })\n        .catch(() => {\n          setPreviewData(null)\n        })\n    })()\n  }, [url, image])\n\n  const displayImage = previewData?.image || image\n  const displayUrl = previewData?.url || url\n\n  const youtubeVidId = useMemo(() => {\n    return youtubeVidIdGetter(displayUrl)\n  }, [displayUrl])\n  const facebookVidId = useMemo(() => {\n    return facebookVidIdGetter(displayUrl)\n  }, [displayUrl])\n  const responsiveWidth = useRef(0)\n  const responsiveHeight = useRef(0)\n  const [forceRerenderFB, setForceRerenderFB] = useState(false)\n\n  // FACEBOOK Video is not responsive for desktop browser\n  // => hack: set size to same as container, if size change too large, re-render facebook iframe with new config\n  useEffect(() => {\n    const handleResize = () => {\n      const containerRect = containerRef.current?.getBoundingClientRect()\n      let toChangeSize = false\n      if (\n        containerRect &&\n        (!responsiveWidth.current ||\n          Math.abs(\n            (responsiveWidth.current - containerRect.width) /\n              containerRect?.width,\n          ) > 0.2)\n      ) {\n        responsiveWidth.current = Math.floor(containerRect.width)\n        toChangeSize = true\n      }\n      if (\n        containerRect &&\n        (!responsiveHeight.current ||\n          Math.abs(\n            (responsiveHeight.current - containerRect.height) /\n              containerRect?.height,\n          ) > 0.2)\n      ) {\n        responsiveHeight.current = Math.floor(containerRect.height)\n        toChangeSize = true\n      }\n      if (toChangeSize) {\n        setForceRerenderFB((v) => !v)\n      }\n    }\n    handleResize()\n    window.addEventListener('resize', handleResize)\n\n    return () => {\n      window.removeEventListener('resize', handleResize)\n    }\n  }, [])\n  const containerRef = useRef<HTMLDivElement>(null)\n  const showDefaultRef = useRef(false)\n  return (\n    <StyledSocialLinkPreview\n      className={`${className} no-replace-click`}\n      style={style}\n      ref={containerRef}\n    >\n      {!image && (youtubeVidId || facebookVidId) ? (\n        <div className=\"link-image-wrapper\">\n          {youtubeVidId ? (\n            <iframe\n              width=\"100%\"\n              height=\"100%\"\n              src={`https://www.youtube.com/embed/${youtubeVidId}?&autoplay=1&mute=1`}\n              frameBorder=\"0\"\n              allowFullScreen\n              style={{\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                border: 'none',\n                overflow: 'hidden',\n              }}\n            ></iframe>\n          ) : facebookVidId ? (\n            <iframe\n              key={String(forceRerenderFB)}\n              src={`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(\n                displayUrl,\n              )}&autoplay=1&show_text=false&t=0&width=${\n                responsiveWidth.current\n              }&height=${responsiveHeight.current}`}\n              style={{\n                position: 'absolute',\n                top: '50%',\n                left: '50%',\n                border: 'none',\n                overflow: 'hidden',\n                height: responsiveHeight.current,\n                width: responsiveWidth.current,\n                transform: 'translate(-50%, -50%)',\n              }}\n              scrolling=\"no\"\n              frameBorder=\"0\"\n              allowFullScreen\n              allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"\n            ></iframe>\n          ) : null}\n        </div>\n      ) : (\n        <a href={displayUrl} target=\"_blank\" rel=\"noreferrer\">\n          <div\n            className={`link-image-wrapper ${\n              previewData?.isFetching ? 'fetching' : ''\n            }`}\n          >\n            {previewData?.isFetching ? (\n              <Loading className=\"loading-spinner\" />\n            ) : (\n              <img\n                className=\"link-image\"\n                src={displayImage || DEFAULT_IMG}\n                onError={(e) => {\n                  if (!showDefaultRef.current) {\n                    showDefaultRef.current = true\n                    e.currentTarget.src = DEFAULT_IMG\n                  }\n                }}\n              />\n            )}\n          </div>\n        </a>\n      )}\n    </StyledSocialLinkPreview>\n  )\n}\n\nexport { SocialLinkPreview }\n"],"names":["_a","url","image","className","style","locale","useContext","TogetherComponentGlobalContext","_b","useState","previewData","setPreviewData","useEffect","__awaiter","_data","__assign","isFetching","callApi","getApiPath","PATHS","FETCH_PREVIEW","_locale","data","link","then","res","logo","catch","displayImage","displayUrl","youtubeVidId","useMemo","youtubeVidIdGetter","facebookVidId","facebookVidIdGetter","responsiveWidth","useRef","responsiveHeight","_c","forceRerenderFB","setForceRerenderFB","handleResize","containerRect","containerRef","current","getBoundingClientRect","toChangeSize","Math","abs","width","floor","height","v","window","addEventListener","removeEventListener","showDefaultRef","React","createElement","StyledSocialLinkPreview","concat","ref","href","target","rel","Loading","src","DEFAULT_IMG","onError","e","currentTarget","frameBorder","allowFullScreen","position","top","left","border","overflow","key","String","encodeURIComponent","transform","scrolling","allow"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,i=e(require("styled-components")).default.div(t||(t=n.__makeTemplateObject(["\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    &.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    &.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"])));exports.StyledSocialLinkPreview=i;
+//# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../src/together/components/molecules/socialLinkPreview/index.styled.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledSocialLinkPreview = styled.div`\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    &.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"],"names":["StyledSocialLinkPreview","div","templateObject_1","__makeTemplateObject"],"mappings":"+MAEaA,kCAAgC,QAACC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,usBAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/together/components/molecules/submitReportForm/index.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react'\n\nimport { Button } from 'components/atoms/button'\nimport { Text } from 'components/atoms/text'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { theme } from 'misc/theme'\nimport { CSSProperties } from 'styled-components'\nimport { TogetherComponentGlobalContext } from 'together/togetherComponentGlobalContext'\n\nimport IconAlertCircle from '../../../assets/svg/icon-alert-circle.svg'\nimport { reportPost } from '../../../utils/apiActions/post'\nimport { StyledSubmitReportForm } from './index.styled'\n\nexport type Props = {\n  className?: string\n  style?: CSSProperties\n  reason: string\n  reasonText: string\n  postId?: number\n  onClose?: () => void\n}\n\nexport const SubmitReportForm = ({\n  className,\n  style,\n  reason,\n  reasonText,\n  onClose,\n  postId,\n}: Props) => {\n  const {\n    data: {\n      locale,\n      env: { isMarryBaby },\n    },\n    action: { pushNotifications },\n  } = useContext(TogetherComponentGlobalContext)\n  const { t } = useTranslations()\n  const [loading, setLoading] = useState(false)\n  return (\n    <StyledSubmitReportForm\n      data-is-marrybaby={isMarryBaby}\n      className={className}\n      style={style}\n    >\n      <ul className=\"report-list\">\n        <li className=\"report-item\">\n          <img src={IconAlertCircle} />\n          <Text className=\"__label\" color={theme.colors.gray800} size=\"p4\">\n            {reasonText}\n          </Text>\n        </li>\n      </ul>\n      <Button\n        theme={isMarryBaby ? 'marryBaby' : 'helloSites'}\n        className=\"report-submit\"\n        size=\"lg\"\n        color=\"primary\"\n        isLoading={loading}\n        onClick={async () => {\n          if (!postId || loading) return\n          setLoading(true)\n          try {\n            const res = await reportPost({\n              id: postId,\n              reason,\n              locale,\n            })\n            if (res?.status === 1) {\n              pushNotifications({\n                message: 'Post reported',\n                type: 'success',\n              })\n              onClose && onClose()\n            }\n          } catch {}\n          setLoading(false)\n        }}\n      >\n        {t('submit')}\n      </Button>\n    </StyledSubmitReportForm>\n  )\n}\n"],"names":["_a","className","style","reason","reasonText","onClose","postId","_b","useContext","TogetherComponentGlobalContext","_c","data","locale","isMarryBaby","env","pushNotifications","t","useTranslations","_d","useState","loading","setLoading","React","createElement","StyledSubmitReportForm","src","IconAlertCircle","Text","color","theme","colors","gray800","size","Button","isLoading","onClick","__awaiter","reportPost","id","res","sent","status","message","type"],"mappings":"2oBAsBgC,SAACA,GAC/B,IAAAC,EAASD,EAAAC,UACTC,EAAKF,EAAAE,MACLC,EAAMH,EAAAG,OACNC,eACAC,EAAOL,EAAAK,QACPC,EAAMN,EAAAM,OAEAC,EAMFC,EAAAA,WAAWC,EAA8BA,gCAL3CC,EAGCH,EAAAI,KAFCC,EAAMF,EAAAE,OACCC,EAAWH,EAAAI,IAAAD,YAEVE,6BAEJC,EAAMC,sBACRC,EAAwBC,EAAAA,UAAS,GAAhCC,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAC1B,OACEI,EAAA,QAAAC,cAACC,EAAAA,uBAAsB,CAAA,oBACFX,EACnBZ,UAAWA,EACXC,MAAOA,GAEPoB,EAAAA,QAAIC,cAAA,KAAA,CAAAtB,UAAU,eACZqB,EAAAA,QAAIC,cAAA,KAAA,CAAAtB,UAAU,eACZqB,EAAAA,QAAKC,cAAA,MAAA,CAAAE,IAAKC,IACVJ,EAAAA,QAACC,cAAAI,EAAAA,MAAK1B,UAAU,UAAU2B,MAAOC,EAAKA,MAACC,OAAOC,QAASC,KAAK,MACzD5B,KAIPkB,EAAAA,QAAAC,cAACU,SAAM,CACLJ,MAAOhB,EAAc,YAAc,aACnCZ,UAAU,gBACV+B,KAAK,KACLJ,MAAM,UACNM,UAAWd,EACXe,QAAS,WAAA,OAAAC,iBAAA,OAAA,OAAA,GAAA,+EACP,IAAK9B,GAAUc,EAAS,MAAM,CAAA,GAC9BC,GAAW,oBAEG,6BAAA,CAAA,EAAMgB,aAAW,CAC3BC,GAAIhC,EACJH,OAAMA,EACNS,OAAMA,mBAEY,KAAhB2B,OALEA,EAAMhC,EAIViC,aACK,EAAHD,EAAKE,UACP1B,EAAkB,CAChB2B,QAAS,gBACTC,KAAM,YAERtC,GAAWA,sDAGfgB,GAAW,gBAGZL,EAAE"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e,i=t(require("styled-components")).default.div(e||(e=n.__makeTemplateObject(["\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"])));exports.StyledSubmitReportForm=i;
+//# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../src/together/components/molecules/submitReportForm/index.styled.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledSubmitReportForm = styled.div`\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"],"names":["StyledSubmitReportForm","div","templateObject_1","__makeTemplateObject"],"mappings":"+MAEaA,kCAA+B,QAACC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,+eAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/together/components/molecules/topicSelectList/index.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport { TogetherComponentGlobalContext } from 'together/togetherComponentGlobalContext'\n\nimport { formatTopic } from '../../../api/dataTransform'\nimport { PATHS } from '../../../api/paths'\nimport { callApi, getApiPath } from '../../../api/utils'\nimport { Topic, TopicApi } from '../../../interfaces/types'\nimport { Loading } from '../../atoms/loading'\nimport { StyledTopicSelectList } from './index.styled'\n\nexport type Props = {\n  className?: string\n  style?: CSSProperties\n  communityId?: number\n  isLoading?: boolean\n  topics?: Topic[]\n  forceTopics?: Topic[]\n  selectedTopics?: Topic[]\n  disabled?: boolean\n  onChange?: (v: Topic[]) => void\n  noFetch?: boolean\n}\nexport const TopicSelectList = ({\n  className,\n  style,\n  topics: topicsProp,\n  communityId,\n  onChange,\n  isLoading,\n  disabled,\n  forceTopics,\n  selectedTopics: selectedTopicsProp,\n  noFetch,\n}: Props) => {\n  const {\n    data: {\n      locale,\n      env: { isMarryBaby },\n    },\n  } = useContext(TogetherComponentGlobalContext)\n  const [topics, setTopics] = useState<Topic[]>(\n    topicsProp ? [...topicsProp] : [],\n  )\n  const [selectedTopics, setSelectedTopics] = useState<Topic[]>(\n    selectedTopicsProp ? [...selectedTopicsProp] : [],\n  )\n  const [isLoadingTopics, setIsLoadingTopics] = useState<boolean>(false)\n  const topicsPropRef = useRef(topicsProp)\n  topicsPropRef.current = topicsProp\n  useEffect(() => {\n    if (communityId && !noFetch && !topicsPropRef.current?.length) {\n      setTopics([])\n      setIsLoadingTopics(true)\n      ;(async () => {\n        try {\n          const res = await callApi(\n            getApiPath(PATHS.TOPIC.LIST, {\n              communityId: communityId,\n              _locale: locale,\n            }),\n            'GET',\n          )\n\n          const topicRes: TopicApi[] | undefined = res?.data?.topics\n          if (Array.isArray(topicRes)) {\n            setTopics(\n              () =>\n                topicRes\n                  ?.map<Topic>(formatTopic)\n                  .sort(\n                    (t1: Topic, t2: Topic) => (t1.order || 0) - (t2.order || 0),\n                  ) || [],\n            )\n          }\n        } catch (e) {\n          console.log(e)\n          setIsLoadingTopics(false)\n        }\n        setIsLoadingTopics(false)\n      })()\n    }\n  }, [communityId, noFetch])\n  const topicsPropString = topicsProp?.map((t) => t.id).join('-')\n  const topicsStateString = topics?.map((t) => t.id).join('-')\n  const forceTopicsPropString = forceTopics?.map((t) => t.id).join('-')\n  useEffect(() => {\n    if (\n      topicsProp &&\n      typeof topicsPropString !== 'undefined' &&\n      topicsPropString !== topicsStateString\n    ) {\n      setTopics(topicsProp)\n    }\n  }, [topicsProp, topicsPropString, topicsStateString])\n  const topicsWithoutForced = useMemo(\n    () =>\n      topics.filter(\n        (t) =>\n          !forceTopics?.some(\n            (ft) =>\n              (ft.id && ft.id === t.id) ||\n              (ft.mappedCategoryId &&\n                ft.mappedCategoryId === t.mappedCategoryId),\n          ),\n      ),\n    [topicsStateString, forceTopicsPropString],\n  )\n  return (\n    <StyledTopicSelectList\n      data-is-marrybaby={isMarryBaby}\n      className={className}\n      style={style}\n    >\n      {forceTopics.map((topic) => (\n        <TopicItem\n          key={`${topic.id}-${topic.mappedCategoryId}`}\n          topic={topic}\n          disabled\n          selected\n        ></TopicItem>\n      ))}\n      {topicsWithoutForced.map((topic) => (\n        <TopicItem\n          key={`${topic.id}-${topic.mappedCategoryId}`}\n          topic={topic}\n          disabled={disabled}\n          selected={(selectedTopicsProp || selectedTopics).some(\n            (t) =>\n              (t.id && t.id === topic.id) ||\n              (t.mappedCategoryId &&\n                t.mappedCategoryId === topic.mappedCategoryId),\n          )}\n          onClick={() => {\n            const _selected = selectedTopicsProp || selectedTopics\n            const foundIndex = _selected.findIndex(\n              (_selected) =>\n                (_selected.id && _selected.id === topic.id) ||\n                (_selected.mappedCategoryId &&\n                  _selected.mappedCategoryId === topic.mappedCategoryId),\n            )\n            if (foundIndex !== -1) {\n              _selected.splice(foundIndex, 1)\n            } else {\n              _selected.push(topic)\n            }\n            if (onChange && selectedTopicsProp) {\n              onChange(_selected.slice())\n            } else {\n              onChange && onChange(_selected.slice())\n              setSelectedTopics(_selected.slice())\n            }\n          }}\n        ></TopicItem>\n      ))}\n      {(isLoading || isLoadingTopics) && <Loading className=\"topic-spinner\" />}\n    </StyledTopicSelectList>\n  )\n}\n\nconst TopicItem = ({\n  topic,\n  disabled,\n  selected,\n  onClick,\n}: {\n  topic: Topic\n  disabled?: boolean\n  selected?: boolean\n  onClick?: () => void\n}) => (\n  <div\n    className={'tag-item' + (selected ? ' --active' : '')}\n    data-disabled={disabled}\n    onClick={!disabled ? onClick : undefined}\n  >\n    {topic.name}\n  </div>\n)\n"],"names":["TopicItem","_a","topic","disabled","selected","onClick","React","createElement","className","undefined","name","style","topicsProp","topics","communityId","onChange","isLoading","forceTopics","selectedTopicsProp","selectedTopics","noFetch","_b","useContext","TogetherComponentGlobalContext","data","locale","isMarryBaby","env","_c","useState","setTopics","_d","setSelectedTopics","_e","isLoadingTopics","setIsLoadingTopics","topicsPropRef","useRef","current","useEffect","length","__awaiter","callApi","getApiPath","PATHS","TOPIC","LIST","_locale","res","sent","topicRes_1","Array","isArray","map","formatTopic","sort","t1","t2","order","console","log","e_1","topicsPropString","t","id","join","topicsStateString","forceTopicsPropString","topicsWithoutForced","useMemo","filter","some","ft","mappedCategoryId","StyledTopicSelectList","key","concat","_selected","foundIndex","findIndex","splice","push","slice","Loading"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e,t=r(require("styled-components")).default.div(e||(e=n.__makeTemplateObject(["\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}));exports.StyledTopicSelectList=t;
+//# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../src/together/components/molecules/topicSelectList/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledTopicSelectList = styled.div`\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 ${(props: ThemeProps) => props.theme.colors.neutral100};\n    margin-right: 1rem;\n    margin-bottom: 8px;\n    border-radius: 1rem;\n    color: ${(props: ThemeProps) => props.theme.colors.gray800};\n    cursor: pointer;\n    font-size: 13px;\n    line-height: 22px;\n    transition: all 0.2s;\n\n    &.--active {\n      border-color: ${(props: ThemeProps) => props.theme.colors.blue50};\n      background: ${(props: ThemeProps) => props.theme.colors.blue50};\n      color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n    }\n    &[data-disabled='true'] {\n      background: ${(props: ThemeProps) => props.theme.colors.gray100};\n      color: ${(props: ThemeProps) => props.theme.colors.gray800};\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"],"names":["StyledTopicSelectList","div","templateObject_1","__makeTemplateObject","props","theme","colors","neutral100","gray800","blue50","primaryBase","gray100"],"mappings":"+MAGaA,kCAA8B,QAACC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,sKAAA,6FAAA,6IAAA,wBAAA,mBAAA,8DAAA,mBAAA,saAAA,CAAA,sKAS6B,6FAId,6IAOQ,wBACF,mBACA,8DAGC,mBACL,yaAjBxC,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAIrD,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,WAOjC,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,UAC5C,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,UAC/C,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,eAGrC,SAACN,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,WAC/C,SAACP,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"cardPostPopover.js","sources":["../../../../../src/together/components/organisms/cardPost/cardPostPopover.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { useContext, useState } from 'react'\n\nimport { useTranslations } from 'hooks/useTranslations'\nimport { TranslationsKey } from 'i18n/translations'\nimport { REPORT_REASON_MAP } from 'together/interfaces/constants'\n\nimport { PATHS } from '../../../api/paths'\nimport { callApiWithAuth, getApiPath } from '../../../api/utils'\nimport MBMoreSolid from '../../../assets/marrybaby/svg/moreSolid.svg'\nimport IconDelete from '../../../assets/svg/delete.svg'\nimport IconAlertCircle from '../../../assets/svg/icon-alert-circle.svg'\nimport IconBookmarkFill from '../../../assets/svg/icon-bookmark-fill.svg'\nimport IconBookmark from '../../../assets/svg/icon-bookmark.svg'\nimport IconKebab from '../../../assets/svg/icon-kebab.svg'\nimport IconShareOnMedia from '../../../assets/svg/icon-share-on-media.svg'\nimport IconTabEdit from '../../../assets/svg/icon-tab-edit-2.svg'\nimport IconTrashBin from '../../../assets/svg/icon-trash-bin.svg'\nimport { useTogetherAuthRequiredAction } from '../../../hooks/useTogetherAuthRequiredAction'\nimport { Post } from '../../../interfaces/types'\nimport { TogetherComponentGlobalContext } from '../../../togetherComponentGlobalContext'\nimport { deletePost } from '../../../utils/apiActions/post'\nimport { PopupDanger } from '../../molecules/popupDanger'\nimport { SharePopup } from '../../molecules/popupFrame/popupShare'\nimport { SubmitReportForm } from '../../molecules/submitReportForm/index'\nimport { TreePopoverMenu } from '../popoverMenu/treePopoverMenu'\n\n// import IconBellOff from '../../../assets/svg/icon-bell-off.svg'\n// import IconBellOn from '../../../assets/svg/icon-bell-on.svg'\n\nexport const CardPostPopoverMore = ({\n  authorEmail,\n  onDeletePost,\n  shareUrl,\n  post,\n  className = '',\n  popoverClassName = '',\n  onBookmark,\n  onRemoveBookmark,\n  onEditPost,\n}: {\n  className?: string\n  popoverClassName?: string\n  authorId?: string\n  authorEmail?: string\n  onDeletePost?: () => void\n  shareUrl?: string\n  post?: Post\n  onBookmark?: () => void\n  onRemoveBookmark?: () => void\n  onEditPost?: () => void\n}) => {\n  const {\n    data: {\n      locale,\n      userInfo,\n      togetherUserId,\n      env: { isMarryBaby },\n    },\n    action: { pushNotifications },\n  } = useContext(TogetherComponentGlobalContext)\n  const { t } = useTranslations()\n  // const [localHasNoti, setLocalHasNoti] = useState(false)\n  const [loading, setLoading] = useState(false)\n  const [isOpenLeavePopup, setIsOpenLeavePopup] = useState(false)\n  const [isOpenSharePopup, setIsOpenSharePopup] = useState(false)\n  const { authActionWrapper } = useTogetherAuthRequiredAction()\n  const isAuthor =\n    authorEmail && userInfo?.email && authorEmail === String(userInfo?.email)\n  return (\n    <div\n      className={className}\n      onClick={(e) => {\n        e.preventDefault()\n        e.stopPropagation()\n      }}\n    >\n      {isOpenSharePopup && (\n        <SharePopup\n          url={shareUrl}\n          text={post?.title}\n          onClose={() => setIsOpenSharePopup(false)}\n        />\n      )}\n      {isOpenLeavePopup && (\n        <PopupDanger\n          thumbnail={'./svg/delete.svg'}\n          isThumbnailIcon\n          title={t('popup.deletePost.title')}\n          description={t('popup.deletePost.description')}\n          acceptText={t('popup.deletePost.accept')}\n          cancelText={t('popup.deletePost.cancel')}\n          onAccept={async () => {\n            if (!post?.id || loading) return\n            setLoading(true)\n            try {\n              const res = await deletePost({\n                id: post.id,\n                locale,\n              })\n              if (res?.status === 1) onDeletePost?.()\n            } catch {}\n            setLoading(false)\n          }}\n          onClose={() => setIsOpenLeavePopup(false)}\n        />\n      )}\n      <TreePopoverMenu\n        className={popoverClassName}\n        toggleButtonContent={\n          <img src={isMarryBaby ? MBMoreSolid : IconKebab} />\n        }\n        position=\"bottom\"\n        align=\"end\"\n        buttonProps={{\n          isLoading: loading,\n        }}\n        data={\n          isAuthor\n            ? {\n                isShowheader: false,\n                type: 'list',\n                list: [\n                  {\n                    icon: IconShareOnMedia,\n                    label: t('morePopover.share'),\n                    onClick: () => setIsOpenSharePopup(true),\n                  },\n                  {\n                    icon: IconTabEdit,\n                    label: t('actionPopover.edit'),\n                    onClick: onEditPost,\n                  },\n                  {\n                    icon: IconTrashBin,\n                    label: t('actionPopover.delete'),\n                    onClick: () => {\n                      authActionWrapper(() => setIsOpenLeavePopup(true))\n                    },\n                  },\n                ],\n              }\n            : {\n                isShowheader: false,\n                type: 'list',\n                list: [\n                  {\n                    icon: IconShareOnMedia,\n                    label: t('morePopover.share'),\n                    onClick: () => setIsOpenSharePopup(true),\n                  },\n                  {\n                    icon: !!post?.bookmarked ? IconBookmarkFill : IconBookmark,\n                    label: !!post?.bookmarked\n                      ? t('morePopover.unsavePost')\n                      : t('morePopover.savePost'),\n                    onClick: () => {\n                      authActionWrapper(async () => {\n                        if (!userInfo?.id || !post?.id) return\n                        if (post?.bookmarked) {\n                          const res = await callApiWithAuth(\n                            getApiPath(PATHS.BOOKMARK.DELETE, {\n                              _locale: locale,\n                            }),\n                            'DELETE',\n                            {\n                              data: {\n                                post_id: String(post.id),\n                              },\n                            },\n                          )\n                          if (res?.status === 1) {\n                            pushNotifications({\n                              title: '',\n                              message: 'Removed saved post',\n                              type: 'success',\n                              displayIcon: IconBookmark,\n                            })\n\n                            onRemoveBookmark && onRemoveBookmark()\n                          } else {\n                            pushNotifications({\n                              title: '',\n                              message: 'Remove failed',\n                              type: 'danger',\n                              displayIcon: IconBookmark,\n                            })\n                          }\n                        } else {\n                          const res = await callApiWithAuth(\n                            getApiPath(PATHS.BOOKMARK.CREATE, {\n                              _locale: locale,\n                            }),\n                            'POST',\n                            {\n                              data: {\n                                user_id: togetherUserId || userInfo.id,\n                                post_id: post.id,\n                              },\n                            },\n                          )\n                          if (res?.status === 1) {\n                            pushNotifications({\n                              title: '',\n                              message: 'Post saved',\n                              type: 'success',\n                              displayIcon: IconBookmarkFill,\n                            })\n\n                            onBookmark && onBookmark()\n                          } else {\n                            pushNotifications({\n                              title: '',\n                              message: 'Post saved failed',\n                              type: 'danger',\n                              displayIcon: IconBookmark,\n                            })\n                          }\n                        }\n                      })\n                    },\n                  },\n                  // {\n                  //   icon: togetherBasePath + '/svg/icon-bell-on.svg',\n                  //   label: !localHasNoti\n                  //     ? t( 'morePopover.turnOnNotifications' })\n                  //     : t( 'morePopover.turnOffNotifications' }),\n                  //   onClick: () => {\n                  //   authActionWrapper(async () => {\n                  //     if (!post?.id || loading) return\n                  //     setLoading(true)\n                  //     try {\n                  //       const res = await followUnfollowPost({\n                  //         id: post?.id,\n                  //         locale,\n                  //       })\n                  //       if (res?.status === 1) {\n                  //         pushNotifications({\n                  //           message: !localHasNoti\n                  //             ? 'Notification on'\n                  //             : 'Notification off',\n                  //           type: !localHasNoti ? 'success' : 'danger',\n                  //           displayIcon: !localHasNoti ? IconBellOn : IconBellOff,\n                  //         })\n                  //         setLocalHasNoti((v) => !v)\n                  //       }\n                  //     } catch {}\n                  //     setLoading(false)\n                  //   })\n                  // },\n                  // },\n                  {\n                    icon: IconAlertCircle,\n                    label: t('morePopover.report'),\n                    subTree: {\n                      title: t('morePopover.report.title'), //'Report this post',\n                      description: t('morePopover.report.description'), // 'Help us understand what’s happening with this post. How would you describe it?',\n                      isShowheader: true,\n                      type: 'list',\n                      list: Object.keys(REPORT_REASON_MAP)\n                        .map((k) => ({\n                          label: REPORT_REASON_MAP[k].label,\n                          reason: REPORT_REASON_MAP[k].reportReasonText,\n                          reasonValue: k,\n                        }))\n                        .map((item) => ({\n                          label: t(item.label as TranslationsKey),\n                          subTree: {\n                            title: t('morePopover.reportSubmit.title'), //'Submit report?',\n                            description: t(\n                              'morePopover.reportSubmit.description',\n                            ), //'We won’t tell them who reported it. Please check these details:',\n                            isShowheader: true,\n                            type: 'jsx',\n                            jsxRenderer: (setShow) => (\n                              <SubmitReportForm\n                                reason={item.reasonValue}\n                                reasonText={t(item.reason as TranslationsKey)}\n                                postId={post?.id}\n                                onClose={() => setShow && setShow(false)}\n                              />\n                            ),\n                          },\n                        })),\n                    },\n                  },\n                ],\n              }\n        }\n      />\n    </div>\n  )\n}\n"],"names":["_a","authorEmail","onDeletePost","shareUrl","post","_b","className","_c","popoverClassName","onBookmark","onRemoveBookmark","onEditPost","_d","useContext","TogetherComponentGlobalContext","_e","data","locale","userInfo","togetherUserId","isMarryBaby","env","pushNotifications","action","t","useTranslations","_f","useState","loading","setLoading","_g","isOpenLeavePopup","setIsOpenLeavePopup","_h","isOpenSharePopup","setIsOpenSharePopup","authActionWrapper","useTogetherAuthRequiredAction","isAuthor","email","String","React","onClick","e","preventDefault","stopPropagation","createElement","SharePopup","url","text","title","onClose","PopupDanger","thumbnail","isThumbnailIcon","description","acceptText","cancelText","onAccept","__awaiter","id","deletePost","res","sent","status","TreePopoverMenu","toggleButtonContent","src","MBMoreSolid","IconKebab","position","align","buttonProps","isLoading","isShowheader","type","list","icon","IconShareOnMedia","label","IconTabEdit","IconTrashBin","bookmarked","IconBookmarkFill","IconBookmark","callApiWithAuth","getApiPath","PATHS","BOOKMARK","DELETE","_locale","post_id","message","displayIcon","CREATE","user_id","IconAlertCircle","subTree","Object","keys","REPORT_REASON_MAP","map","k","reason","reportReasonText","reasonValue","item","jsxRenderer","setShow","SubmitReportForm","reasonText","postId"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/together/components/organisms/cardPost/index.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  ReactNode,\n  useContext,\n  useEffect,\n  useState,\n} from 'react'\n\nimport { Button } from 'components/atoms/button'\nimport { Heading } from 'components/atoms/heading'\nimport { useTranslations } from 'hooks/useTranslations'\nimport innertext from 'innertext'\nimport { getDefaultFailNoti } from 'together/utils/notification'\n\nimport { formatComment } from '../../../api/dataTransform'\nimport { CARE_PATHS, PATHS } from '../../../api/paths'\nimport {\n  callApi,\n  callApiWithOptionalAuth,\n  domainLocales,\n  getApiPath,\n  getCarePath,\n  getCurrentBaseUrl,\n} from '../../../api/utils'\nimport {\n  TogetherAuthConfigContextProvider,\n  useTogetherAuthRequiredAction,\n} from '../../../hooks/useTogetherAuthRequiredAction'\nimport { DEFAULT_IMG } from '../../../interfaces/constants'\nimport { Comment, DoctorInfo, Post } from '../../../interfaces/types'\nimport { TogetherComponentGlobalContext } from '../../../togetherComponentGlobalContext'\nimport { likeUnlikePost } from '../../../utils/apiActions/post'\nimport { CardLink } from '../../atoms/cardLink'\nimport { CardReactions } from '../../atoms/cardReactions'\nimport { CardReactionType } from '../../atoms/cardReactions/index'\nimport { LabelPin } from '../../atoms/labelSortPin/labelPin'\nimport { TagTopic } from '../../atoms/tagTopic'\nimport { CardAuthor } from '../../molecules/cardAuthor'\nimport { InputCommentBar } from '../../molecules/inputCommentBar'\nimport { SharePopup } from '../../molecules/popupFrame/popupShare'\nimport { HospitalInfo } from '../../molecules/popupHospital'\nimport { PostContent } from '../../molecules/postContent'\nimport { PostImagePreview } from '../../molecules/postImagePreview'\nimport { SocialLinkPreview } from '../../molecules/socialLinkPreview'\nimport { CardReply } from '../cardReply'\nimport { CardPostPopoverMore } from './cardPostPopover'\nimport { StyledCardPost } from './index.styled'\n\nconst getMostEngagingComment = async (postId: number, locale: string) => {\n  const commentsRes = await callApiWithOptionalAuth(\n    getApiPath(PATHS.COMMENT.LIST, {\n      postId: postId,\n      _locale: locale,\n      sort: 'popularity',\n      perPage: 1,\n      withoutReply: 1,\n    }),\n    'GET',\n  )\n  return commentsRes?.data?.comments?.map(formatComment)?.[0]\n}\n\nexport type Props = {\n  post: Post\n\n  hideViewMoreComment?: boolean\n  showMostEngaging?: boolean\n  className?: string\n  disableCardLink?: boolean\n  disableShortenContent?: boolean\n  style?: CSSProperties\n  onCommentClick?: () => void\n  onMostEngagingCommentClick?: () => void\n  onCommentCountClick?: () => void\n  onPostCommentSuccess?: (c: Comment) => void\n  onDeletePost?: () => void\n  onEditPost?: () => void\n  mostEngagingComment?: Comment | null\n  onDeleteComment?: (c: Comment) => void\n  showInputComment?: boolean\n  hasQuickBookingEnable?: boolean\n  doctorId?: string\n  hospitalId?: string\n  InlineCommentsComponent?: ReactNode\n  handleMakeAppointment?: (doctorId?: string, hospitalId?: string) => void\n}\n\nconst CardPost = ({\n  className,\n  style,\n  hideViewMoreComment,\n  showMostEngaging,\n  onCommentClick,\n  onCommentCountClick,\n  onMostEngagingCommentClick,\n  onPostCommentSuccess: onPostCommentSuccessProp,\n  disableCardLink,\n  disableShortenContent,\n  onDeletePost,\n  onEditPost,\n  post: postProp,\n  mostEngagingComment: mostEngagingCommentProp,\n  onDeleteComment: onDeleteCommentProp,\n  showInputComment: propsShowInputComment,\n  InlineCommentsComponent,\n  hasQuickBookingEnable,\n  handleMakeAppointment,\n}: Props) => {\n  const [post, setPost] = useState(postProp)\n  const [isOpenSharePopup, setIsOpenSharePopup] = useState(false)\n  const [mostEngagingComment, setMostEngagingComment] = useState(\n    mostEngagingCommentProp,\n  )\n  const {\n    community,\n    topics,\n    author,\n    slug,\n    isPin,\n    liked,\n    scheduleDateTime,\n    createdAt,\n    photos,\n    mentions,\n    title,\n    description,\n    previewUrl,\n    likesCount,\n    commentsCount,\n    id,\n    commented,\n  } = post\n  const {\n    data: {\n      locale,\n      env: { isMarryBaby, togetherBasePath },\n    },\n    action: { pushNotifications },\n  } = useContext(TogetherComponentGlobalContext)\n  const { t } = useTranslations()\n  const [showInputComment, setShowInputComment] = useState(\n    propsShowInputComment,\n  )\n\n  const postRelativeHref = `${togetherBasePath}/${community?.slug || '_'}/${\n    slug || ''\n  }`\n  const postHref = `${getCurrentBaseUrl(locale)}${postRelativeHref}`\n  const { authActionWrapper } = useTogetherAuthRequiredAction(\n    community?.slug\n      ? {\n          _joinCommunityIds: [community.id],\n          _joinTopicIds: topics?.map((t) => t.id),\n          // _location: postHref,\n        }\n      : undefined,\n  )\n  const [isLikeLoading, setIsLikeLoading] = useState(false)\n  useEffect(() => {\n    setShowInputComment(propsShowInputComment)\n  }, [propsShowInputComment])\n\n  const name = author?.name || author?.username || ''\n  const username = author?.username || author?.name || ''\n  const avatar = author?.avatar\n  const [hospitalInfo, setHospitalInfo] = useState<HospitalInfo | null>(null)\n  const [doctorInfo, setDoctorInfo] = useState<DoctorInfo | null>(null)\n\n  useEffect(() => {\n    if (author?.hospitalId) {\n      const fetchHospitalDetail = async (hospitalId: string) => {\n        const response = await callApi(\n          getCarePath(CARE_PATHS.GET_HOSPITAL_INFO, {\n            hospital_branch_id: hospitalId,\n            website_url: domainLocales[locale],\n          }),\n          'get',\n        )\n        if (response?._data?.branch) {\n          setHospitalInfo(response?._data.branch)\n        }\n      }\n      fetchHospitalDetail(author.hospitalId)\n    }\n    if (author?.doctorId) {\n      const fetchDoctorDetail = async (doctorId: string) => {\n        const response = await callApi(\n          getCarePath(CARE_PATHS.GET_DOCTOR_INFO, {\n            doctorId: doctorId,\n            website_url: domainLocales[locale],\n          }),\n          'get',\n        )\n        if (response?._data?.doctor) {\n          setDoctorInfo(response?._data.doctor)\n        }\n      }\n      fetchDoctorDetail(author.doctorId)\n    }\n  }, [author.hospitalId, author.doctorId])\n  const isDoctorAvailable =\n    doctorInfo?.valid_outpatient || doctorInfo?.valid_telemedicine\n  const isHospitalAvailable =\n    (hospitalInfo?.total_available_service ||\n      hospitalInfo?.total_available_doctor) > 0\n  const hasQuickBooking =\n    hasQuickBookingEnable && (isDoctorAvailable || isHospitalAvailable)\n\n  useEffect(() => {\n    ;(async () => {\n      if (\n        id &&\n        commentsCount &&\n        showMostEngaging &&\n        !mostEngagingCommentProp?.id\n      ) {\n        const comment = await getMostEngagingComment(id, locale)\n        setMostEngagingComment(comment)\n      }\n    })()\n  }, [id, locale, commentsCount, showMostEngaging, mostEngagingCommentProp?.id])\n  useEffect(() => {\n    setMostEngagingComment(mostEngagingCommentProp)\n  }, [mostEngagingCommentProp?.id])\n  const onPostCommentSuccess = (comment: Comment) => {\n    if (commentsCount === 0 && !mostEngagingComment?.id) {\n      setMostEngagingComment(comment)\n    }\n    setPost((p) => ({\n      ...p,\n      commentsCount: p.commentsCount + 1,\n      commented: true,\n    }))\n    onPostCommentSuccessProp && onPostCommentSuccessProp(comment)\n  }\n\n  const onDeleteComment = async (comment: Comment) => {\n    if (\n      commentsCount > 1 &&\n      mostEngagingComment?.id &&\n      mostEngagingComment?.id === comment?.id\n    ) {\n      const newMostEngaging = await getMostEngagingComment(id, locale)\n      setMostEngagingComment(newMostEngaging)\n    }\n    setPost((p) => ({\n      ...p,\n      commentsCount: p.commentsCount - 1,\n    }))\n    onDeleteCommentProp && onDeleteCommentProp(comment)\n  }\n  return (\n    <TogetherAuthConfigContextProvider\n      defaultParams={\n        community?.slug\n          ? {\n              _joinCommunityIds: [community.id],\n              _joinTopicIds: topics?.map((t) => t.id),\n              // _location: postHref,\n            }\n          : undefined\n      }\n    >\n      {isOpenSharePopup && (\n        <SharePopup\n          url={postHref}\n          avatar={DEFAULT_IMG}\n          text={title}\n          onClose={() => setIsOpenSharePopup(false)}\n        />\n      )}\n      <StyledCardPost\n        className={className}\n        style={style}\n        data-is-marrybaby={isMarryBaby}\n      >\n        {isPin ? <LabelPin className=\"post-pin\" /> : null}\n        <div style={{ position: 'relative' }}>\n          <CardAuthor\n            avatar={avatar}\n            name={name}\n            username={username}\n            url={disableCardLink ? undefined : postRelativeHref}\n            email={author?.email}\n            time={scheduleDateTime || createdAt}\n            community={community}\n            // miniIcon=\"./svg/icon-tag.svg\"\n            className=\"post-author\"\n            role={author?.role}\n            userId={author?.id}\n            expertId={author?.partnerId}\n            doctorId={author?.doctorId}\n            hospitalId={author?.hospitalId}\n            title={author?.title}\n            hasQuickBooking={hasQuickBooking}\n            handleMakeAppointment={handleMakeAppointment}\n          />\n          <CardPostPopoverMore\n            authorEmail={String(author?.email)}\n            onDeletePost={onDeletePost}\n            shareUrl={postHref}\n            post={post}\n            className=\"popover\"\n            onEditPost={onEditPost}\n          />\n        </div>\n        <a\n          href={disableCardLink ? undefined : postRelativeHref}\n          className=\"post-content-link-wrapper\"\n        >\n          {title && (\n            <Heading\n              className=\"post-content-title\"\n              as=\"h1\"\n              tag=\"h5\"\n              fontWeight=\"bold\"\n            >\n              {innertext(title)}\n            </Heading>\n          )}\n          <PostContent\n            className=\"post-content-wrapper\"\n            description={description}\n            disableShortenContent={disableShortenContent}\n            mentions={mentions}\n          />\n        </a>\n        <span></span>\n        <span></span>\n        <div key=\"tag-topic\">\n          {topics && topics.length > 0 ? (\n            <TagTopic topics={topics} className=\"post-topics\" />\n          ) : null}\n        </div>\n        <div key=\"social-preview\">\n          {post?.introUrl ? (\n            <div\n              className={`social-preview-wrapper ${\n                !!photos?.length ? 'has-image' : ''\n              }`}\n            >\n              <SocialLinkPreview url={post.introUrl} image={post.bannerImage} />\n            </div>\n          ) : null}\n        </div>\n        <div key=\"image-preview\">\n          {!!photos?.length ? (\n            <div className=\"image-preview-wrapper\">\n              <PostImagePreview images={photos} authorName={author?.name} />\n            </div>\n          ) : null}\n        </div>\n        <div key=\"link-preview\">\n          {!post?.introUrl && !photos?.length && previewUrl?.url ? (\n            <div className=\"link-preview-wrapper\">\n              <CardLink\n                title={previewUrl.title}\n                url={previewUrl.url}\n                image={previewUrl.image}\n              />\n            </div>\n          ) : null}\n        </div>\n        <CardReactions\n          type={CardReactionType.post}\n          loveCount={likesCount}\n          replyCount={commentsCount}\n          className={`post-reaction ${\n            photos?.length || previewUrl?.url ? 'hide-top-border' : ''\n          }`}\n          liked={isLikeLoading ? !liked : liked}\n          isReplied={commented}\n          onCommentClick={() =>\n            authActionWrapper(() => {\n              onCommentClick ? onCommentClick() : setShowInputComment((v) => !v)\n            })\n          }\n          onCommentCountClick={() => {\n            authActionWrapper(() => {\n              isMarryBaby\n                ? setShowInputComment(true)\n                : onCommentCountClick\n                ? onCommentCountClick()\n                : !disableCardLink && (window.location.href = postRelativeHref)\n            })\n          }}\n          onShareClick={() => {\n            setIsOpenSharePopup(true)\n          }}\n          onLikeClick={async () => {\n            if (!id || isLikeLoading) return\n            setIsLikeLoading(true)\n            try {\n              const res = await likeUnlikePost({\n                id,\n                locale,\n              })\n              if (res?.status !== 1) {\n                pushNotifications(getDefaultFailNoti(t))\n              } else {\n                setPost((p) => ({\n                  ...p,\n                  likesCount: (p.likesCount || 0) + (!p.liked ? 1 : -1),\n                  liked: !p.liked,\n                }))\n              }\n            } catch {\n              pushNotifications(getDefaultFailNoti(t))\n            }\n            setIsLikeLoading(false)\n          }}\n          showingMostEngaging={!!(showMostEngaging && mostEngagingComment?.id)}\n        />\n        {showInputComment && (\n          <InputCommentBar\n            isMainCmt={!propsShowInputComment}\n            onClose={() => setShowInputComment(false)}\n            onPostSuccess={onPostCommentSuccess}\n            post={post}\n          />\n        )}\n        {showMostEngaging && mostEngagingComment?.id ? (\n          <div\n            className=\"most-engaging-wrapper\"\n            onClick={(e) => {\n              if (onMostEngagingCommentClick) {\n                e.stopPropagation()\n                onMostEngagingCommentClick()\n              } else window.location.href = postRelativeHref\n            }}\n          >\n            <CardReply\n              hasQuickBookingEnable={hasQuickBookingEnable}\n              handleMakeAppointment={handleMakeAppointment}\n              comment={mostEngagingComment}\n              onDeleteComment={() => {\n                onDeleteComment && onDeleteComment(mostEngagingComment)\n              }}\n              className=\"most-engaging-comment\"\n              type=\"most-engaging\"\n              key={mostEngagingComment.id}\n            />\n            {commentsCount > 1 && !hideViewMoreComment && (\n              <Button className=\"see-more-comments\" color=\"ghost\" size=\"md\">\n                {t('comment.seeMoreComments', {\n                  count: commentsCount - 1,\n                })}\n              </Button>\n            )}\n          </div>\n        ) : null}\n        {InlineCommentsComponent}\n      </StyledCardPost>\n    </TogetherAuthConfigContextProvider>\n  )\n}\n\nexport { CardPost }\n"],"names":["getMostEngagingComment","postId","locale","__awaiter","callApiWithOptionalAuth","getApiPath","PATHS","COMMENT","LIST","_locale","sort","perPage","withoutReply","commentsRes","_d","sent","_c","_a","data","comments","_b","map","formatComment","className","style","hideViewMoreComment","showMostEngaging","onCommentClick","onCommentCountClick","onMostEngagingCommentClick","onPostCommentSuccessProp","onPostCommentSuccess","disableCardLink","disableShortenContent","onDeletePost","onEditPost","postProp","post","mostEngagingCommentProp","mostEngagingComment","onDeleteCommentProp","onDeleteComment","propsShowInputComment","showInputComment","InlineCommentsComponent","hasQuickBookingEnable","handleMakeAppointment","useState","setPost","isOpenSharePopup","setIsOpenSharePopup","setMostEngagingComment","community","topics","author","slug","isPin","liked","scheduleDateTime","createdAt","photos","mentions","title","description","previewUrl","likesCount","commentsCount","id","commented","_e","useContext","TogetherComponentGlobalContext","_f","_g","env","isMarryBaby","togetherBasePath","pushNotifications","action","t","useTranslations","_h","setShowInputComment","postRelativeHref","concat","postHref","getCurrentBaseUrl","authActionWrapper","useTogetherAuthRequiredAction","_joinCommunityIds","_joinTopicIds","undefined","_j","isLikeLoading","setIsLikeLoading","useEffect","name","username","avatar","_k","hospitalInfo","setHospitalInfo","_l","doctorInfo","setDoctorInfo","hospitalId","callApi","getCarePath","CARE_PATHS","GET_HOSPITAL_INFO","hospital_branch_id","website_url","domainLocales","response","_data","branch","doctorId","GET_DOCTOR_INFO","doctor","isDoctorAvailable","valid_outpatient","valid_telemedicine","isHospitalAvailable","total_available_service","total_available_doctor","hasQuickBooking","comment","newMostEngaging","p","__assign","React","createElement","TogetherAuthConfigContextProvider","defaultParams","SharePopup","url","DEFAULT_IMG","text","onClose","StyledCardPost","LabelPin","position","CardAuthor","email","time","role","userId","expertId","partnerId","CardPostPopoverMore","authorEmail","String","shareUrl","href","Heading","as","tag","fontWeight","innertext","PostContent","key","length","TagTopic","introUrl","SocialLinkPreview","image","bannerImage","PostImagePreview","images","authorName","CardLink","CardReactions","type","CardReactionType","loveCount","replyCount","isReplied","v","window","location","onShareClick","onLikeClick","likeUnlikePost","res","status","getDefaultFailNoti","showingMostEngaging","InputCommentBar","isMainCmt","onPostSuccess","onClick","e","stopPropagation","CardReply","Button","color","size","count"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,o=r(require("styled-components")).default.div(t||(t=n.__makeTemplateObject(["\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.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown,e.MediaQueries.mbDown);exports.StyledCardPost=o;
+//# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../src/together/components/organisms/cardPost/index.styled.tsx"],"sourcesContent":["import { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledCardPost = styled.div`\n  position: relative;\n  margin-bottom: 24px;\n  background: white;\n  border-radius: 6px;\n\n  a {\n    text-decoration: none;\n  }\n\n  ${MediaQueries.mbDown} {\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      ${MediaQueries.mbDown} {\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    ${MediaQueries.mbDown} {\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        ${MediaQueries.mbDown} {\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            ${MediaQueries.mbDown} {\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    ${MediaQueries.mbDown} {\n      margin-bottom: 12px;\n    }\n  }\n`\n"],"names":["StyledCardPost","div","MediaQueries","mbDown"],"mappings":"sPAGaA,kCAAuB,QAACC,w7GAAG,+IAUjB,kZAqBI,4lCAyDF,6gCAmDI,iRAYI,0cAsBR,kDAnKrBC,EAAAA,aAAaC,OAqBTD,EAAYA,aAACC,OAyDfD,EAAYA,aAACC,OAmDTD,eAAaC,OAYTD,EAAAA,aAAaC,OAsBrBD,EAAYA,aAACC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"cardReplyPopover.js","sources":["../../../../../src/together/components/organisms/cardReply/cardReplyPopover.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react'\n\nimport { useTranslations } from 'hooks/useTranslations'\nimport { TogetherComponentGlobalContext } from 'together/togetherComponentGlobalContext'\n\nimport MBMoreSolid from '../../../assets/marrybaby/svg/moreSolid.svg'\nimport IconDelete from '../../../assets/svg/delete.svg'\nimport IconKebab from '../../../assets/svg/icon-kebab.svg'\nimport IconTrashBin from '../../../assets/svg/icon-trash-bin.svg'\nimport { useTogetherAuthRequiredAction } from '../../../hooks/useTogetherAuthRequiredAction'\nimport { deleteComment } from '../../../utils/apiActions/comment'\nimport { PopupDanger } from '../../molecules/popupDanger'\nimport { TreePopoverMenu } from '../popoverMenu/treePopoverMenu'\n\nexport const CardReplyPopover = ({\n  onDeleteComment,\n  commentId,\n  className = '',\n  popoverClassName = '',\n}: {\n  className?: string\n  popoverClassName?: string\n  onDeleteComment?: () => void\n  commentId: string\n}) => {\n  const {\n    data: {\n      env: { isMarryBaby },\n      locale,\n    },\n    action: { pushNotifications },\n  } = useContext(TogetherComponentGlobalContext)\n  const { t } = useTranslations()\n  const [isOpenLeavePopup, setIsOpenLeavePopup] = useState(false)\n  const { authActionWrapper } = useTogetherAuthRequiredAction()\n  return (\n    <div\n      className={className}\n      onClick={(e) => {\n        e.preventDefault()\n        e.stopPropagation()\n      }}\n    >\n      {isOpenLeavePopup && (\n        <PopupDanger\n          thumbnail={IconDelete}\n          isThumbnailIcon={true}\n          title={t('popup.deleteComment.title')}\n          description={t('popup.deleteComment.description')}\n          acceptText={t('popup.deletePost.accept')}\n          cancelText={t('popup.deletePost.cancel')}\n          onAccept={async () => {\n            if (!commentId) return\n            const res = await deleteComment({ id: commentId, locale })\n            if (res?.status === 1) {\n              onDeleteComment && onDeleteComment()\n              pushNotifications({\n                title: '',\n                message: t('notification.success'),\n                type: 'success',\n              })\n            } else {\n              pushNotifications({\n                title: '',\n                message: res?.messages?.[0] || t('notification.failure'),\n                type: 'danger',\n              })\n            }\n          }}\n          onClose={() => setIsOpenLeavePopup(false)}\n        />\n      )}\n      <TreePopoverMenu\n        position=\"bottom\"\n        align=\"end\"\n        data={{\n          isShowheader: false,\n          type: 'list',\n          list: [\n            // {\n            //   icon: _href('/svg/icon-share-on-media.svg'),\n            //   label: f({ id: 'morePopover.share' }),\n            //   subTree: {\n            //     title: f({ id: 'morePopover.shareOn' }),\n            //     isShowheader: true,\n            //     type: 'jsx',\n            //     jsxType: TreeJSXType.share,\n            //     data: {\n            //       shareUrl: shareUrl,\n            //       shareTitle: shareTitle,\n            //     },\n            //   },\n            // },\n            // {\n            //   icon: _href('/svg/icon-tab-edit-2.svg'),\n            //   label: f({ id: 'actionPopover.edit' }),\n            //   onClick: onEditPost,\n            // },\n            {\n              icon: IconTrashBin,\n              label: t('actionPopover.delete'),\n              onClick: () => {\n                authActionWrapper(() => {\n                  setIsOpenLeavePopup(true)\n                })\n              },\n            },\n          ],\n        }}\n        className={popoverClassName}\n        toggleButtonContent={\n          <img src={isMarryBaby ? MBMoreSolid : IconKebab} />\n        }\n        buttonProps={\n          {\n            // isLoading: loading,\n          }\n        }\n      />\n    </div>\n  )\n}\n"],"names":["_a","onDeleteComment","commentId","_b","className","_c","popoverClassName","_d","useContext","TogetherComponentGlobalContext","_e","data","isMarryBaby","env","locale","pushNotifications","t","useTranslations","_f","useState","isOpenLeavePopup","setIsOpenLeavePopup","authActionWrapper","useTogetherAuthRequiredAction","React","onClick","e","preventDefault","stopPropagation","createElement","PopupDanger","thumbnail","IconDelete","isThumbnailIcon","title","description","acceptText","cancelText","onAccept","__awaiter","deleteComment","id","res","sent","status","message","type","messages","onClose","TreePopoverMenu","position","align","isShowheader","list","icon","IconTrashBin","label","toggleButtonContent","src","MBMoreSolid","IconKebab","buttonProps"],"mappings":"+wBAcgC,SAACA,GAC/B,IAAAC,oBACAC,EAASF,EAAAE,UACTC,cAAAC,OAAY,IAAAD,EAAA,KACZE,EAAAL,EAAAM,iBAAAA,OAAgB,IAAAD,EAAG,GAAEA,EAOfE,EAMFC,EAAAA,WAAWC,EAA8BA,gCAL3CC,EAGCH,EAAAI,KAFQC,EAAWF,EAAAG,IAAAD,YAClBE,EAAMJ,EAAAI,OAEEC,6BAEJC,EAAMC,sBACRC,EAA0CC,EAAAA,UAAS,GAAlDC,EAAgBF,EAAA,GAAEG,EAAmBH,EAAA,GACpCI,EAAsBC,oDAC9B,OACEC,+BACEpB,UAAWA,EACXqB,QAAS,SAACC,GACRA,EAAEC,iBACFD,EAAEE,oBAGHR,GACCI,EAAA,QAAAK,cAACC,EAAWA,YACV,CAAAC,UAAWC,EACXC,iBAAiB,EACjBC,MAAOlB,EAAE,6BACTmB,YAAanB,EAAE,mCACfoB,WAAYpB,EAAE,2BACdqB,WAAYrB,EAAE,2BACdsB,SAAU,WAAA,OAAAC,EAAAA,eAAA,OAAA,OAAA,GAAA,iFACR,OAAKrC,EACa,CAAA,EAAAsC,EAAAA,cAAc,CAAEC,GAAIvC,EAAWY,OAAMA,KADjC,CAAA,iBAEF,KAAhB4B,OADEA,EAAMvC,EAA8CwC,aACnD,EAAHD,EAAKE,SACP3C,GAAmBA,IACnBc,EAAkB,CAChBmB,MAAO,GACPW,QAAS7B,EAAE,wBACX8B,KAAM,aAGR/B,EAAkB,CAChBmB,MAAO,GACPW,iBAAS7C,EAAA0C,aAAA,EAAAA,EAAKK,+BAAW,KAAM/B,EAAE,wBACjC8B,KAAM,uBAIZE,QAAS,WAAM,OAAA3B,GAAoB,MAGvCG,UAACK,cAAAoB,EAAAA,gBACC,CAAAC,SAAS,SACTC,MAAM,MACNxC,KAAM,CACJyC,cAAc,EACdN,KAAM,OACNO,KAAM,CAoBJ,CACEC,KAAMC,EACNC,MAAOxC,EAAE,wBACTS,QAAS,WACPH,GAAkB,WAChBD,GAAoB,UAM9BjB,UAAWE,EACXmD,oBACEjC,EAAAA,QAAAK,cAAA,MAAA,CAAK6B,IAAK9C,EAAc+C,EAAcC,IAExCC,YACE"}