@hhgtech/hhg-components 1.18.47 → 1.18.48

package/build/esm/together/components/molecules/cardAuthor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/together/components/molecules/cardAuthor/index.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  MouseEventHandler,\n  useContext,\n  useEffect,\n  useState,\n} from 'react'\n\nimport { Avatar } from 'components/atoms/avatar'\nimport { Button } from 'components/atoms/button'\nimport { Text } from 'components/atoms/text'\nimport { format, formatDistanceToNow } from 'date-fns'\nimport enUS from 'date-fns/locale/en-US'\nimport hi from 'date-fns/locale/hi'\nimport id from 'date-fns/locale/id'\nimport ms from 'date-fns/locale/ms'\nimport th from 'date-fns/locale/th'\nimport vi from 'date-fns/locale/vi'\nimport zhTW from 'date-fns/locale/zh-TW'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { TranslationsKey } from 'i18n/translations'\nimport { toggleNoScroll } from 'misc/utils'\nimport { domainLocales } from 'src/interfaces/constants'\nimport { TogetherComponentGlobalContext } from 'together/togetherComponentGlobalContext'\n\nimport { Community, Role } from '../../../interfaces/types'\nimport { UserAvatar } from '../../atoms/userAvatar'\nimport { PopupDoctor } from '../popupDoctor'\nimport { PopupExpert } from '../popupExpert'\nimport { PopupHospital } from '../popupHospital'\nimport my from './customMMLocale'\nimport { StyledAvatarContainer, StyledCardAuthor } from './index.styled'\n\nexport const AuthorLabelTextMapping: { [k in Role]?: string } = {\n  admin: 'cardAuthor.admin',\n  moderator: 'cardAuthor.moderator',\n  ambassador: 'cardAuthor.ambassador',\n  expert: 'cardAuthor.expert',\n  sponsor: 'cardAuthor.sponsor',\n  'local-admin': 'cardAuthor.localAdmin',\n  guide: 'cardAuthor.guide',\n  influencer: 'cardAuthor.influencer',\n}\n\nconst looselyMatchRole = (role: string): Role | undefined => {\n  const allRoles: Role[] = [\n    'admin',\n    'moderator',\n    'ambassador',\n    'expert',\n    'sponsor',\n    'local-admin',\n    'guide',\n    'influencer',\n  ]\n  return (\n    allRoles.find((r) => r === role) ||\n    allRoles.find((r) => role.includes(r)) ||\n    allRoles.find((r) => r.includes(role))\n  )\n}\n\nexport type Props = {\n  userId?: number\n  time?: string\n  miniIcon?: string\n  className?: string\n  style?: CSSProperties\n  name?: string\n  username?: string\n  email?: string\n  url?: string\n  avatar?: string\n  postId?: string\n  community?: Community\n  type?: 'post' | 'comment' | 'reply' | 'most-engaging'\n  role?: Role\n  expertId?: string\n  doctorId?: string\n  hospitalId?: string\n  isMarryBaby?: boolean\n  title?: string\n  hasQuickBooking?: boolean\n  handleMakeAppointment?: (doctorId?: string, hospitalId?: string) => void\n}\n\nexport const locales: { [key: string]: Locale } = {\n  'vi-VN': vi,\n  'id-ID': id,\n  'ms-MY': ms,\n  'km-KH': enUS,\n  'en-PH': enUS,\n  'th-TH': th,\n  'my-MM': my,\n  'zh-TW': zhTW,\n  'hi-IN': hi,\n}\n\nconst CardAuthor = ({\n  // userId,\n  time,\n  className,\n  community,\n  name,\n  username,\n  url,\n  avatar,\n  miniIcon,\n  role,\n  style,\n  type = 'post',\n  expertId,\n  isMarryBaby: isMarryBabyProp,\n  title,\n  doctorId,\n  hospitalId,\n  hasQuickBooking,\n  handleMakeAppointment,\n}: Props) => {\n  const {\n    data: {\n      locale,\n      router,\n      env: { isMarryBaby: isMarryBabyContext, togetherBasePath },\n    },\n  } = useContext(TogetherComponentGlobalContext)\n  const isMarryBaby =\n    typeof isMarryBabyProp === 'boolean' ? isMarryBabyProp : isMarryBabyContext\n  const displayName = name || username || ''\n  const matchedRole = role ? looselyMatchRole(role) : ''\n  const { t } = useTranslations()\n  const cleanedTimeDate = time\n    ? !isNaN(new Date(time).getTime())\n      ? new Date(time)\n      : null\n    : null\n  const timeText = cleanedTimeDate\n    ? formatDistanceToNow(cleanedTimeDate, {\n        locale: locales[locale],\n      })\n    : time\n  const timeTextTitle = cleanedTimeDate\n    ? format(cleanedTimeDate, 'dd/MM/yyyy HH:mm')\n    : time\n\n  const [openPopupExpert, setOpenPopupExpert] = useState(false)\n\n  const { asPath } = router || {}\n  const currentUrl = `https://${domainLocales[locale]}${asPath}`\n\n  const onAuthorClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    if (role === 'expert' && (expertId || doctorId || hospitalId)) {\n      e.stopPropagation()\n      setOpenPopupExpert(true)\n    } else if (url) {\n      window.location.href = url\n    }\n  }\n\n  useEffect(() => {\n    toggleNoScroll(openPopupExpert)\n  }, [openPopupExpert])\n\n  return (\n    <>\n      {role === 'expert' && expertId ? (\n        <PopupExpert\n          isOpen={openPopupExpert}\n          onClose={() => setOpenPopupExpert(false)}\n          expertId={expertId}\n        ></PopupExpert>\n      ) : null}\n      {role === 'expert' && doctorId ? (\n        <PopupDoctor\n          isOpen={openPopupExpert}\n          onClose={() => setOpenPopupExpert(false)}\n          doctorId={doctorId}\n          locale={locale}\n        ></PopupDoctor>\n      ) : null}\n      {role === 'expert' && hospitalId ? (\n        <PopupHospital\n          isOpen={openPopupExpert}\n          onClose={() => setOpenPopupExpert(false)}\n          hospitalId={hospitalId}\n          locale={locale}\n        ></PopupHospital>\n      ) : null}\n      <StyledCardAuthor\n        data-is-marrybaby={isMarryBaby}\n        className={className}\n        style={style}\n        data-is-booking={hasQuickBooking}\n      >\n        <div style={{ display: 'flex', width: '100%' }}>\n          <a>\n            <StyledAvatarContainer onClick={onAuthorClick}>\n              <UserAvatar\n                className=\"author-avatar-wrapper\"\n                username={displayName}\n                avatar={avatar}\n              />\n              {miniIcon ? (\n                <Avatar\n                  className=\"mini-icon\"\n                  type=\"rounded\"\n                  avatarImg={\n                    <img\n                      src={miniIcon}\n                      style={{\n                        width: '12px',\n                        height: '12px',\n                        objectFit: 'cover',\n                      }}\n                      alt=\"badge\"\n                    />\n                  }\n                />\n              ) : null}\n            </StyledAvatarContainer>\n          </a>\n          <div className=\"expert-wrapper\">\n            <div className=\"author-info\">\n              <div className=\"author-info-top\">\n                <div\n                  onClick={onAuthorClick}\n                  className=\"author-info-text-wrapper\"\n                >\n                  <Text className=\"author-name\" size=\"p3\">\n                    {displayName}\n                  </Text>\n                  {matchedRole && AuthorLabelTextMapping[matchedRole] && (\n                    <div className=\"author-role\" data-label-type={matchedRole}>\n                      {title ||\n                        t(\n                          AuthorLabelTextMapping[\n                            matchedRole\n                          ] as TranslationsKey,\n                        )}\n                    </div>\n                  )}\n                  {isMarryBaby ? (\n                    <Text\n                      size=\"p4\"\n                      type=\"regular\"\n                      color=\"#9495A0\"\n                      title={timeTextTitle}\n                      className=\"author-time\"\n                    >\n                      {`${type === 'post' ? '• ' : ''}${timeText}`}\n                    </Text>\n                  ) : null}\n                </div>\n                {!isMarryBaby && type !== 'post' ? (\n                  <Text\n                    size=\"p4\"\n                    type=\"regular\"\n                    color=\"#595959\"\n                    style={{ lineHeight: '20px' }}\n                    title={timeTextTitle}\n                  >\n                    {timeText}\n                  </Text>\n                ) : null}\n              </div>\n              {type === 'post' ? (\n                <div className=\"author-community\">\n                  <Text className=\"text-container\" size=\"p4\">\n                    <a\n                      href={\n                        community?.slug &&\n                        community.isActive &&\n                        !community.isHidden\n                          ? `${togetherBasePath}/${community?.slug}`\n                          : undefined\n                      }\n                      className=\"author-community-name\"\n                    >\n                      {`${isMarryBaby ? '/' : ''}${community?.name}`}\n                    </a>\n                    {(isMarryBaby ? undefined : timeText) ? ' • ' : ''}\n                    <span className=\"time-text\">\n                      {isMarryBaby ? undefined : timeText}\n                    </span>\n                  </Text>\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </div>\n        {hasQuickBooking && (\n          <div className=\"btn-wrapper\">\n            <Button\n              color=\"primary\"\n              size=\"md\"\n              className=\"btn-booking\"\n              onClick={(e) => {\n                handleMakeAppointment?.(doctorId, hospitalId)\n                e.stopPropagation()\n              }}\n              dataEventCategory=\"Care\"\n              dataEventAction=\"Comment - Quick Booking\"\n              dataEventLabel={currentUrl}\n            >\n              {t('careBooking.bookAnAppointment')}\n            </Button>\n          </div>\n        )}\n      </StyledCardAuthor>\n    </>\n  )\n}\n\nexport { CardAuthor }\n"],"names":["AuthorLabelTextMapping","admin","moderator","ambassador","expert","sponsor","guide","influencer","locales","vi","id","ms","enUS","th","my","zhTW","hi","CardAuthor","_a","time","className","community","name","username","url","avatar","miniIcon","role","style","_b","type","expertId","isMarryBabyProp","isMarryBaby","title","doctorId","hospitalId","hasQuickBooking","handleMakeAppointment","_c","useContext","TogetherComponentGlobalContext","data","locale","router","_d","isMarryBabyContext","togetherBasePath","displayName","matchedRole","allRoles","find","r","includes","looselyMatchRole","t","useTranslations","cleanedTimeDate","isNaN","Date","getTime","timeText","formatDistanceToNow","timeTextTitle","format","_e","useState","openPopupExpert","setOpenPopupExpert","asPath","currentUrl","concat","domainLocales","onAuthorClick","e","stopPropagation","window","location","href","useEffect","toggleNoScroll","React","createElement","Fragment","PopupExpert","isOpen","onClose","PopupDoctor","PopupHospital","StyledCardAuthor","display","width","StyledAvatarContainer","onClick","UserAvatar","Avatar","avatarImg","src","height","objectFit","alt","Text","size","color","lineHeight","slug","isActive","isHidden","undefined","Button","dataEventCategory","dataEventAction","dataEventLabel"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as e}from"../../../../misc/utils.js";import t from"styled-components";var r=t.div(o||(o=n(["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n    .author-role {\n      height: 1rem;\n      flex-shrink: 0;\n      padding: 0 0.5rem;\n      margin-left: 4px;\n      border-radius: 1rem;\n      color: white;\n      font-size: 8px;\n      font-weight: 600;\n      line-height: 1rem;\n      &[data-label-type='admin'] {\n        background: ",";\n      }\n      &[data-label-type='local admin'] {\n        background: ",";\n      }\n      &[data-label-type='ambassador'] {\n        background: ",";\n      }\n      &[data-label-type='expert'] {\n        background: ",";\n      }\n      &[data-label-type='moderator'] {\n        background: ",";\n      }\n      &[data-label-type='sponsor'] {\n        background: ",";\n      }\n      &[data-label-type='guide'] {\n        background: ",";\n      }\n      &[data-label-type='influencer'] {\n        background: ",";\n      }\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      .time-text {\n        font-size: 11px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info {\n      margin-left: 1rem;\n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n    .author-role {\n      height: 1rem;\n      flex-shrink: 0;\n      padding: 0 0.5rem;\n      margin-left: 4px;\n      border-radius: 1rem;\n      color: white;\n      font-size: 8px;\n      font-weight: 600;\n      line-height: 1rem;\n      &[data-label-type='admin'] {\n        background: ",";\n      }\n      &[data-label-type='local admin'] {\n        background: ",";\n      }\n      &[data-label-type='ambassador'] {\n        background: ",";\n      }\n      &[data-label-type='expert'] {\n        background: ",";\n      }\n      &[data-label-type='moderator'] {\n        background: ",";\n      }\n      &[data-label-type='sponsor'] {\n        background: ",";\n      }\n      &[data-label-type='guide'] {\n        background: ",";\n      }\n      &[data-label-type='influencer'] {\n        background: ",";\n      }\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      .time-text {\n        font-size: 11px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info {\n      margin-left: 1rem;\n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.green400}),(function(n){return n.theme.colors.red400}),(function(n){return n.theme.colors.yellow800}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.blue50}),e.mbDown,(function(n){return n.theme.mbColors.cobalt}));t.img(i||(i=n(["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"],["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"])));var o,i,a,l=t.div(a||(a=n(["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"],["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"])));export{l as StyledAvatarContainer,r as StyledCardAuthor};
+//# sourceMappingURL=index.styled.js.map

package/build/esm/together/components/molecules/cardAuthor/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../src/together/components/molecules/cardAuthor/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledCardAuthor = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ${(props: ThemeProps) =>\n      props.theme.colors.secondaryBase};\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n    .author-role {\n      height: 1rem;\n      flex-shrink: 0;\n      padding: 0 0.5rem;\n      margin-left: 4px;\n      border-radius: 1rem;\n      color: white;\n      font-size: 8px;\n      font-weight: 600;\n      line-height: 1rem;\n      &[data-label-type='admin'] {\n        background: ${(props: ThemeProps) => props.theme.colors.blue800};\n      }\n      &[data-label-type='local admin'] {\n        background: ${(props: ThemeProps) => props.theme.colors.blue800};\n      }\n      &[data-label-type='ambassador'] {\n        background: ${(props: ThemeProps) => props.theme.colors.green400};\n      }\n      &[data-label-type='expert'] {\n        background: ${(props: ThemeProps) => props.theme.colors.red400};\n      }\n      &[data-label-type='moderator'] {\n        background: ${(props: ThemeProps) => props.theme.colors.yellow800};\n      }\n      &[data-label-type='sponsor'] {\n        background: ${(props: ThemeProps) => props.theme.colors.teal400};\n      }\n      &[data-label-type='guide'] {\n        background: ${(props: ThemeProps) => props.theme.colors.teal400};\n      }\n      &[data-label-type='influencer'] {\n        background: ${(props: ThemeProps) => props.theme.colors.teal400};\n      }\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ${(props: ThemeProps) => props.theme.colors.gray500};\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      .time-text {\n        font-size: 11px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ${(props: ThemeProps) => props.theme.colors.blue50};\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info {\n      margin-left: 1rem;\n      ${MediaQueries.mbDown} {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ${(props: ThemeProps) => props.theme.mbColors.cobalt};\n        font-weight: 500;\n      }\n    }\n  }\n`\nexport const StyledKebabIcon = styled.img`\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n`\nexport const StyledAvatarContainer = styled.div`\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n`\n"],"names":["StyledCardAuthor","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","secondaryBase","blue800","green400","red400","yellow800","teal400","gray500","blue50","MediaQueries","mbDown","mbColors","cobalt","img","templateObject_2","StyledAvatarContainer","templateObject_3"],"mappings":"6KAIa,IAAAA,EAAmBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,2bAAA,61BAAA,6EAAA,4EAAA,wEAAA,2EAAA,yEAAA,uEAAA,4EAAA,sFAAA,oVAAA,0PAAA,kXAAA,uDAAA,CAAA,2bAuBJ,61BAyCiC,6EAGA,4EAGC,wEAGF,2EAGG,yEAGF,uEAGA,4EAGA,sFAMP,oVAkBQ,0PAa7C,kXAiBwC,0DArH3C,SAACC,GACnB,OAAAA,EAAMC,MAAMC,OAAOC,iBAyCH,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,WAG1C,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,WAG1C,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,YAG1C,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,UAG1C,SAACN,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,aAG1C,SAACP,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,WAG1C,SAACR,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,WAG1C,SAACR,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,WAMjD,SAACR,GAAsB,OAAAA,EAAMC,MAAMC,OAAOO,WAkBjC,SAACT,GAAsB,OAAAA,EAAMC,MAAMC,OAAOQ,SAa1DC,EAAaC,QAiBJ,SAACZ,GAAsB,OAAAA,EAAMC,MAAMY,SAASC,UAM9BlB,EAAOmB,IAAGC,IAAAA,EAAAjB,EAAA,CAAA,2GAAA,CAAA,8GAO5B,UAAAkB,EAAwBrB,EAAOC,IAAGqB,IAAAA,EAAAnB,EAAA,CAAA,kHAAA,CAAA"}

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

@@ -0,0 +1,2 @@
+import{__spreadArray as e,__awaiter as t,__generator as o}from"../../../../node_modules/tslib/tslib.es6.js";import i,{useContext as n,useState as a,useEffect as s}from"react";import{Button as l}from"../../../../components/atoms/button/index.js";import{Text as r}from"../../../../components/atoms/text/index.js";import{Dropdown as c}from"../../../../components/molecules/dropdown/index.js";import{useTranslations as m}from"../../../../hooks/useTranslations.js";import d from"../../../../node_modules/innertext/index.js";import{theme as u}from"../../../../misc/theme.js";import{TogetherComponentGlobalContext as p}from"../../../togetherComponentGlobalContext.js";import{getDefaultFailNoti as v}from"../../../utils/notification.js";import{formatPost as g}from"../../../api/dataTransform.js";import f from"../../../assets/svg/icon-alert-circle-primary.svg.js";import y from"../../../assets/svg/icon-alert-circle-warning.svg.js";import{MAX_IMAGE_UPLOADS as b}from"../../../interfaces/constants.js";import{createPost as h,editPost as C,getPostFormData as j}from"../../../utils/apiActions/post.js";import{decodeMention as E,decodePostUrl as I}from"../../../utils/post.js";import{CreatePostDescription as N}from"../createPostDescription/index.js";import{CreatePostTitle as w}from"../createPostTitle/index.js";import{TopicSelectList as x}from"../topicSelectList/index.js";import{StyledCreateNewPost as P}from"./index.styled.js";var T=function(T){var S=T.className,z=T.style,F=T.onPostCreatedEdited,k=T.onClose,D=T.communities,B=void 0===D?[]:D,A=T.forceSelectCommunity,L=T.forceSelectTopics,U=T.articleId,_=T.optionalTopic,W=T.editPostData,G=T.defaultCommunity,M=T.defaultTopics,q=T.noFetchTopic,H=T.hideTopicList,J=!!(null==W?void 0:W.id),K=n(p),O=K.data,Q=O.locale,R=O.env.isMarryBaby,V=K.action,X=V.pushNotifications,Y=V.sanitizeFunction,Z=m().t,$=a(!1),ee=$[0],te=$[1],oe=a(""),ie=oe[0],ne=oe[1],ae=a(""),se=ae[0],le=ae[1],re=a(A?{label:A.name,value:"".concat(A.id||"","-").concat(A.mappedCategoryId||"")}:{label:Z("community.choose"),value:""}),ce=re[0],me=re[1],de=a(e([],L,!0)||[]),ue=de[0],pe=de[1],ve=a([]),ge=ve[0],fe=ve[1],ye=a([]),be=ye[0],he=ye[1],Ce=A||B.find((function(e){return"".concat(e.id||"","-").concat(e.mappedCategoryId||"")===ce.value})),je=A?[A]:B.filter((function(e){return e.isActive})).sort((function(e,t){return e.name>t.name?1:e.name<t.name?-1:0})),Ee=a(null),Ie=Ee[0],Ne=Ee[1],we=a([]),xe=we[0],Pe=we[1],Te=ie&&d(se)&&(_||!_&&ue.length>0)&&Ce&&(!ge||ge.length<=b)&&!(null==xe?void 0:xe.length)&&!ee;s((function(){if(W){var e=W;ne(e.title||""),le(E(I(e.description||"","edit"),e.mentions)),me({label:e.community.name,value:"".concat(e.community.id||"","-").concat(e.community.mappedCategoryId||"")}),pe(e.topics||[]),fe(e.photos||[])}else G&&me({label:G.name,value:"".concat(G.id||"","-").concat(G.mappedCategoryId||"")}),M&&pe(M)}),[]);var Se=function(){return t(void 0,void 0,void 0,(function(){var e,t,i,n,a,s,l,r,c,m,d,u;return o(this,(function(o){switch(o.label){case 0:return[4,j({title:ie,description:se,communityId:String((null==Ce?void 0:Ce.id)||""),imageFiles:ge,previewUrl:Ie,topicIds:null==ue?void 0:ue.map((function(e){return String(e.id||"")})).filter(Boolean),locale:Q,sanitizeFunction:Y,categoryCommunityId:String((null==Ce?void 0:Ce.mappedCategoryId)||""),categoryTopicIds:null==ue?void 0:ue.map((function(e){return String(e.mappedCategoryId||"")})).filter(Boolean)})];case 1:return e=o.sent(),U&&e.append("article_id",U),J?(null==W?void 0:W.id)?[4,C({id:W.id,formData:e,locale:Q})]:[3,3]:[3,4];case 2:t=o.sent(),o.label=3;case 3:return[3,6];case 4:return[4,h({formData:e,locale:Q,isArticleComment:!(null==Ce?void 0:Ce.id)&&!!(null==Ce?void 0:Ce.mappedCategoryId)})];case 5:t=o.sent(),o.label=6;case 6:return(null==(i=null==t?void 0:t.data)?void 0:i.id)&&!(null===(a=null===(n=null==t?void 0:t.messages)||void 0===n?void 0:n.moderation)||void 0===a?void 0:a.type)?(X({message:Z("createPost.popup.success"),type:"success"}),function(e){F&&F(g(e),J),k&&k()}(i)):"banned"===(null===(l=null===(s=null==t?void 0:t.messages)||void 0===s?void 0:s.moderation)||void 0===l?void 0:l.type)?(X({title:Z("notification.post.blocked.title"),message:Z("notification.post.blocked.message"),type:"danger"}),t.messages.moderation.words&&he(t.messages.moderation.words)):"suspect"===(null===(c=null===(r=null==t?void 0:t.messages)||void 0===r?void 0:r.moderation)||void 0===c?void 0:c.type)?(X({title:Z("notification.post.suspect.title"),message:Z("notification.post.suspect.message"),type:"warning"}),k&&k()):(null===(d=null===(m=null==t?void 0:t.messages)||void 0===m?void 0:m.find)||void 0===d?void 0:d.call(m,(function(e){var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(X({message:Z("notification.suspend.message"),type:"danger"}),k&&k()):X({message:(null===(u=null==t?void 0:t.messages)||void 0===u?void 0:u[0])||Z("notification.failure"),type:"danger"}),[2]}}))}))};return i.createElement(P,{className:S,style:z},i.createElement("div",{className:"input-group-container"},i.createElement(w,{className:"input-group",bannedWords:be,value:ie,onChange:ne}),i.createElement(N,{className:"input-group",bannedWords:be,value:se,onChange:le,onPreviewUrlChange:Ne,onInvalidUrlsChange:Pe,onImageFilesChange:fe,imageFiles:ge}),i.createElement("div",{className:"input-group"},i.createElement(r,{size:"p4",className:"input-group-label"},Z("admin.community")),i.createElement(c,{options:(null==je?void 0:je.map((function(e,t){return{label:e.name,value:"".concat(e.id||"","-").concat(e.mappedCategoryId||"")}})))||[],id:"community-picker",placeholder:Z("community.choose"),value:ce,onChange:function(e){me({label:e.label,value:String(e.value)}),pe([])},disabled:!!A}),i.createElement(r,{size:"sm",className:"warning",color:u.colors.gray400},"* ",Z("commentPopup.warning.newPost"))),!H&&i.createElement("div",{className:"input-group"},i.createElement(r,{size:"p4",className:"input-group-label"},Z("tab.topic")),i.createElement("div",{className:"input-notification"},i.createElement("img",{src:Ce?f:y}),i.createElement(r,{size:"base",color:u.colors.gray500},Z(Ce?"createPost.popup.primary":"createPost.popup.warning"))),Ce&&i.createElement(x,{className:"tag-list",communityId:Ce.id,forceTopics:L,onChange:pe,selectedTopics:ue,noFetch:q}))),i.createElement(l,{theme:R?"marryBaby":"helloSites",className:"submit-btn",size:"lg",onClick:function(){return t(void 0,void 0,void 0,(function(){var e;return o(this,(function(t){switch(t.label){case 0:if(!Te||ee)return[3,5];te(!0),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Se()];case 2:return t.sent(),[3,4];case 3:return e=t.sent(),console.error(e),X(v(Z)),[3,4];case 4:te(!1),t.label=5;case 5:return[2]}}))}))},isDisabled:!Te,isLoading:ee},Z("createPost.popup.submit")))};export{T as CreateNewPostContent};
+//# sourceMappingURL=index.js.map

package/build/esm/together/components/molecules/createNewPostContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/together/components/molecules/createNewPostContent/index.tsx"],"sourcesContent":["import React, { CSSProperties, useContext, useEffect, useState } from 'react'\n\nimport { Button } from 'components/atoms/button'\nimport { Text } from 'components/atoms/text'\nimport { Dropdown } from 'components/molecules/dropdown'\nimport { useTranslations } from 'hooks/useTranslations'\nimport innertext from 'innertext'\nimport { theme } from 'misc/theme'\nimport { TogetherComponentGlobalContext } from 'together/togetherComponentGlobalContext'\nimport { getDefaultFailNoti } from 'together/utils/notification'\n\nimport { formatPost } from '../../../api/dataTransform'\nimport IconAlertCirclePrimary from '../../../assets/svg/icon-alert-circle-primary.svg'\nimport IconAlertCircleWarning from '../../../assets/svg/icon-alert-circle-warning.svg'\nimport { MAX_IMAGE_UPLOADS } from '../../../interfaces/constants'\nimport { Community, Post, PostApi, Topic } from '../../../interfaces/types'\nimport { editPost, getPostFormData } from '../../../utils/apiActions/post'\nimport { createPost } from '../../../utils/apiActions/post'\nimport {\n  decodeMention,\n  decodePostUrl,\n  encodePostContent,\n  getMentionIdsFromString,\n  removeBannedWordWrapper,\n} from '../../../utils/post'\nimport { CreatePostDescription } from '../createPostDescription'\nimport { CreatePostTitle } from '../createPostTitle/index'\nimport { TopicSelectList } from '../topicSelectList'\nimport { StyledCreateNewPost } from './index.styled'\n\nexport type Props = {\n  className?: string\n  style?: CSSProperties\n  onPostCreatedEdited?: (post: Post, isEdit?: boolean) => void\n  onClose?: () => void\n  communities?: Community[]\n  forceSelectCommunity?: Community\n  forceSelectTopics?: Topic[]\n  articleId?: string\n  optionalTopic?: boolean\n  noFetchTopic?: boolean\n  editPostData?: Post\n  defaultCommunity?: Community\n  defaultTopics?: Topic[]\n  hideTopicList?: boolean\n}\n\nexport const CreateNewPostContent = ({\n  className,\n  style,\n  onPostCreatedEdited,\n  onClose,\n  communities = [],\n  forceSelectCommunity,\n  forceSelectTopics,\n  articleId,\n  optionalTopic,\n  editPostData,\n  defaultCommunity,\n  defaultTopics,\n  noFetchTopic,\n  hideTopicList,\n}: Props) => {\n  const isInEditMode = !!editPostData?.id\n  const {\n    data: {\n      locale,\n      env: { isMarryBaby },\n    },\n    action: { pushNotifications, sanitizeFunction },\n  } = useContext(TogetherComponentGlobalContext)\n  const { t } = useTranslations()\n  const [isSubmitting, setIsSubmitting] = useState(false)\n  const [titleValue, setTitleValue] = useState('')\n  const [descriptionValue, setDescriptionValue] = useState('')\n  const [communityValue, setCommunityValue] = useState(\n    forceSelectCommunity\n      ? {\n          label: forceSelectCommunity.name,\n          value: `${forceSelectCommunity.id || ''}-${\n            forceSelectCommunity.mappedCategoryId || ''\n          }`,\n        }\n      : {\n          label: t('community.choose'),\n          value: '',\n        },\n  )\n  const [selectedTopics, setSelectedTopics] = useState<Topic[]>(\n    [...forceSelectTopics] || [],\n  )\n  const [imageFiles, setImageFiles] = useState<(File | string)[]>([])\n  const [bannedWords, setBannedWords] = useState<string[]>([])\n\n  const currentCommunity =\n    forceSelectCommunity ||\n    communities.find(\n      (c) =>\n        `${c.id || ''}-${c.mappedCategoryId || ''}` === communityValue.value,\n    )\n\n  const communitiesList = forceSelectCommunity\n    ? [forceSelectCommunity]\n    : communities\n        .filter((c) => c.isActive)\n        .sort((a, b) => {\n          if (a.name > b.name) return 1\n          if (a.name < b.name) return -1\n          return 0\n        })\n\n  const [previewUrl, setPreviewUrl] = useState<{\n    title?: string\n    url?: string\n    image?: string\n    description?: string\n  } | null>(null)\n  const [invalidUrls, setInvalidUrls] = useState<string[]>([])\n\n  const isReadyToSubmit =\n    titleValue &&\n    innertext(descriptionValue) &&\n    (optionalTopic || (!optionalTopic && selectedTopics.length > 0)) &&\n    currentCommunity &&\n    (!imageFiles || imageFiles.length <= MAX_IMAGE_UPLOADS) &&\n    !invalidUrls?.length &&\n    !isSubmitting\n  // HANDLE etra action when OPEN AND CLOSE\n  useEffect(() => {\n    if (editPostData) {\n      const post = editPostData\n      setTitleValue(post.title || '')\n      setDescriptionValue(\n        decodeMention(\n          decodePostUrl(post.description || '', 'edit'),\n          post.mentions,\n        ),\n      )\n      setCommunityValue({\n        label: post.community.name,\n        value: `${post.community.id || ''}-${\n          post.community.mappedCategoryId || ''\n        }`,\n      })\n      setSelectedTopics(post.topics || [])\n      setImageFiles(post.photos || [])\n    } else {\n      if (defaultCommunity) {\n        setCommunityValue({\n          label: defaultCommunity.name,\n          value: `${defaultCommunity.id || ''}-${\n            defaultCommunity.mappedCategoryId || ''\n          }`,\n        })\n      }\n      if (defaultTopics) {\n        setSelectedTopics(defaultTopics)\n      }\n    }\n  }, [])\n\n  const onCreateEditSuccess = (res: PostApi) => {\n    if (onPostCreatedEdited) {\n      onPostCreatedEdited(formatPost(res), isInEditMode)\n    }\n    onClose && onClose()\n  }\n\n  const submitPost = async () => {\n    const bodyFormData = await getPostFormData({\n      title: titleValue,\n      description: descriptionValue,\n      communityId: String(currentCommunity?.id || ''),\n      imageFiles,\n      previewUrl,\n      topicIds: selectedTopics\n        ?.map((topic) => String(topic.id || ''))\n        .filter(Boolean),\n      locale,\n      sanitizeFunction,\n      categoryCommunityId: String(currentCommunity?.mappedCategoryId || ''),\n      categoryTopicIds: selectedTopics\n        ?.map((topic) => String(topic.mappedCategoryId || ''))\n        .filter(Boolean),\n    })\n    if (articleId) {\n      bodyFormData.append('article_id', articleId)\n    }\n\n    let res: any\n    if (isInEditMode) {\n      if (editPostData?.id) {\n        res = await editPost({\n          id: editPostData.id,\n          formData: bodyFormData,\n          locale,\n        })\n      }\n    } else {\n      res = await createPost({\n        formData: bodyFormData,\n        locale,\n        isArticleComment:\n          !currentCommunity?.id && !!currentCommunity?.mappedCategoryId,\n      })\n    }\n    const resData = res?.data\n    if (resData?.id && !res?.messages?.moderation?.type) {\n      pushNotifications({\n        message: t('createPost.popup.success'),\n        type: 'success',\n      })\n      onCreateEditSuccess(resData)\n    } else {\n      if (res?.messages?.moderation?.type === 'banned') {\n        pushNotifications({\n          title: t('notification.post.blocked.title'),\n          message: t('notification.post.blocked.message'),\n          type: 'danger',\n        })\n        if (res.messages.moderation.words) {\n          setBannedWords(res.messages.moderation.words)\n        }\n      } else if (res?.messages?.moderation?.type === 'suspect') {\n        pushNotifications({\n          title: t('notification.post.suspect.title'),\n          message: t('notification.post.suspect.message'),\n          type: 'warning',\n        })\n        onClose && onClose()\n      } else if (\n        res?.messages?.find?.((m: string) => !!m?.includes?.('suspend'))\n      ) {\n        pushNotifications({\n          message: t('notification.suspend.message'),\n          type: 'danger',\n        })\n        onClose && onClose()\n      } else {\n        pushNotifications({\n          message: res?.messages?.[0] || t('notification.failure'),\n          type: 'danger',\n        })\n      }\n    }\n  }\n\n  return (\n    <StyledCreateNewPost className={className} style={style}>\n      <div className=\"input-group-container\">\n        <CreatePostTitle\n          className=\"input-group\"\n          bannedWords={bannedWords}\n          value={titleValue}\n          onChange={setTitleValue}\n        />\n        <CreatePostDescription\n          className=\"input-group\"\n          bannedWords={bannedWords}\n          value={descriptionValue}\n          onChange={setDescriptionValue}\n          onPreviewUrlChange={setPreviewUrl}\n          onInvalidUrlsChange={setInvalidUrls}\n          onImageFilesChange={setImageFiles}\n          imageFiles={imageFiles}\n        />\n        <div className=\"input-group\">\n          <Text size=\"p4\" className=\"input-group-label\">\n            {t('admin.community')}\n          </Text>\n          <Dropdown\n            options={\n              communitiesList?.map((c, index) => ({\n                label: c.name,\n                value: `${c.id || ''}-${c.mappedCategoryId || ''}`,\n              })) || []\n            }\n            id=\"community-picker\"\n            placeholder={t('community.choose')}\n            value={communityValue}\n            onChange={(option) => {\n              setCommunityValue({\n                label: option.label as string,\n                value: String(option.value),\n              })\n              setSelectedTopics([])\n            }}\n            disabled={!!forceSelectCommunity}\n          />\n          <Text size=\"sm\" className=\"warning\" color={theme.colors.gray400}>\n            * {t('commentPopup.warning.newPost')}\n          </Text>\n        </div>\n        {!hideTopicList && (\n          <div className=\"input-group\">\n            <Text size=\"p4\" className=\"input-group-label\">\n              {t('tab.topic')}\n            </Text>\n            <div className=\"input-notification\">\n              <img\n                src={\n                  currentCommunity\n                    ? IconAlertCirclePrimary\n                    : IconAlertCircleWarning\n                }\n              />\n              <Text size=\"base\" color={theme.colors.gray500}>\n                {t(\n                  currentCommunity\n                    ? 'createPost.popup.primary'\n                    : 'createPost.popup.warning',\n                )}\n              </Text>\n            </div>\n            {currentCommunity && (\n              <TopicSelectList\n                className=\"tag-list\"\n                communityId={currentCommunity.id}\n                forceTopics={forceSelectTopics}\n                onChange={setSelectedTopics}\n                selectedTopics={selectedTopics}\n                noFetch={noFetchTopic}\n              />\n            )}\n          </div>\n        )}\n      </div>\n      <Button\n        theme={isMarryBaby ? 'marryBaby' : 'helloSites'}\n        className=\"submit-btn\"\n        size=\"lg\"\n        onClick={async () => {\n          if (isReadyToSubmit && !isSubmitting) {\n            setIsSubmitting(true)\n            try {\n              await submitPost()\n            } catch (e) {\n              console.error(e)\n              pushNotifications(getDefaultFailNoti(t))\n            }\n            setIsSubmitting(false)\n          }\n        }}\n        isDisabled={!isReadyToSubmit}\n        isLoading={isSubmitting}\n      >\n        {t('createPost.popup.submit')}\n      </Button>\n    </StyledCreateNewPost>\n  )\n}\n"],"names":["CreateNewPostContent","_a","className","style","onPostCreatedEdited","onClose","_b","communities","forceSelectCommunity","forceSelectTopics","articleId","optionalTopic","editPostData","defaultCommunity","defaultTopics","noFetchTopic","hideTopicList","isInEditMode","id","_c","useContext","TogetherComponentGlobalContext","_d","data","locale","isMarryBaby","env","_e","action","pushNotifications","sanitizeFunction","t","useTranslations","_f","useState","isSubmitting","setIsSubmitting","_g","titleValue","setTitleValue","_h","descriptionValue","setDescriptionValue","_j","label","name","value","concat","mappedCategoryId","communityValue","setCommunityValue","_k","__spreadArray","selectedTopics","setSelectedTopics","_l","imageFiles","setImageFiles","_m","bannedWords","setBannedWords","currentCommunity","find","c","communitiesList","filter","isActive","sort","a","b","_o","previewUrl","setPreviewUrl","_p","invalidUrls","setInvalidUrls","isReadyToSubmit","innertext","length","MAX_IMAGE_UPLOADS","useEffect","post","title","decodeMention","decodePostUrl","description","mentions","community","topics","photos","submitPost","__awaiter","getPostFormData","communityId","String","topicIds","map","topic","Boolean","categoryCommunityId","categoryTopicIds","bodyFormData","sent","append","editPost","formData","res","createPost","isArticleComment","resData","messages","moderation","type","message","formatPost","onCreateEditSuccess","words","call","m","includes","React","createElement","StyledCreateNewPost","CreatePostTitle","onChange","CreatePostDescription","onPreviewUrlChange","onInvalidUrlsChange","onImageFilesChange","Text","size","Dropdown","options","index","placeholder","option","disabled","color","theme","colors","gray400","src","IconAlertCirclePrimary","IconAlertCircleWarning","gray500","TopicSelectList","forceTopics","noFetch","Button","onClick","console","error","e_1","getDefaultFailNoti","isDisabled","isLoading"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var o,i=t.div(o||(o=n(["\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  padding: 16px 32px;\n\n  .input-group-container {\n    flex: 1;\n    padding-right: 2px;\n    padding-left: 2px;\n    margin-bottom: 0.5rem;\n    -ms-overflow-style: none; /* IE and Edge */\n    overflow-y: auto;\n    scrollbar-width: none; /* Firefox */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .input-group {\n    :not(:last-child) {\n      margin-bottom: 0.6rem;\n    }\n\n    input:focus,\n    textarea:focus,\n    [contenteditable='true'] {\n      outline: none;\n    }\n\n    label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-group-label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-notification {\n      display: flex;\n\n      & > img {\n        width: 16px;\n        height: 16px;\n        margin-top: 1.5px;\n        margin-right: 8px;\n      }\n    }\n\n    .tag-list {\n    }\n  }\n\n  .warning {\n    margin-top: 16px;\n  }\n\n  .submit-btn {\n    width: 100%;\n  }\n"],["\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  padding: 16px 32px;\n\n  .input-group-container {\n    flex: 1;\n    padding-right: 2px;\n    padding-left: 2px;\n    margin-bottom: 0.5rem;\n    -ms-overflow-style: none; /* IE and Edge */\n    overflow-y: auto;\n    scrollbar-width: none; /* Firefox */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .input-group {\n    :not(:last-child) {\n      margin-bottom: 0.6rem;\n    }\n\n    input:focus,\n    textarea:focus,\n    [contenteditable='true'] {\n      outline: none;\n    }\n\n    label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-group-label {\n      margin-bottom: 5px;\n      color: ",";\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-notification {\n      display: flex;\n\n      & > img {\n        width: 16px;\n        height: 16px;\n        margin-top: 1.5px;\n        margin-right: 8px;\n      }\n    }\n\n    .tag-list {\n    }\n  }\n\n  .warning {\n    margin-top: 16px;\n  }\n\n  .submit-btn {\n    width: 100%;\n  }\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.colors.gray600}));export{i as StyledCreateNewPost};
+//# sourceMappingURL=index.styled.js.map

package/build/esm/together/components/molecules/createNewPostContent/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../src/together/components/molecules/createNewPostContent/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledCreateNewPost = styled.div`\n  position: relative;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  padding: 16px 32px;\n\n  .input-group-container {\n    flex: 1;\n    padding-right: 2px;\n    padding-left: 2px;\n    margin-bottom: 0.5rem;\n    -ms-overflow-style: none; /* IE and Edge */\n    overflow-y: auto;\n    scrollbar-width: none; /* Firefox */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .input-group {\n    :not(:last-child) {\n      margin-bottom: 0.6rem;\n    }\n\n    input:focus,\n    textarea:focus,\n    [contenteditable='true'] {\n      outline: none;\n    }\n\n    label {\n      margin-bottom: 5px;\n      color: ${(props: ThemeProps) => props.theme.colors.gray600};\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-group-label {\n      margin-bottom: 5px;\n      color: ${(props: ThemeProps) => props.theme.colors.gray600};\n      /* font-family: 'Open Sans', sans-serif; */\n      font-size: 13px;\n      font-weight: bold;\n    }\n\n    .input-notification {\n      display: flex;\n\n      & > img {\n        width: 16px;\n        height: 16px;\n        margin-top: 1.5px;\n        margin-right: 8px;\n      }\n    }\n\n    .tag-list {\n    }\n  }\n\n  .warning {\n    margin-top: 16px;\n  }\n\n  .submit-btn {\n    width: 100%;\n  }\n`\n"],"names":["StyledCreateNewPost","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","gray600"],"mappings":"oHAGa,MAAAA,EAAsBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,yoBAAA,sLAAA,maAAA,CAAA,yoBAiCmB,sLAQA,saARjD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WAQ1C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC"}

package/build/esm/together/components/molecules/createPostDescription/editor.js

@@ -0,0 +1,2 @@
+import{__awaiter as e,__generator as t,__extends as n}from"../../../../node_modules/tslib/tslib.es6.js";import r,{useRef as o,useState as i,useContext as a,useEffect as l,useCallback as u}from"react";import{Button as d}from"../../../../components/atoms/button/index.js";import{Input as c}from"../../../../components/atoms/input/index.js";import{Text as s}from"../../../../components/atoms/text/index.js";import{useTranslations as v}from"../../../../hooks/useTranslations.js";import{debounce as m}from"lodash";import{getCookie as f}from"../../../../misc/cookieHelper.js";import{TogetherComponentGlobalContext as g}from"../../../togetherComponentGlobalContext.js";import{PATHS as p,ADMIN_PATHS as h}from"../../../api/paths.js";import{callApi as b,getApiPath as E,callApiWithAuth as w,callApiWithAdminAuth as C}from"../../../api/utils.js";import N from"../../../assets/svg/icon-link.svg.js";import{BEARER_TOKEN_COOKIE as y}from"../../../interfaces/constants.js";import{reformatUrl as k,fixMalformedMention as A,removeFontFormat as x,highlightBadWords as T,removeEdittedBannedWord as R,wrapAnchorAroundUrls as S,getUrlsFromEditorString as j,ALLOW_DOMAIN_URL as U,escapeRegExp as L,getMentionIdsFromString as H,LIMIT_MENTION as M}from"../../../utils/post.js";import{UserAvatar as O}from"../../atoms/userAvatar/index.js";import{PopoverMenu as q}from"../../organisms/popoverMenu/index.js";import{StyledEditorContainer as W}from"./index.styled.js";var D=null;function _(e){var t,n,r=-1;if(void 0!==window.getSelection){var o=window.getSelection();if((null==o?void 0:o.rangeCount)&&(null==o?void 0:o.rangeCount)>0){var i=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(i){var a=i.cloneRange();a.selectNodeContents(e),a.setEnd(i.endContainer,i.endOffset),r=z(a.cloneContents().childNodes,r);var l=null===(n=i.endContainer.parentElement)||void 0===n?void 0:n.closest("mocka"),u=i.endContainer.nodeValue||i.endContainer.outerHTML;l&&(null==u?void 0:u.length)&&(r=r-i.endOffset+(l.outerHTML.length-(null==l?void 0:l.outerHTML.lastIndexOf(u))))}}}return r}function z(e,t){return e.forEach((function(n,r){var o=r+1===e.length;if(n.nodeType===Node.ELEMENT_NODE){var i=n.outerHTML;if(!o)return void(t+=i.length);t+=i.indexOf(">")+1,t=z(n.childNodes,t)}else n.nodeType===Node.TEXT_NODE&&(t+=(n.nodeValue||"").length)})),t}e(void 0,void 0,void 0,(function(){var e,r,o,i,a,l;return t(this,(function(t){switch(t.label){case 0:return"undefined"==typeof window?[2]:[4,import("../../../../node_modules/react-quill/lib/index.js")];case 1:return e=t.sent(),D=e.default,r=e.Quill,o=function(e,t){this.quill=e,this.options=t,e.container.style.whiteSpace="pre-line"},r.register("modules/preserveWhiteSpace",o),i=r.import("blots/inline"),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.create=function(n){if(!n)return e.create.call(this,!1);var r=e.create.call(this,n);return t.setNodeConfigurations(r,n),r},t.formats=function(e){return!(!e.innerText||!(e.getAttribute("data-href")||e.getAttribute("data-url")||e.getAttribute("data-error")||e.getAttribute("data-bad-word")))&&{"data-bad-word":e.getAttribute("data-bad-word"),"data-error":e.getAttribute("data-error"),"data-href":e.getAttribute("data-href"),"data-url":e.getAttribute("data-url"),"data-text":e.innerText||e.getAttribute("data-href")}},t.setNodeConfigurations=function(e,t){var n,r;t&&(null===(r=null===(n=null==t?void 0:t["data-text"])||void 0===n?void 0:n.replace(/(\&nbsp;)+/g," "))||void 0===r?void 0:r.replace(/(\u200c|&zwnj;)+/g,""))&&(t["data-bad-word"]&&e.setAttribute("data-bad-word",t["data-bad-word"]),t["data-href"]&&e.setAttribute("data-href",t["data-href"]),t["data-error"]&&e.setAttribute("data-error",t["data-error"]),t["data-url"]&&e.setAttribute("data-url",t["data-url"]))},t.blotName="mocka1",t.tagName="mocka",t}(i),r.register(a),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n(t,e),t.create=function(n){if(!n)return e.create.call(this,!1);var r=e.create.call(this,n);return t.setNodeConfigurations(r,n),r},t.formats=function(e){return!(!e.getAttribute("data-name")||!e.getAttribute("data-id"))&&{"data-name":e.getAttribute("data-name"),"data-id":e.getAttribute("data-id")}},t.setNodeConfigurations=function(e,t){var n,r;t&&t["data-id"]&&(null===(r=null===(n=null==t?void 0:t["data-name"])||void 0===n?void 0:n.replace(/(\&nbsp;)+/g," "))||void 0===r?void 0:r.replace(/(\u200c|&zwnj;)+/g,""))&&(t["data-id"]&&e.setAttribute("data-id",t["data-id"]),t["data-name"]&&e.setAttribute("data-name",t["data-name"]))},t.blotName="mention",t.tagName="mention",t}(i),r.register(l),[2]}}))}));var P=function(n){var d,c,v,N,k=n.html,q=n.onChange,z=n.className,P=n.style,I=n.onImagePickerClick,V=n.bannedWords,F=void 0===V?[]:V,$=n.onInvalidUrlsChange,G=n.onPreviewUrlChange,K=n.setEditorRef,Q=n.isReplying,X=o([]);X.current=F;var J=i([]),Y=J[0],Z=J[1],ee=i(null),te=ee[0],ne=ee[1],re=a(g).data.locale,oe=(null==F?void 0:F.join(","))||"";l((function(){var e,t,n=null===(t=null===(e=ve.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root.innerHTML;le(n)}),[oe]);var ie=function(e){te&&te.url===e||(ne({url:e,isFetching:!0}),b(E(p.FETCH_PREVIEW,{_locale:re}),"POST",{data:{link:e}}).then((function(t){var n,r,o,i;ne({title:null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.title,description:null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.description,image:(null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.image)||(null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.logo),url:e})})).catch((function(){ne(null)})))},ae=o(ie);ae.current=ie;var le=u(m((function(e){if(e){var t=function(e,t){var n,r=t||{},o=r.formatUrl,i=r.bannedWords,a=void 0===i?[]:i,l=A(x(e));if(!o)return{value:T(l,a)};var u=R(S(l)),d=j(l);if(d){var c,s=[];return d.forEach((function(e){if(e)try{var t=new URL(e);U.some((function(e){return t.origin.endsWith(e)}))||s.push(e)}catch(t){s.push(e)}})),s.length>0&&(u=u.replace(new RegExp('data-url="true">('.concat(s.map(L).join("|"),")<"),"gi"),'data-error="true" data-url="true">$1<').replace(new RegExp('data-href="('.concat(s.map(L).join("|"),')" data-url="true">'),"gi"),'data-href="$1" data-error="true" data-url="true">')),c=null===(n=d.filter((function(e){return-1===s.indexOf(e)})))||void 0===n?void 0:n[0],{invalidUrls:s,previewUrl:c,value:T(u,a)}}return{value:T(u,a)}}(e,{bannedWords:X.current,formatUrl:!0}),n=t.invalidUrls,r=t.previewUrl,o=t.value;n&&Z(n),r?ae.current(r):ne(null),o!==e&&(null==q||q(o))}}),500),[]);l((function(){$&&$(Y)}),[Y]),l((function(){G&&((null==te?void 0:te.url)?G({title:te.title||"",url:te.url||"",image:te.image||"",description:te.description||""}):G(null))}),[te]);var ue=o(I);ue.current=I;var de=o(String(Math.floor(1e8*Math.random()))),ce=o({toolbar:{handlers:{image:function(){var e;return null===(e=ue.current)||void 0===e?void 0:e.call(ue)},link:function(){return!1}},container:"#toolbar-"+de.current},preserveWhiteSpace:!0}),se=o(-1),ve=o(null);K&&(null===(c=null===(d=ve.current)||void 0===d?void 0:d.getEditor())||void 0===c?void 0:c.root)&&K(null===(N=null===(v=ve.current)||void 0===v?void 0:v.getEditor())||void 0===N?void 0:N.root);var me=function(){var e,t,n,r,o,i,a,l;if(null===(t=null===(e=ve.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root){var u=_(null===(r=null===(n=ve.current)||void 0===n?void 0:n.getEditor())||void 0===r?void 0:r.root),d=null===(i=null===(o=ve.current)||void 0===o?void 0:o.getEditor())||void 0===i?void 0:i.root.innerHTML;if(u>=0&&u<d.length){if(H(d,!0).length<M-(Q?1:0)){var c=function(e){var t,n,r=null;if(void 0!==window.getSelection){var o=window.getSelection();if((null==o?void 0:o.rangeCount)&&(null==o?void 0:o.rangeCount)>0){var i=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(i){var a=i.cloneRange();a.selectNodeContents(e),a.setEnd(i.endContainer,i.endOffset);var l=(a.endContainer.nodeValue||"").substring(0,i.endOffset),u=l.lastIndexOf("@");if(u+1<l.length&&(0===u||" @"===l.slice(u-1,u+1))){var d=null===(n=l.slice(u+1))||void 0===n?void 0:n.trim();if(d){a.setStart(i.endContainer,u);var c=a.cloneRange();c.setStart(c.endContainer,u),r={name:d,rect:a.getBoundingClientRect(),replaceRange:c}}}}}}return r}(null===(l=null===(a=ve.current)||void 0===a?void 0:a.getEditor())||void 0===l?void 0:l.root);c?(we(c.name,c.rect),ye.current=c.replaceRange):(ye.current=null,we("",null))}else ye.current=null,we("",null);se.current=u}}else pe([])},fe=i([]),ge=fe[0],pe=fe[1],he=i({top:0,left:0}),be=he[0],Ee=he[1],we=u(m((function(n,r,o){return e(void 0,void 0,void 0,(function(){var e,i,a,l,u,d,c,s;return t(this,(function(t){switch(t.label){case 0:return n&&DOMRect?[4,((null===(u=f(y))||void 0===u?void 0:u.length)||0)>0?w(E(p.SEARCH_USER,{_locale:re,name:n}),"get"):C(E(h.SEARCH_USER,{_locale:re,name:n}),"get")]:[2,pe([])];case 1:return e=t.sent(),Te(0),pe(null===(c=null===(d=null==e?void 0:e.data)||void 0===d?void 0:d.users)||void 0===c?void 0:c.filter((function(e){return!(null==o?void 0:o.includes(String(e.id)))}))),i=r,a=null===(s=Ne.current)||void 0===s?void 0:s.getBoundingClientRect(),i&&a&&(343,256,l={top:i.bottom-a.top,width:"min(343px, 100%)",maxHeight:256},a.width-(i.left-a.left)<343?l.right=0:l.left=i.left-a.left,Ee(l)),[2]}}))}))}),500),[]),Ce=function(e,t){var n,r,o;if(ye.current){ye.current.deleteContents();var i=document.createElement("mention");i.setAttribute("data-id",e),i.setAttribute("data-name",t),i.innerText=t;var a=document.createTextNode(" ");ye.current.insertNode(a),ye.current.insertNode(i),(null===(r=null===(n=ve.current)||void 0===n?void 0:n.getEditor())||void 0===r?void 0:r.root).focus();var l=null===(o=window.getSelection())||void 0===o?void 0:o.getRangeAt(0);null==l||l.setStart(ye.current.endContainer,ye.current.endOffset),null==l||l.setEnd(ye.current.endContainer,ye.current.endOffset)}pe([])},Ne=o(null),ye=o(null),ke=o(null),Ae=i(0),xe=Ae[0],Te=Ae[1];return l((function(){if(ke.current){var e=ke.current,t=e.children.item(xe);if(t){var n=e.getBoundingClientRect(),r=t.getBoundingClientRect();t.offsetTop<e.scrollTop?e.scrollTop=t.offsetTop:t.offsetTop+r.height>e.scrollTop+n.height&&(e.scrollTop=t.offsetTop-n.height+r.height)}}}),[xe]),l((function(){var e=function(e){var t;(null===(t=Ne.current)||void 0===t?void 0:t.contains(e.target))||pe([])};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}),[]),r.createElement(W,{ref:Ne,className:z,style:P,onKeyDownCapture:function(e){if(null==ge?void 0:ge.length){var t=!1;if("ArrowDown"===e.key)t=!0,Te((function(e){return e+1>=ge.length?0:e+1}));else if("Escape"===e.key)t=!0,Te(0),pe([]);else if("ArrowUp"===e.key)t=!0,Te((function(e){return e-1<0?ge.length-1:e-1}));else if("Enter"===e.key||"Tab"===e.key){var n=ge[xe];n&&(t=!0,Ce(n.id,n.name))}if(t)return e.preventDefault(),!1}}},r.createElement(B,{id:de.current,onAddLink:function(e,t){var n,r,o=se.current+1,i=null===(r=null===(n=ve.current)||void 0===n?void 0:n.getEditor())||void 0===r?void 0:r.root.innerHTML,a=((null==i?void 0:i.substring(0,o))||"")+'<mocka data-href="'.concat(t,'" data-url="true">').concat(e,"</mocka> ")+((null==i?void 0:i.substring(o))||"");null==q||q(a),le(a)}}),D&&r.createElement(D,{ref:ve,theme:"snow",value:k,onChange:function(e){null==q||q(e),le(e),me()},onChangeSelection:function(){me()},modules:ce.current,formats:["mocka1","mention","id","key","bold","italic","underline","list","bullet"]}),!!(null==ge?void 0:ge.length)&&r.createElement("div",{ref:ke,className:"mention-search-container",style:be},ge.map((function(e,t){return r.createElement("div",{className:"mention-search-item ".concat(xe===t?"item-selected":""),key:e.id,onClick:function(t){t.preventDefault(),t.stopPropagation(),Ce(e.id,e.name)},onMouseEnter:function(){Te(t)}},r.createElement(O,{className:"search-avatar",username:e.name,avatar:e.avatar}),r.createElement("div",null,r.createElement(s,{size:"p2"},e.name),r.createElement(s,{size:"p4",color:"#595959"},"@",e.username)))}))))},B=function(e){var t=e.onAddLink,n=e.id;return r.createElement("div",{id:"toolbar-"+n,onClick:function(e){e.preventDefault(),e.stopPropagation()}},r.createElement("span",{className:"ql-formats"},r.createElement("button",{className:"ql-bold",type:"button"}),r.createElement("button",{className:"ql-italic",type:"button"}),r.createElement("button",{className:"ql-underline",type:"button"})),r.createElement("span",{className:"ql-formats"},r.createElement("button",{className:"ql-list",value:"ordered",type:"button"}),r.createElement("button",{className:"ql-list",value:"bullet",type:"button"})),r.createElement("span",{className:"ql-formats"},r.createElement("button",{className:"ql-image",type:"button"}),t&&r.createElement(q,{className:"link-tool-wrapper",toggleButtonContent:r.createElement("img",{className:"link-icon",src:N}),buttonProps:{size:"md",color:"transparent"},align:"end"},(function(e){var n=e.setShow;return r.createElement(V,{onAddUrl:t,setShow:n})}))))},I=["notification.limitUrlDomain","notification.urlWrongFormat"],V=function(e){var t=e.onAddUrl,n=e.setShow,o=a(g).data.env.isMarryBaby,l=v().t,u=i(""),m=u[0],f=u[1],p=i(""),h=p[0],b=p[1],E=i(-1),w=E[0],C=E[1],N=m.trim()&&h.trim()&&w<0;return r.createElement("div",{className:"link-tool-popover"},r.createElement(c,{name:"url",value:m,size:"md",label:"URL",placeholder:l("placeholder.enterUrlHere"),type:"text",className:"link-input-url",onChange:function(e){f(e),function(e){var t=k(e.trim());try{var n=new URL(t);n.protocol.startsWith("http")?U.some((function(e){return n.origin.endsWith("/"+e)||n.origin.endsWith("."+e)}))?C(-1):C(0):C(1)}catch(e){return C(1),!1}}(e)}}),w>=0&&r.createElement(s,{size:"c2",className:"error-text"},l(I[w])),r.createElement(c,{name:"text",value:h,size:"md",label:l("createPost.urlText"),placeholder:l("placeholder.enterUrlTextHere"),type:"text",className:"link-input-text",onChange:function(e){return b(e)}}),r.createElement("div",{"data-is-marrybaby":o,className:"link-input-button-wrapper"},r.createElement(d,{theme:o?"marryBaby":"helloSites",size:"sm",color:"primary",className:"link-input-button",onClick:function(){N&&(t(h.trim(),k(m.trim())),n&&n(!1))},isDisabled:!N},l("insert"))))};export{P as RichTextEditor,P as default};
+//# sourceMappingURL=editor.js.map

package/build/esm/together/components/molecules/createPostDescription/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","sources":["../../../../../../src/together/components/molecules/createPostDescription/editor.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-var-requires */\nimport React, {\n  CSSProperties,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\n// import ReactQuill, { Quill } from 'react-quill'\nimport { Button } from 'components/atoms/button'\nimport { Input } from 'components/atoms/input'\nimport { Text } from 'components/atoms/text'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { TranslationsKey } from 'i18n/translations'\nimport { debounce } from 'lodash'\nimport { getCookie } from 'misc/cookieHelper'\nimport { TogetherComponentGlobalContext } from 'together/togetherComponentGlobalContext'\n\nimport { ADMIN_PATHS, PATHS } from '../../../api/paths'\nimport {\n  callApi,\n  callApiWithAdminAuth,\n  callApiWithAuth,\n  getApiPath,\n} from '../../../api/utils'\nimport IconLink from '../../../assets/svg/icon-link.svg'\nimport { BEARER_TOKEN_COOKIE } from '../../../interfaces/constants'\nimport {\n  ALLOW_DOMAIN_URL,\n  escapeRegExp,\n  getMentionIdsFromString,\n  getUrlsFromEditorString,\n  highlightBadWords,\n  LIMIT_MENTION,\n  reformatUrl,\n  removeEdittedBannedWord,\n  removeFontFormat,\n  wrapAnchorAroundUrls,\n  fixMalformedMention,\n} from '../../../utils/post'\nimport { UserAvatar } from '../../atoms/userAvatar'\nimport { PopoverMenu } from '../../organisms/popoverMenu'\nimport { StyledEditorContainer } from './index.styled'\n\n// import 'react-quill/dist/quill.snow.css'\nlet ReactQuill = null\n\n;(async () => {\n  if (typeof window === 'undefined') return\n  const QuillRes = await import('react-quill')\n  ReactQuill = QuillRes.default\n  const Quill = QuillRes.Quill\n  class PreserveWhiteSpace {\n    constructor(private quill: any, private options: any) {\n      quill.container.style.whiteSpace = 'pre-line'\n    }\n  }\n  Quill.register('modules/preserveWhiteSpace', PreserveWhiteSpace)\n\n  const Inline = Quill.import('blots/inline')\n\n  class MockABlot extends Inline {\n    static blotName = 'mocka1'\n    static tagName = 'mocka'\n    static create(options: any) {\n      if (!options) return super.create(false)\n      const node: any = super.create(options)\n      MockABlot.setNodeConfigurations(node, options)\n      return node\n    }\n\n    static formats(node: any) {\n      if (\n        node.innerText &&\n        (node.getAttribute('data-href') ||\n          node.getAttribute('data-url') ||\n          node.getAttribute('data-error') ||\n          node.getAttribute('data-bad-word'))\n      ) {\n        return {\n          'data-bad-word': node.getAttribute('data-bad-word'),\n          'data-error': node.getAttribute('data-error'),\n          'data-href': node.getAttribute('data-href'),\n          'data-url': node.getAttribute('data-url'),\n          'data-text': node.innerText || node.getAttribute('data-href'),\n        }\n      } else {\n        return false\n      }\n    }\n\n    /* To prevent the node from accidentally being built in different ways. */\n    static setNodeConfigurations(node: any, value: any) {\n      if (!value) return\n      if (\n        !value?.['data-text']\n          ?.replace(/(\\&nbsp;)+/g, ' ')\n          ?.replace(/(\\u200c|&zwnj;)+/g, '')\n      )\n        return\n      if (value['data-bad-word'])\n        node.setAttribute('data-bad-word', value['data-bad-word'])\n      if (value['data-href']) node.setAttribute('data-href', value['data-href'])\n      if (value['data-error'])\n        node.setAttribute('data-error', value['data-error'])\n      // setTimeout(() => {\n      //   if (value['data-text'] !== node.innerText && !node.innerText)\n      //     node.innerHTML = value['data-text']\n      // }, 200)\n      if (value['data-url']) node.setAttribute('data-url', value['data-url'])\n      // if (value['data-text']) node.innerText = value['data-text']\n      // console.log(value, node.outerHTML, node)\n    }\n  }\n  Quill.register(MockABlot)\n  class MentionBlot extends Inline {\n    static blotName = 'mention'\n    static tagName = 'mention'\n    static create(options: any) {\n      if (!options) return super.create(false)\n      const node: any = super.create(options)\n      MentionBlot.setNodeConfigurations(node, options)\n      return node\n    }\n\n    static formats(node: any) {\n      if (node.getAttribute('data-name') && node.getAttribute('data-id')) {\n        return {\n          'data-name': node.getAttribute('data-name'),\n          'data-id': node.getAttribute('data-id'),\n        }\n      } else {\n        return false\n      }\n    }\n\n    /* To prevent the node from accidentally being built in different ways. */\n    static setNodeConfigurations(node: any, value: any) {\n      if (!value) return\n      if (\n        !value['data-id'] ||\n        !value?.['data-name']\n          ?.replace(/(\\&nbsp;)+/g, ' ')\n          ?.replace(/(\\u200c|&zwnj;)+/g, '')\n      )\n        return\n      if (value['data-id']) node.setAttribute('data-id', value['data-id'])\n      if (value['data-name']) {\n        // node.setAttribute('contenteditable', false)\n        node.setAttribute('data-name', value['data-name'])\n      }\n    }\n  }\n  Quill.register(MentionBlot)\n})()\n\nfunction getCaretCharacterOffsetWithin(element: HTMLElement) {\n  let caretOffset = -1\n  if (typeof window.getSelection != 'undefined') {\n    const sel = window.getSelection()\n    if (sel?.rangeCount && sel?.rangeCount > 0) {\n      const range = window.getSelection()?.getRangeAt(0)\n      if (range) {\n        const preCaretRange = range.cloneRange()\n        // preCaretRange.setStart(element, 0)\n        preCaretRange.selectNodeContents(element)\n        preCaretRange.setEnd(range.endContainer, range.endOffset)\n\n        caretOffset = calculateChildNodeOffset(\n          preCaretRange.cloneContents().childNodes,\n          caretOffset,\n        )\n        const parentMockAElement =\n          range.endContainer.parentElement?.closest('mocka')\n        const lastNodeValue =\n          range.endContainer.nodeValue ||\n          (range.endContainer as HTMLElement).outerHTML\n        if (parentMockAElement && lastNodeValue?.length) {\n          /// set selector to end of <mocka elemt, prevent select in the middle\n          caretOffset =\n            caretOffset -\n            range.endOffset +\n            (parentMockAElement.outerHTML.length -\n              parentMockAElement?.outerHTML.lastIndexOf(lastNodeValue))\n        }\n      }\n    }\n  }\n  return caretOffset\n}\n\nfunction calculateChildNodeOffset(\n  childNodes: NodeListOf<ChildNode>,\n  caretOffset: number,\n) {\n  childNodes.forEach((node, index) => {\n    const isLast = index + 1 === childNodes.length\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      const outerHTML = (node as HTMLElement).outerHTML\n      if (!isLast) {\n        caretOffset += outerHTML.length\n        return\n      } else {\n        caretOffset += outerHTML.indexOf('>') + 1\n        caretOffset = calculateChildNodeOffset(node.childNodes, caretOffset)\n      }\n    } else if (node.nodeType === Node.TEXT_NODE) {\n      caretOffset += (node.nodeValue || '').length\n    }\n  })\n  return caretOffset\n}\nfunction getSearchName(root: HTMLElement) {\n  let res: {\n    name: string\n    rect: DOMRect\n    replaceRange: Range\n  } | null = null\n  if (typeof window.getSelection != 'undefined') {\n    const sel = window.getSelection()\n    if (sel?.rangeCount && sel?.rangeCount > 0) {\n      const range = window.getSelection()?.getRangeAt(0)\n      if (range) {\n        const preCaretRange = range.cloneRange()\n        // preCaretRange.setStart(element, 0)\n        preCaretRange.selectNodeContents(root)\n        preCaretRange.setEnd(range.endContainer, range.endOffset)\n        const endText = (preCaretRange.endContainer.nodeValue || '').substring(\n          0,\n          range.endOffset,\n        )\n\n        // only allow @ at start of text or has space before it\n        const lastAnchorSymbolIndex = endText.lastIndexOf('@')\n        if (\n          lastAnchorSymbolIndex + 1 < endText.length &&\n          (lastAnchorSymbolIndex === 0 ||\n            endText.slice(\n              lastAnchorSymbolIndex - 1,\n              lastAnchorSymbolIndex + 1,\n            ) === ' @')\n        ) {\n          const name = endText.slice(lastAnchorSymbolIndex + 1)?.trim()\n          if (name) {\n            preCaretRange.setStart(range.endContainer, lastAnchorSymbolIndex)\n            const replaceRange = preCaretRange.cloneRange()\n            replaceRange.setStart(\n              replaceRange.endContainer,\n              lastAnchorSymbolIndex,\n            )\n            res = {\n              name,\n              rect: preCaretRange.getBoundingClientRect(),\n              replaceRange,\n            }\n          }\n        }\n      }\n    }\n  }\n  return res\n}\n\nconst inputModify = (\n  value: string,\n  opts?: {\n    formatUrl?: boolean\n    bannedWords?: string[]\n  },\n) => {\n  const { formatUrl, bannedWords = [] } = opts || {}\n  const removedFormat = fixMalformedMention(removeFontFormat(value))\n  if (!formatUrl)\n    return {\n      value: highlightBadWords(removedFormat, bannedWords),\n    }\n  let descriptionWithWrappedAnchor = removeEdittedBannedWord(\n    wrapAnchorAroundUrls(removedFormat),\n  )\n\n  const urls = getUrlsFromEditorString(removedFormat)\n  if (urls) {\n    const invalidUrls: string[] = []\n    let previewUrl = ''\n    urls.forEach((url) => {\n      if (!url) return\n      try {\n        const jsUrl = new URL(url)\n        if (ALLOW_DOMAIN_URL.some((o) => jsUrl.origin.endsWith(o))) {\n          // is valid\n        } else {\n          invalidUrls.push(url)\n          // is not valid\n        }\n      } catch {\n        invalidUrls.push(url)\n      }\n    })\n    if (invalidUrls.length > 0) {\n      descriptionWithWrappedAnchor = descriptionWithWrappedAnchor\n        .replace(\n          new RegExp(\n            `data-url=\"true\">(${invalidUrls.map(escapeRegExp).join('|')})<`,\n            'gi',\n          ),\n          'data-error=\"true\" data-url=\"true\">$1<',\n        )\n        .replace(\n          new RegExp(\n            `data-href=\"(${invalidUrls\n              .map(escapeRegExp)\n              .join('|')})\" data-url=\"true\">`,\n            'gi',\n          ),\n          'data-href=\"$1\" data-error=\"true\" data-url=\"true\">',\n        )\n    }\n    previewUrl = urls.filter((u) => invalidUrls.indexOf(u) === -1)?.[0]\n    return {\n      invalidUrls,\n      previewUrl,\n      value: highlightBadWords(descriptionWithWrappedAnchor, bannedWords),\n    }\n  }\n  return {\n    value: highlightBadWords(descriptionWithWrappedAnchor, bannedWords),\n  }\n}\n\nexport type Props = {\n  html?: string\n  onChange?: (s: string) => void\n  className?: string\n  style?: CSSProperties\n  onImagePickerClick?: () => void\n  bannedWords?: string[]\n  onInvalidUrlsChange?: (v: string[]) => void\n  onPreviewUrlChange?: (\n    v: {\n      title: string\n      url: string\n      image: string\n      description: string\n    } | null,\n  ) => void\n  setEditorRef?: (editor: HTMLElement) => void\n  isReplying?: boolean\n}\n\nexport const RichTextEditor = ({\n  html,\n  onChange,\n  className,\n  style,\n  onImagePickerClick,\n  bannedWords = [],\n  onInvalidUrlsChange,\n  onPreviewUrlChange,\n  setEditorRef,\n  isReplying,\n}: // onAddLink,\nProps) => {\n  const bannedWordsRef = useRef<string[]>([])\n  bannedWordsRef.current = bannedWords\n  const [invalidUrls, setInvalidUrls] = useState<string[]>([])\n  const [previewUrl, setPreviewUrl] = useState<{\n    title?: string\n    url?: string\n    image?: string\n    description?: string\n    isFetching?: boolean\n  } | null>(null)\n\n  const {\n    data: { locale },\n  } = useContext(TogetherComponentGlobalContext)\n\n  const bannedString = bannedWords?.join(',') || ''\n  useEffect(() => {\n    const currHTML = reactQuillRef.current?.getEditor()?.root.innerHTML\n    debounceInputModify(currHTML)\n  }, [bannedString])\n\n  const fetchPreviewData = (url: string) => {\n    if (!previewUrl || previewUrl.url !== url) {\n      setPreviewUrl({\n        url,\n        isFetching: true,\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          setPreviewUrl({\n            title: res?.data?.title,\n            description: res?.data?.description,\n            image: res?.data?.image || res?.data?.logo,\n            url,\n          })\n        })\n        .catch(() => {\n          setPreviewUrl(null)\n        })\n    }\n  }\n\n  const fetchPreviewDataRef = useRef(fetchPreviewData)\n  fetchPreviewDataRef.current = fetchPreviewData\n\n  const debounceInputModify = useCallback(\n    debounce((v: string) => {\n      if (v) {\n        const processedInput = inputModify(v, {\n          bannedWords: bannedWordsRef.current,\n          formatUrl: true,\n        })\n        const {\n          invalidUrls: _invalidUrls,\n          previewUrl: _previewUrl,\n          value,\n        } = processedInput\n        if (_invalidUrls) {\n          setInvalidUrls(_invalidUrls)\n        }\n        if (_previewUrl) {\n          fetchPreviewDataRef.current(_previewUrl)\n        } else setPreviewUrl(null)\n        if (value !== v) {\n          onChange?.(value)\n        }\n      }\n    }, 500),\n    [],\n  )\n\n  useEffect(() => {\n    onInvalidUrlsChange && onInvalidUrlsChange(invalidUrls)\n  }, [invalidUrls])\n  useEffect(() => {\n    if (onPreviewUrlChange) {\n      if (previewUrl?.url)\n        onPreviewUrlChange({\n          title: previewUrl.title || '',\n          url: previewUrl.url || '',\n          image: previewUrl.image || '',\n          description: previewUrl.description || '',\n        })\n      else onPreviewUrlChange(null)\n    }\n  }, [previewUrl])\n\n  const imageHandlerRef = useRef(onImagePickerClick)\n  imageHandlerRef.current = onImagePickerClick\n  const toolbarIdRef = useRef(String(Math.floor(Math.random() * 100000000)))\n  const cachedModules = useRef({\n    toolbar: {\n      handlers: {\n        image: () => imageHandlerRef.current?.(),\n        link: () => false,\n      },\n      container: '#toolbar-' + toolbarIdRef.current,\n    },\n    // toolbar: [\n    //   ['bold', 'italic', 'underline'],\n    //   [{ list: 'ordered' }, { list: 'bullet' }],\n    // ],\n    preserveWhiteSpace: true,\n  })\n  const contentEditableCaretPos = useRef<number>(-1)\n\n  const reactQuillRef = useRef<any>(null)\n  setEditorRef &&\n    reactQuillRef.current?.getEditor()?.root &&\n    setEditorRef(reactQuillRef.current?.getEditor()?.root)\n\n  const handleSelectionChange = () => {\n    if (reactQuillRef.current?.getEditor()?.root) {\n      const newCaretPos = getCaretCharacterOffsetWithin(\n        reactQuillRef.current?.getEditor()?.root,\n      )\n      const currHTML = reactQuillRef.current?.getEditor()?.root.innerHTML\n      // in case of clicking on a div outside editor while focus, we get caret position too large\n      if (newCaretPos >= 0 && newCaretPos < currHTML.length) {\n        const mentionIds = getMentionIdsFromString(currHTML, true)\n        if (mentionIds.length < LIMIT_MENTION - (isReplying ? 1 : 0)) {\n          const searchData = getSearchName(\n            reactQuillRef.current?.getEditor()?.root,\n          )\n          if (searchData) {\n            searchUser(searchData.name, searchData.rect)\n            replaceRangeRef.current = searchData.replaceRange\n          } else {\n            replaceRangeRef.current = null\n            // to avoid race condition, we reuse this function to clear foundUsers\n            searchUser('', null as any)\n          }\n        } else {\n          replaceRangeRef.current = null\n          // to avoid race condition, we reuse this function to clear foundUsers\n          searchUser('', null as any)\n        }\n        // const insertIndex = newCaretPos + 1\n        // const currHTML = reactQuillRef.current?.getEditor()?.root.innerHTML\n        // console.log(\n        //   currHTML?.substring(0, insertIndex) || '',\n        //   '========',\n        //   currHTML?.substring(insertIndex) || '',\n        // )\n        contentEditableCaretPos.current = newCaretPos\n      }\n    } else {\n      setFoundUsers([])\n    }\n  }\n  const [foundUsers, setFoundUsers] = useState<Array<any>>([])\n  const [searchUserPosition, setSearchUserPosition] = useState<CSSProperties>({\n    top: 0,\n    left: 0,\n  })\n  const searchUser = useCallback(\n    debounce(\n      async (name: string, rect: DOMRect | null, excludeIds?: string[]) => {\n        if (!name || !DOMRect) {\n          return setFoundUsers([])\n        }\n        const res = await ((getCookie(BEARER_TOKEN_COOKIE)?.length || 0) > 0\n          ? callApiWithAuth(\n              getApiPath(PATHS.SEARCH_USER, {\n                _locale: locale,\n                name: name,\n              }),\n              'get',\n            )\n          : callApiWithAdminAuth(\n              getApiPath(ADMIN_PATHS.SEARCH_USER, {\n                _locale: locale,\n                name: name,\n              }),\n              'get',\n            ))\n        setSelectTagUserIndex(0)\n        setFoundUsers(\n          res?.data?.users?.filter(\n            (u: any) => !excludeIds?.includes(String(u.id)),\n          ),\n        )\n        const textNodeRect = rect\n        const containerRect = containerRef.current?.getBoundingClientRect()\n        if (textNodeRect && containerRect) {\n          const idealWidth = 343\n          const idealHeight = 256\n          const styleConfig: CSSProperties = {\n            top: textNodeRect.bottom - containerRect.top,\n            width: `min(343px, 100%)`,\n            maxHeight: idealHeight,\n          }\n          const tempRightWidth =\n            containerRect.width - (textNodeRect.left - containerRect.left)\n          if (tempRightWidth < idealWidth) {\n            styleConfig.right = 0\n          } else {\n            styleConfig.left = textNodeRect.left - containerRect.left\n          }\n          setSearchUserPosition(styleConfig)\n        }\n      },\n      500,\n    ),\n    [],\n  )\n  const setSelectUser = (id: string, name: string) => {\n    if (replaceRangeRef.current) {\n      replaceRangeRef.current.deleteContents()\n      const newMention = document.createElement('mention')\n      newMention.setAttribute('data-id', id)\n      newMention.setAttribute('data-name', name)\n      // newMention.setAttribute('contenteditable', 'false')\n      newMention.innerText = name\n\n      const newPostText = document.createTextNode(' ')\n      replaceRangeRef.current.insertNode(newPostText)\n      replaceRangeRef.current.insertNode(newMention)\n      const editorRoot = reactQuillRef.current?.getEditor()?.root\n      editorRoot.focus()\n      const range = window.getSelection()?.getRangeAt(0)\n      range?.setStart(\n        replaceRangeRef.current.endContainer,\n        replaceRangeRef.current.endOffset,\n      )\n      range?.setEnd(\n        replaceRangeRef.current.endContainer,\n        replaceRangeRef.current.endOffset,\n      )\n    }\n    setFoundUsers([])\n  }\n  const containerRef = useRef<HTMLDivElement>(null)\n  const replaceRangeRef = useRef<Range | null>(null)\n  const foundUsersListRef = useRef<HTMLDivElement>(null)\n  const [selectTagUserIndex, setSelectTagUserIndex] = useState(0)\n  useEffect(() => {\n    // convenient behavior, scroll item into view when select using keyboard\n    if (foundUsersListRef.current) {\n      const parentElement = foundUsersListRef.current\n      const childElement = parentElement.children.item(\n        selectTagUserIndex,\n      ) as HTMLElement\n      if (childElement) {\n        const containerRect = parentElement.getBoundingClientRect()\n        const childRect = childElement.getBoundingClientRect()\n        if (childElement.offsetTop < parentElement.scrollTop)\n          parentElement.scrollTop = childElement.offsetTop\n        else if (\n          childElement.offsetTop + childRect.height >\n          parentElement.scrollTop + containerRect.height\n        ) {\n          parentElement.scrollTop =\n            childElement.offsetTop - containerRect.height + childRect.height\n        }\n      }\n    }\n  }, [selectTagUserIndex])\n\n  useEffect(() => {\n    const clickHandler = function (e: MouseEvent) {\n      if (!containerRef.current?.contains(e.target as Node)) {\n        // Clicked outside the box\n        setFoundUsers([])\n      }\n    }\n    window.addEventListener('click', clickHandler)\n    return () => {\n      window.removeEventListener('click', clickHandler)\n    }\n  }, [])\n  return (\n    <StyledEditorContainer\n      ref={containerRef}\n      className={className}\n      style={style}\n      onKeyDownCapture={(e) => {\n        // convenient behavior, use arrow to select tag user and enter to choose\n        if (foundUsers?.length) {\n          let preventKey = false\n          if (e.key === 'ArrowDown') {\n            preventKey = true\n            setSelectTagUserIndex((s) =>\n              s + 1 >= foundUsers.length ? 0 : s + 1,\n            )\n          } else if (e.key === 'Escape') {\n            preventKey = true\n            setSelectTagUserIndex(0)\n            setFoundUsers([])\n          } else if (e.key === 'ArrowUp') {\n            preventKey = true\n            setSelectTagUserIndex((s) =>\n              s - 1 < 0 ? foundUsers.length - 1 : s - 1,\n            )\n          } else if (e.key === 'Enter' || e.key === 'Tab') {\n            const user = foundUsers[selectTagUserIndex]\n            if (user) {\n              preventKey = true\n              setSelectUser(user.id, user.name)\n            }\n          }\n          if (preventKey) {\n            e.preventDefault()\n            return false\n          }\n        }\n      }}\n    >\n      <CustomToolbar\n        id={toolbarIdRef.current}\n        onAddLink={(text, href) => {\n          const insertIndex = contentEditableCaretPos.current + 1\n          const currHTML = reactQuillRef.current?.getEditor()?.root.innerHTML\n          const newHTML =\n            (currHTML?.substring(0, insertIndex) || '') +\n            `<mocka data-href=\"${href}\" data-url=\"true\">${text}</mocka> ` +\n            (currHTML?.substring(insertIndex) || '')\n\n          onChange?.(newHTML)\n          debounceInputModify(newHTML)\n        }}\n      />\n      {ReactQuill && (\n        <ReactQuill\n          ref={reactQuillRef}\n          theme=\"snow\"\n          value={html}\n          onChange={(t: string) => {\n            onChange?.(t)\n            debounceInputModify(t)\n            handleSelectionChange()\n          }}\n          onChangeSelection={() => {\n            handleSelectionChange()\n          }}\n          modules={cachedModules.current}\n          formats={[\n            'mocka1',\n            'mention',\n            'id',\n            'key',\n            'bold',\n            'italic',\n            'underline',\n            'list',\n            'bullet',\n          ]}\n        />\n      )}\n      {!!foundUsers?.length && (\n        <div\n          ref={foundUsersListRef}\n          className=\"mention-search-container\"\n          style={searchUserPosition}\n        >\n          {foundUsers.map((foundUser, index) => (\n            <div\n              className={`mention-search-item ${\n                selectTagUserIndex === index ? 'item-selected' : ''\n              }`}\n              key={foundUser.id}\n              onClick={(e) => {\n                e.preventDefault()\n                e.stopPropagation()\n                setSelectUser(foundUser.id, foundUser.name)\n              }}\n              onMouseEnter={() => {\n                setSelectTagUserIndex(index)\n              }}\n            >\n              <UserAvatar\n                className=\"search-avatar\"\n                username={foundUser.name}\n                avatar={foundUser.avatar}\n              />\n              <div>\n                <Text size=\"p2\">{foundUser.name}</Text>\n                <Text size=\"p4\" color=\"#595959\">\n                  @{foundUser.username}\n                </Text>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </StyledEditorContainer>\n  )\n}\n\nconst CustomToolbar = ({\n  onAddLink,\n  id,\n}: {\n  id?: string\n  onAddLink?: (text: string, href: string) => void\n}) => {\n  return (\n    <div\n      id={'toolbar-' + id}\n      onClick={(e) => {\n        e.preventDefault()\n        e.stopPropagation()\n      }}\n    >\n      <span className=\"ql-formats\">\n        <button className=\"ql-bold\" type=\"button\" />\n        <button className=\"ql-italic\" type=\"button\" />\n        <button className=\"ql-underline\" type=\"button\" />\n      </span>\n      <span className=\"ql-formats\">\n        <button className=\"ql-list\" value=\"ordered\" type=\"button\" />\n        <button className=\"ql-list\" value=\"bullet\" type=\"button\" />\n      </span>\n      <span className=\"ql-formats\">\n        <button className=\"ql-image\" type=\"button\"></button>\n        {onAddLink && (\n          <PopoverMenu\n            className=\"link-tool-wrapper\"\n            toggleButtonContent={<img className=\"link-icon\" src={IconLink} />}\n            buttonProps={{\n              size: 'md',\n              color: 'transparent',\n            }}\n            align=\"end\"\n          >\n            {({ setShow }) => (\n              <LinkToolInputPopover onAddUrl={onAddLink} setShow={setShow} />\n            )}\n          </PopoverMenu>\n        )}\n      </span>\n    </div>\n  )\n}\n\n// export const RichTextEditor = memo(Editor, (prev, next) => {\n//   return prev.html === next.html\n// })\n\ntype LinkToolProps = {\n  onAddUrl: (text: string, url: string) => void\n  setShow?: (b: boolean) => void\n}\nconst URL_WARN_MAP = [\n  'notification.limitUrlDomain',\n  'notification.urlWrongFormat',\n]\nconst LinkToolInputPopover = ({ onAddUrl, setShow }: LinkToolProps) => {\n  const {\n    data: {\n      env: { isMarryBaby },\n    },\n  } = useContext(TogetherComponentGlobalContext)\n  const { t } = useTranslations()\n  const [urlValue, setUrlValue] = useState('')\n  const [textValue, setTextValue] = useState('')\n  const [urlWarnType, setUrlWarnType] = useState(-1)\n  const checkUrlValid = (v: string) => {\n    const trimmedUrl = reformatUrl(v.trim())\n    try {\n      const jsUrl = new URL(trimmedUrl)\n      if (!jsUrl.protocol.startsWith('http')) {\n        setUrlWarnType(1)\n        return false\n      }\n      if (\n        !ALLOW_DOMAIN_URL.some(\n          (o) =>\n            jsUrl.origin.endsWith('/' + o) || jsUrl.origin.endsWith('.' + o),\n        )\n      ) {\n        setUrlWarnType(0)\n        return false\n      }\n      setUrlWarnType(-1)\n      return true\n    } catch {\n      setUrlWarnType(1)\n      return false\n    }\n  }\n  const isValid = urlValue.trim() && textValue.trim() && urlWarnType < 0\n  return (\n    <div className=\"link-tool-popover\">\n      <Input\n        name=\"url\"\n        value={urlValue}\n        size=\"md\"\n        label=\"URL\"\n        placeholder={t('placeholder.enterUrlHere')}\n        type=\"text\"\n        className=\"link-input-url\"\n        onChange={(v) => {\n          setUrlValue(v)\n          checkUrlValid(v)\n        }}\n      />\n      {urlWarnType >= 0 && (\n        <Text size=\"c2\" className=\"error-text\">\n          {t(URL_WARN_MAP[urlWarnType] as TranslationsKey)}\n        </Text>\n      )}\n      <Input\n        name=\"text\"\n        value={textValue}\n        size=\"md\"\n        label={t('createPost.urlText')}\n        placeholder={t('placeholder.enterUrlTextHere')}\n        type=\"text\"\n        className=\"link-input-text\"\n        onChange={(v) => setTextValue(v)}\n      />\n      <div\n        data-is-marrybaby={isMarryBaby}\n        className=\"link-input-button-wrapper\"\n      >\n        <Button\n          theme={isMarryBaby ? 'marryBaby' : 'helloSites'}\n          size=\"sm\"\n          color=\"primary\"\n          className=\"link-input-button\"\n          onClick={() => {\n            if (!isValid) return\n            onAddUrl(textValue.trim(), reformatUrl(urlValue.trim()))\n            setShow && setShow(false)\n          }}\n          isDisabled={!isValid}\n        >\n          {t('insert')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport default RichTextEditor\n"],"names":["ReactQuill","getCaretCharacterOffsetWithin","element","caretOffset","window","getSelection","sel","rangeCount","range","_a","getRangeAt","preCaretRange","cloneRange","selectNodeContents","setEnd","endContainer","endOffset","calculateChildNodeOffset","cloneContents","childNodes","parentMockAElement","_b","parentElement","closest","lastNodeValue","nodeValue","outerHTML","length","lastIndexOf","forEach","node","index","isLast","nodeType","Node","ELEMENT_NODE","indexOf","TEXT_NODE","__awaiter","import","QuillRes","sent","default","Quill","PreserveWhiteSpace","quill","options","this","container","style","whiteSpace","register","Inline","MockABlot","__extends","_super","create","call","setNodeConfigurations","formats","innerText","getAttribute","value","replace","setAttribute","blotName","tagName","MentionBlot","RichTextEditor","html","onChange","className","onImagePickerClick","_f","bannedWords","onInvalidUrlsChange","onPreviewUrlChange","setEditorRef","isReplying","bannedWordsRef","useRef","current","_g","useState","invalidUrls","setInvalidUrls","_h","previewUrl","setPreviewUrl","locale","useContext","TogetherComponentGlobalContext","bannedString","join","useEffect","currHTML","reactQuillRef","getEditor","root","innerHTML","debounceInputModify","fetchPreviewData","url","isFetching","callApi","getApiPath","PATHS","FETCH_PREVIEW","_locale","data","link","then","res","title","description","image","_c","_d","logo","catch","fetchPreviewDataRef","useCallback","debounce","v","processedInput","opts","formatUrl","removedFormat","fixMalformedMention","removeFontFormat","highlightBadWords","descriptionWithWrappedAnchor","removeEdittedBannedWord","wrapAnchorAroundUrls","urls","getUrlsFromEditorString","invalidUrls_1","jsUrl_1","URL","ALLOW_DOMAIN_URL","some","o","origin","endsWith","push","RegExp","map","escapeRegExp","filter","u","inputModify","_invalidUrls","_previewUrl","imageHandlerRef","toolbarIdRef","String","Math","floor","random","cachedModules","toolbar","handlers","preserveWhiteSpace","contentEditableCaretPos","_e","handleSelectionChange","newCaretPos","getMentionIdsFromString","LIMIT_MENTION","searchData","endText","substring","lastAnchorSymbolIndex","slice","name_1","trim","setStart","replaceRange","name","rect","getBoundingClientRect","getSearchName","searchUser","replaceRangeRef","setFoundUsers","_j","foundUsers","_k","top","left","searchUserPosition","setSearchUserPosition","excludeIds","DOMRect","getCookie","BEARER_TOKEN_COOKIE","callApiWithAuth","SEARCH_USER","callApiWithAdminAuth","ADMIN_PATHS","setSelectTagUserIndex","users","includes","id","textNodeRect","containerRect","containerRef","styleConfig","bottom","width","maxHeight","right","setSelectUser","deleteContents","newMention","document","createElement","newPostText","createTextNode","insertNode","focus","foundUsersListRef","_l","selectTagUserIndex","childElement","children","item","childRect","offsetTop","scrollTop","height","clickHandler","e","contains","target","addEventListener","removeEventListener","React","StyledEditorContainer","ref","onKeyDownCapture","preventKey","key","s","user","preventDefault","CustomToolbar","onAddLink","text","href","insertIndex","newHTML","concat","theme","t","onChangeSelection","modules","foundUser","onClick","stopPropagation","onMouseEnter","UserAvatar","username","avatar","Text","size","color","type","PopoverMenu","toggleButtonContent","src","IconLink","buttonProps","align","setShow","LinkToolInputPopover","onAddUrl","URL_WARN_MAP","isMarryBaby","useTranslations","urlValue","setUrlValue","textValue","setTextValue","urlWarnType","setUrlWarnType","isValid","Input","label","placeholder","trimmedUrl","reformatUrl","jsUrl_2","protocol","startsWith","checkUrlValid","Button","isDisabled"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import e,{useState as t,useRef as o,useEffect as s}from"react";import{Text as n}from"../../../../components/atoms/text/index.js";import"../../../../components/atoms/alert/index.styled.js";import"../../../../components/atoms/avatar/index.styled.js";import"../../../../components/atoms/badge/index.styled.js";import"../../../../components/atoms/borderHeading/index.styled.js";import"../../../../components/atoms/button/index.styled.js";import"../../../../components/atoms/divider/index.styled.js";import"../../../../components/atoms/fileDropdown/index.styled.js";import"../../../../components/atoms/flag/index.styled.js";import"../../../../components/atoms/grid/index.styled.js";import"../../../../components/atoms/heading/index.styled.js";import"../../../../components/atoms/label/index.js";import"../../../../components/atoms/input/index.styled.js";import"../../../../components/atoms/logo/index.js";import"../../../../misc/utils.js";import"../../../../components/atoms/pagination/index.styled.js";import"../../../../components/atoms/pureInput/index.js";import"../../../../components/atoms/radio/index.styled.js";import"../../../../components/atoms/shadow/index.styled.js";import"react-range";import"../../../../components/atoms/slider/index.styled.js";import"../../../../components/atoms/tag/index.styled.js";import"../../../../components/atoms/toggle/index.styled.js";import"../../../../components/atoms/underlinedLink/index.styled.js";import"../../../../components/atoms/uploader/index.styled.js";import"../../../../components/atoms/textArea/index.js";import"../../../../components/atoms/container/index.styled.js";import"../../../../components/atoms/checkbox/index.styled.js";import"../../../../components/atoms/textDivider/index.js";import"../../../../components/atoms/rateStars/index.styled.js";import"../../../../components/atoms/icons/Ask.js";import"../../../../components/atoms/icons/BarChart.js";import"../../../../components/atoms/icons/Booking.js";import"../../../../components/atoms/icons/Bookmark.js";import"../../../../components/atoms/icons/Community.js";import"../../../../components/atoms/icons/EditSpecial.js";import"../../../../components/atoms/icons/Family.js";import"../../../../components/atoms/icons/Font.js";import"../../../../components/atoms/icons/Heart.js";import"../../../../components/atoms/icons/Home.js";import"../../../../components/atoms/icons/Like.js";import"../../../../components/atoms/icons/MyCommunity.js";import"../../../../components/atoms/icons/PlusSpecial.js";import"../../../../components/atoms/icons/Recalculate.js";import"../../../../components/atoms/icons/Scale.js";import"../../../../components/atoms/icons/Share.js";import"../../../../components/atoms/icons/Stethoscope.js";import"../../../../components/atoms/progress/index.styled.js";import{useImagePicker as m}from"../../../../hooks/useImagesPicker.js";import{useTranslations as i}from"../../../../hooks/useTranslations.js";import r from"../../../../node_modules/innertext/index.js";import{theme as a}from"../../../../misc/theme.js";import{MAX_IMAGE_UPLOADS as c}from"../../../interfaces/constants.js";import l from"../../../assets/svg/icon-alert-circle-warning.svg.js";import p from"../../../assets/svg/icon-close-circle.svg.js";import{CardLink as d}from"../../atoms/cardLink/index.js";import{Loading as g}from"../../atoms/loading/index.js";import{RichTextEditor as j}from"./editor.js";import{StyledCreatePostDescription as u}from"./index.styled.js";var x=function(x){var y=x.className,f=x.style,v=x.bannedWords,h=void 0===v?[]:v,E=x.value,k=x.onChange,C=x.onPreviewUrlChange,N=x.onInvalidUrlsChange,b=x.onImageFilesChange,w=x.imageFiles,I=x.isReplying,S=i().t,P=t(null),F=P[0],R=P[1],U=o(null),z=m(w,b),B=z.onSelectImages,H=z.onRemoveImage,L=z.imageSrcs;return s((function(){C&&((null==F?void 0:F.url)?C({title:F.title||"",url:F.url||"",image:F.image||"",description:F.description||""}):C(null))}),[F]),e.createElement(u,{className:y,style:f},e.createElement(n,{size:"p4",className:"description-label"},S("createPost.popup.description")),e.createElement("div",{className:"textarea-control"},e.createElement("div",{className:"textarea-wrapper"},e.createElement(j,{html:E||"",onChange:k,bannedWords:h,onImagePickerClick:function(){var e;return null===(e=U.current)||void 0===e?void 0:e.click()},onPreviewUrlChange:R,onInvalidUrlsChange:N,isReplying:I}))),e.createElement(n,{size:"p4",className:"count-string"},S("character"),": ",r(E||"").length),(!L||0===L.length)&&F&&e.createElement("div",{className:"link-preview-wrapper"},F.isFetching?e.createElement(g,null):e.createElement(e.Fragment,null,e.createElement(d,{title:F.title,url:F.url||"#",image:F.image,noRefetch:!0}),e.createElement("img",{src:p,className:"icon-close",onClick:function(){return R(null)}}))),e.createElement("input",{ref:U,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:B}),L.length>c?e.createElement("div",{className:"input-notification"},e.createElement("img",{src:l}),e.createElement(n,{size:"p4",color:a.colors.alertWarning},S("createPost.popup.warningImage"))):null,L.length>0&&e.createElement("div",{className:"image-gallery"},L.map((function(t,o){return e.createElement("div",{key:o,className:"image-item"},e.createElement("img",{src:t}),e.createElement("img",{className:"close-btn",src:p,onClick:function(){return H(o)}}))}))))};export{x as CreatePostDescription};
+//# sourceMappingURL=index.js.map

package/build/esm/together/components/molecules/createPostDescription/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/together/components/molecules/createPostDescription/index.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useRef, useState } from 'react'\n\nimport { Text } from 'components/atoms'\nimport { useImagePicker } from 'hooks/useImagesPicker'\nimport { useTranslations } from 'hooks/useTranslations'\nimport innertext from 'innertext'\nimport { theme } from 'misc/theme'\nimport { MAX_IMAGE_UPLOADS } from 'together/interfaces/constants'\n\nimport IconAlertCircleWarning from '../../../assets/svg/icon-alert-circle-warning.svg'\nimport IconCloseCircle from '../../../assets/svg/icon-close-circle.svg'\nimport { CardLink } from '../../atoms/cardLink'\nimport { Loading } from '../../atoms/loading'\nimport { RichTextEditor } from './editor'\nimport { StyledCreatePostDescription } from './index.styled'\n\nexport type Props = {\n  className?: string\n  style?: CSSProperties\n  bannedWords?: string[]\n  value?: string\n  onChange?: (v: string) => void\n  onPreviewUrlChange?: (\n    v: {\n      title: string\n      url: string\n      image: string\n      description: string\n    } | null,\n  ) => void\n  onInvalidUrlsChange?: (v: string[]) => void\n  imageFiles?: (File | string)[]\n  onImageFilesChange?: (v: (File | string)[]) => void\n  isReplying?: boolean\n}\n\nexport const CreatePostDescription = ({\n  className,\n  style,\n  bannedWords = [],\n  value,\n  onChange,\n  onPreviewUrlChange,\n  onInvalidUrlsChange,\n  onImageFilesChange,\n  imageFiles: imageFilesProp,\n  isReplying,\n}: Props) => {\n  const { t } = useTranslations()\n  const [previewUrl, setPreviewUrl] = useState<{\n    title?: string\n    url?: string\n    image?: string\n    rawUrl?: string\n    description?: string\n    isFetching?: boolean\n  } | null>(null)\n  const imagePicker = useRef<HTMLInputElement>(null)\n\n  const {\n    onSelectImages,\n    onRemoveImage,\n    imageSrcs,\n    // imageFiles,\n  } = useImagePicker(imageFilesProp, onImageFilesChange)\n\n  useEffect(() => {\n    if (onPreviewUrlChange) {\n      if (previewUrl?.url)\n        onPreviewUrlChange({\n          title: previewUrl.title || '',\n          url: previewUrl.url || '',\n          image: previewUrl.image || '',\n          description: previewUrl.description || '',\n        })\n      else onPreviewUrlChange(null)\n    }\n  }, [previewUrl])\n\n  return (\n    <StyledCreatePostDescription className={className} style={style}>\n      <Text size=\"p4\" className=\"description-label\">\n        {t('createPost.popup.description')}\n      </Text>\n      <div className={`textarea-control`}>\n        <div className=\"textarea-wrapper\">\n          <RichTextEditor\n            html={value || ''} // innerHTML of the editable div\n            onChange={onChange}\n            bannedWords={bannedWords}\n            onImagePickerClick={() => imagePicker.current?.click()}\n            onPreviewUrlChange={setPreviewUrl}\n            onInvalidUrlsChange={onInvalidUrlsChange}\n            isReplying={isReplying}\n          />\n        </div>\n        {/* <div className=\"control-tool\">\n          <div\n            className=\"tool-button\"\n            color=\"transparent\"\n            onClick={() => imagePicker.current?.click()}\n          >\n            <img className=\"image-icon\" src=\"./svg/icon-image-input.svg\" />\n          </div>\n        </div> */}\n      </div>\n      <Text size=\"p4\" className=\"count-string\">\n        {t('character')}: {innertext(value || '').length}\n      </Text>\n      {(!imageSrcs || imageSrcs.length === 0) && previewUrl && (\n        <div className=\"link-preview-wrapper\">\n          {previewUrl.isFetching ? (\n            <Loading />\n          ) : (\n            <>\n              <CardLink\n                title={previewUrl.title}\n                url={previewUrl.url || '#'}\n                image={previewUrl.image}\n                noRefetch\n              />\n              <img\n                src={IconCloseCircle}\n                className=\"icon-close\"\n                onClick={() => setPreviewUrl(null)}\n              />\n            </>\n          )}\n        </div>\n      )}\n      <input\n        ref={imagePicker}\n        type=\"file\"\n        accept=\"image/png, image/gif, image/jpeg\"\n        multiple={true}\n        style={{ display: 'none' }}\n        onChange={onSelectImages}\n      />\n      {imageSrcs.length > MAX_IMAGE_UPLOADS ? (\n        <div className=\"input-notification\">\n          <img src={IconAlertCircleWarning} />\n          <Text size=\"p4\" color={theme.colors.alertWarning}>\n            {t(`createPost.popup.warningImage`)}\n          </Text>\n        </div>\n      ) : null}\n      {imageSrcs.length > 0 && (\n        <div className=\"image-gallery\">\n          {imageSrcs.map((src, i) => (\n            <div key={i} className=\"image-item\">\n              <img src={src} />\n              <img\n                className=\"close-btn\"\n                src={IconCloseCircle}\n                onClick={() => onRemoveImage(i)}\n              />\n            </div>\n          ))}\n        </div>\n      )}\n    </StyledCreatePostDescription>\n  )\n}\n"],"names":["CreatePostDescription","_a","className","style","_b","bannedWords","value","onChange","onPreviewUrlChange","onInvalidUrlsChange","onImageFilesChange","imageFilesProp","imageFiles","isReplying","t","useTranslations","_c","useState","previewUrl","setPreviewUrl","imagePicker","useRef","_d","useImagePicker","onSelectImages","onRemoveImage","imageSrcs","useEffect","url","title","image","description","React","createElement","StyledCreatePostDescription","Text","size","RichTextEditor","html","onImagePickerClick","current","click","innertext","length","isFetching","Loading","Fragment","CardLink","noRefetch","src","IconCloseCircle","onClick","ref","type","accept","multiple","display","MAX_IMAGE_UPLOADS","IconAlertCircleWarning","color","theme","colors","alertWarning","map","i","key"],"mappings":"63GAoCO,IAAMA,EAAwB,SAACC,GACpC,IAAAC,EAASD,EAAAC,UACTC,EAAKF,EAAAE,MACLC,EAAAH,EAAAI,YAAAA,OAAc,IAAAD,EAAA,GAAEA,EAChBE,EAAKL,EAAAK,MACLC,EAAQN,EAAAM,SACRC,EAAkBP,EAAAO,mBAClBC,EAAmBR,EAAAQ,oBACnBC,EAAkBT,EAAAS,mBACNC,EAAcV,EAAAW,WAC1BC,EAAUZ,EAAAY,WAEFC,EAAMC,MACRC,EAA8BC,EAO1B,MAPHC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAQ1BI,EAAcC,EAAyB,MAEvCC,EAKFC,EAAeZ,EAAgBD,GAJjCc,EAAcF,EAAAE,eACdC,EAAaH,EAAAG,cACbC,cAiBF,OAbAC,GAAU,WACJnB,KACEU,aAAA,EAAAA,EAAYU,KACdpB,EAAmB,CACjBqB,MAAOX,EAAWW,OAAS,GAC3BD,IAAKV,EAAWU,KAAO,GACvBE,MAAOZ,EAAWY,OAAS,GAC3BC,YAAab,EAAWa,aAAe,KAEtCvB,EAAmB,SAEzB,CAACU,IAGFc,EAACC,cAAAC,EAA4B,CAAAhC,UAAWA,EAAWC,MAAOA,GACxD6B,EAAAC,cAACE,EAAI,CAACC,KAAK,KAAKlC,UAAU,qBACvBY,EAAE,iCAELkB,EAAKC,cAAA,MAAA,CAAA/B,UAAW,oBACd8B,EAAKC,cAAA,MAAA,CAAA/B,UAAU,oBACb8B,EAAAC,cAACI,EACC,CAAAC,KAAMhC,GAAS,GACfC,SAAUA,EACVF,YAAaA,EACbkC,mBAAoB,iBAAM,eAAAtC,EAAAmB,EAAYoB,8BAASC,SAC/CjC,mBAAoBW,EACpBV,oBAAqBA,EACrBI,WAAYA,MAalBmB,EAACC,cAAAE,GAAKC,KAAK,KAAKlC,UAAU,gBACvBY,EAAE,kBAAgB4B,EAAUpC,GAAS,IAAIqC,UAEzCjB,GAAkC,IAArBA,EAAUiB,SAAiBzB,GACzCc,uBAAK9B,UAAU,wBACZgB,EAAW0B,WACVZ,EAACC,cAAAY,EAAU,MAEXb,EAAAC,cAAAD,EAAAc,SAAA,KACEd,EAACC,cAAAc,GACClB,MAAOX,EAAWW,MAClBD,IAAKV,EAAWU,KAAO,IACvBE,MAAOZ,EAAWY,MAClBkB,WACA,IACFhB,EACEC,cAAA,MAAA,CAAAgB,IAAKC,EACLhD,UAAU,aACViD,QAAS,WAAM,OAAAhC,EAAc,WAMvCa,EACEC,cAAA,QAAA,CAAAmB,IAAKhC,EACLiC,KAAK,OACLC,OAAO,mCACPC,UAAU,EACVpD,MAAO,CAAEqD,QAAS,QAClBjD,SAAUiB,IAEXE,EAAUiB,OAASc,EAClBzB,EAAAC,cAAA,MAAA,CAAK/B,UAAU,sBACb8B,EAAKC,cAAA,MAAA,CAAAgB,IAAKS,IACV1B,EAACC,cAAAE,EAAK,CAAAC,KAAK,KAAKuB,MAAOC,EAAMC,OAAOC,cACjChD,EAAE,mCAGL,KACHY,EAAUiB,OAAS,GAClBX,EAAKC,cAAA,MAAA,CAAA/B,UAAU,iBACZwB,EAAUqC,KAAI,SAACd,EAAKe,GAAM,OACzBhC,EAAKC,cAAA,MAAA,CAAAgC,IAAKD,EAAG9D,UAAU,cACrB8B,EAAKC,cAAA,MAAA,CAAAgB,IAAKA,IACVjB,EAAAC,cAAA,MAAA,CACE/B,UAAU,YACV+C,IAAKC,EACLC,QAAS,WAAM,OAAA1B,EAAcuC"}

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

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var r,e,t=o.div(r||(r=n(["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .textarea-control {\n    position: relative;\n    border: 1px solid ",";\n    border-radius: 6px;\n    &.--focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n\n    .textarea-wrapper {\n      width: 100%;\n      height: 200px;\n    }\n\n    .control-tool {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      display: flex;\n      width: calc(100% - 2rem);\n      height: 40px;\n      align-items: center;\n      justify-content: flex-end;\n      border-top: 1px solid ",";\n      margin: 0 1rem;\n\n      .tool-button {\n        display: flex;\n        width: 2rem;\n        height: 2rem;\n        align-items: center;\n        justify-content: center;\n        background: transparent;\n        cursor: pointer;\n      }\n      .image-icon {\n        vertical-align: middle;\n      }\n    }\n  }\n\n  .link-preview-wrapper {\n    position: relative;\n    .icon-close {\n      position: absolute;\n      top: 5px;\n      right: 5px;\n      width: 24px;\n      height: 24px;\n      cursor: pointer;\n    }\n  }\n\n  .image-gallery {\n    margin-bottom: 1rem;\n\n    .image-item {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 0;\n      padding-top: 67%;\n      margin-top: 1rem;\n      border-radius: 6px;\n\n      & > img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      .close-btn {\n        position: absolute;\n        top: 8px;\n        right: 8px;\n        left: unset;\n        width: 24px;\n        height: 24px;\n        cursor: pointer;\n      }\n    }\n  }\n\n  .description-label {\n    margin-bottom: 5px;\n    color: ",";\n    /* font-family: 'Open Sans', sans-serif; */\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n\n  .input-notification {\n    display: flex;\n\n    & > img {\n      width: 16px;\n      height: 16px;\n      margin-top: 1.5px;\n      margin-right: 8px;\n    }\n  }\n"],["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .textarea-control {\n    position: relative;\n    border: 1px solid ",";\n    border-radius: 6px;\n    &.--focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n\n    .textarea-wrapper {\n      width: 100%;\n      height: 200px;\n    }\n\n    .control-tool {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      display: flex;\n      width: calc(100% - 2rem);\n      height: 40px;\n      align-items: center;\n      justify-content: flex-end;\n      border-top: 1px solid ",";\n      margin: 0 1rem;\n\n      .tool-button {\n        display: flex;\n        width: 2rem;\n        height: 2rem;\n        align-items: center;\n        justify-content: center;\n        background: transparent;\n        cursor: pointer;\n      }\n      .image-icon {\n        vertical-align: middle;\n      }\n    }\n  }\n\n  .link-preview-wrapper {\n    position: relative;\n    .icon-close {\n      position: absolute;\n      top: 5px;\n      right: 5px;\n      width: 24px;\n      height: 24px;\n      cursor: pointer;\n    }\n  }\n\n  .image-gallery {\n    margin-bottom: 1rem;\n\n    .image-item {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 0;\n      padding-top: 67%;\n      margin-top: 1rem;\n      border-radius: 6px;\n\n      & > img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      .close-btn {\n        position: absolute;\n        top: 8px;\n        right: 8px;\n        left: unset;\n        width: 24px;\n        height: 24px;\n        cursor: pointer;\n      }\n    }\n  }\n\n  .description-label {\n    margin-bottom: 5px;\n    color: ",";\n    /* font-family: 'Open Sans', sans-serif; */\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n\n  .input-notification {\n    display: flex;\n\n    & > img {\n      width: 16px;\n      height: 16px;\n      margin-top: 1.5px;\n      margin-right: 8px;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.colors.gray500})),i=o.div(e||(e=n(["\n  height: 100%;\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .ql-toolbar.ql-snow {\n    top: 0;\n    width: 100%;\n    position: sticky;\n    z-index: 3;\n    border: none;\n    border-bottom: 1px solid #ccc;\n    background: white;\n    .ql-formats {\n      display: inline-flex;\n      align-items: center;\n      margin-right: 0.5rem;\n      .link-tool-wrapper {\n        .popover-menu__content {\n          padding: 0.5rem;\n          transform: translateX(calc(-50% - 1rem));\n          max-width: calc(100vw - 4rem);\n          ::before {\n            right: calc(50% - 8px);\n          }\n          .link-tool-popover {\n            input {\n              padding-left: 1rem;\n            }\n            .link-input-url {\n              margin-bottom: 0.5rem;\n            }\n            .link-input-text {\n              margin-bottom: 0.5rem;\n            }\n            label {\n              display: inline-block;\n              margin-bottom: 0.2rem;\n            }\n            .link-input-button-wrapper {\n              &[data-is-marrybaby='true'] {\n                .link-input-button {\n                  border: solid 2px\n                    ",";\n                  background-color: ",";\n                  &:hover:not(:disabled) {\n                    border: solid 2px\n                      ",";\n                    background-color: ",";\n                    color: ",";\n                  }\n                }\n              }\n            }\n            .link-input-button {\n              width: auto;\n              height: auto;\n              padding: 0.4rem 1rem;\n              background-color: ",";\n\n              &:disabled {\n                border-color: #bfbfbf;\n                background-color: #bfbfbf;\n                color: #fff;\n                cursor: not-allowed;\n              }\n              &:hover:not(:disabled) {\n                background-color: ",";\n              }\n            }\n            .error-text {\n              padding: 0;\n              margin-bottom: 0.5rem;\n              font-weight: 600;\n              color: ",";\n            }\n          }\n        }\n      }\n    }\n    @media (max-width: 450px) {\n      position: relative;\n      .ql-formats {\n        .link-tool-wrapper {\n          position: unset;\n          .popover-menu__content {\n            left: 0;\n            transform: unset;\n            max-width: 100%;\n          }\n        }\n      }\n    }\n  }\n  .quill {\n    flex: 1;\n    overflow-y: hidden;\n    .ql-container {\n      display: inline-block;\n      width: 100%;\n      min-height: 100%;\n      /* padding: 14px 16px; */\n      border: none;\n      border-radius: 6px;\n      color: ",";\n      font-size: 1rem;\n      line-height: 1.5;\n      resize: none;\n      white-space: break-spaces;\n      .ql-editor {\n        word-break: break-word;\n        overflow-wrap: break-word;\n        /* -ms-overflow-style: none;\n        scrollbar-width: none;\n        &::-webkit-scrollbar {\n          display: none;\n        } */\n      }\n      mocka {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        &[data-url='true'] {\n          /* background-color: #eeeeff; */\n          font-style: italic;\n          color: #1890ff;\n          cursor: pointer;\n          outline: none;\n          text-decoration: underline;\n        }\n        &[data-error='true'] {\n          background-color: #ffeeee;\n          color: red;\n          text-decoration: underline;\n          font-style: bold;\n        }\n      }\n      mention {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        background-color: #eeeeff;\n        color: #1890ff;\n        cursor: pointer;\n        outline: none;\n        text-decoration: none;\n      }\n      ol,\n      ul {\n        padding-left: 1rem;\n      }\n    }\n  }\n  .mention-search-container {\n    position: absolute;\n    background: white;\n    border-radius: 6px;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    overflow-y: scroll;\n    z-index: 99;\n    ::-webkit-scrollbar {\n      -webkit-appearance: none;\n    }\n    ::-webkit-scrollbar:vertical {\n      width: 14px;\n    }\n    ::-webkit-scrollbar-thumb {\n      border-radius: 6px;\n      background-color: #d9d9d9;\n      @supports (background-clip: padding-box) {\n        border: 3px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n      }\n      @supports not (background-clip: padding-box) {\n        border: 3px solid white;\n      }\n    }\n    ::-webkit-scrollbar-track {\n      background-color: #fff;\n      border-radius: 0 6px 6px 0;\n      border-left: 1px solid #f2f2f2;\n    }\n    .mention-search-item {\n      cursor: pointer;\n      padding: 12px 1rem;\n      display: flex;\n      align-items: center;\n      &.item-selected {\n        background-color: ",";\n      }\n      .search-avatar {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        margin-right: 20px;\n      }\n    }\n  }\n"],["\n  height: 100%;\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .ql-toolbar.ql-snow {\n    top: 0;\n    width: 100%;\n    position: sticky;\n    z-index: 3;\n    border: none;\n    border-bottom: 1px solid #ccc;\n    background: white;\n    .ql-formats {\n      display: inline-flex;\n      align-items: center;\n      margin-right: 0.5rem;\n      .link-tool-wrapper {\n        .popover-menu__content {\n          padding: 0.5rem;\n          transform: translateX(calc(-50% - 1rem));\n          max-width: calc(100vw - 4rem);\n          ::before {\n            right: calc(50% - 8px);\n          }\n          .link-tool-popover {\n            input {\n              padding-left: 1rem;\n            }\n            .link-input-url {\n              margin-bottom: 0.5rem;\n            }\n            .link-input-text {\n              margin-bottom: 0.5rem;\n            }\n            label {\n              display: inline-block;\n              margin-bottom: 0.2rem;\n            }\n            .link-input-button-wrapper {\n              &[data-is-marrybaby='true'] {\n                .link-input-button {\n                  border: solid 2px\n                    ",";\n                  background-color: ",";\n                  &:hover:not(:disabled) {\n                    border: solid 2px\n                      ",";\n                    background-color: ",";\n                    color: ",";\n                  }\n                }\n              }\n            }\n            .link-input-button {\n              width: auto;\n              height: auto;\n              padding: 0.4rem 1rem;\n              background-color: ",";\n\n              &:disabled {\n                border-color: #bfbfbf;\n                background-color: #bfbfbf;\n                color: #fff;\n                cursor: not-allowed;\n              }\n              &:hover:not(:disabled) {\n                background-color: ",";\n              }\n            }\n            .error-text {\n              padding: 0;\n              margin-bottom: 0.5rem;\n              font-weight: 600;\n              color: ",";\n            }\n          }\n        }\n      }\n    }\n    @media (max-width: 450px) {\n      position: relative;\n      .ql-formats {\n        .link-tool-wrapper {\n          position: unset;\n          .popover-menu__content {\n            left: 0;\n            transform: unset;\n            max-width: 100%;\n          }\n        }\n      }\n    }\n  }\n  .quill {\n    flex: 1;\n    overflow-y: hidden;\n    .ql-container {\n      display: inline-block;\n      width: 100%;\n      min-height: 100%;\n      /* padding: 14px 16px; */\n      border: none;\n      border-radius: 6px;\n      color: ",";\n      font-size: 1rem;\n      line-height: 1.5;\n      resize: none;\n      white-space: break-spaces;\n      .ql-editor {\n        word-break: break-word;\n        overflow-wrap: break-word;\n        /* -ms-overflow-style: none;\n        scrollbar-width: none;\n        &::-webkit-scrollbar {\n          display: none;\n        } */\n      }\n      mocka {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        &[data-url='true'] {\n          /* background-color: #eeeeff; */\n          font-style: italic;\n          color: #1890ff;\n          cursor: pointer;\n          outline: none;\n          text-decoration: underline;\n        }\n        &[data-error='true'] {\n          background-color: #ffeeee;\n          color: red;\n          text-decoration: underline;\n          font-style: bold;\n        }\n      }\n      mention {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        background-color: #eeeeff;\n        color: #1890ff;\n        cursor: pointer;\n        outline: none;\n        text-decoration: none;\n      }\n      ol,\n      ul {\n        padding-left: 1rem;\n      }\n    }\n  }\n  .mention-search-container {\n    position: absolute;\n    background: white;\n    border-radius: 6px;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    overflow-y: scroll;\n    z-index: 99;\n    ::-webkit-scrollbar {\n      -webkit-appearance: none;\n    }\n    ::-webkit-scrollbar:vertical {\n      width: 14px;\n    }\n    ::-webkit-scrollbar-thumb {\n      border-radius: 6px;\n      background-color: #d9d9d9;\n      @supports (background-clip: padding-box) {\n        border: 3px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n      }\n      @supports not (background-clip: padding-box) {\n        border: 3px solid white;\n      }\n    }\n    ::-webkit-scrollbar-track {\n      background-color: #fff;\n      border-radius: 0 6px 6px 0;\n      border-left: 1px solid #f2f2f2;\n    }\n    .mention-search-item {\n      cursor: pointer;\n      padding: 12px 1rem;\n      display: flex;\n      align-items: center;\n      &.item-selected {\n        background-color: ",";\n      }\n      .search-avatar {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        margin-right: 20px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray100}));export{t as StyledCreatePostDescription,i as StyledEditorContainer};
+//# sourceMappingURL=index.styled.js.map

package/build/esm/together/components/molecules/createPostDescription/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../src/together/components/molecules/createPostDescription/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledCreatePostDescription = styled.div`\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .textarea-control {\n    position: relative;\n    border: 1px solid ${(props: ThemeProps) => props.theme.colors.gray200};\n    border-radius: 6px;\n    &.--focus {\n      border-color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n      box-shadow: 0px 0px 2px 2px\n        ${(props: ThemeProps) => props.theme.colors.blue200};\n    }\n\n    .textarea-wrapper {\n      width: 100%;\n      height: 200px;\n    }\n\n    .control-tool {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      display: flex;\n      width: calc(100% - 2rem);\n      height: 40px;\n      align-items: center;\n      justify-content: flex-end;\n      border-top: 1px solid ${(props: ThemeProps) => props.theme.colors.gray200};\n      margin: 0 1rem;\n\n      .tool-button {\n        display: flex;\n        width: 2rem;\n        height: 2rem;\n        align-items: center;\n        justify-content: center;\n        background: transparent;\n        cursor: pointer;\n      }\n      .image-icon {\n        vertical-align: middle;\n      }\n    }\n  }\n\n  .link-preview-wrapper {\n    position: relative;\n    .icon-close {\n      position: absolute;\n      top: 5px;\n      right: 5px;\n      width: 24px;\n      height: 24px;\n      cursor: pointer;\n    }\n  }\n\n  .image-gallery {\n    margin-bottom: 1rem;\n\n    .image-item {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      height: 0;\n      padding-top: 67%;\n      margin-top: 1rem;\n      border-radius: 6px;\n\n      & > img {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      .close-btn {\n        position: absolute;\n        top: 8px;\n        right: 8px;\n        left: unset;\n        width: 24px;\n        height: 24px;\n        cursor: pointer;\n      }\n    }\n  }\n\n  .description-label {\n    margin-bottom: 5px;\n    color: ${(props: ThemeProps) => props.theme.colors.gray600};\n    /* font-family: 'Open Sans', sans-serif; */\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ${(props: ThemeProps) => props.theme.colors.gray500};\n    font-size: 11px;\n    text-align: right;\n  }\n\n  .input-notification {\n    display: flex;\n\n    & > img {\n      width: 16px;\n      height: 16px;\n      margin-top: 1.5px;\n      margin-right: 8px;\n    }\n  }\n`\n\nexport const StyledEditorContainer = styled.div`\n  height: 100%;\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .ql-toolbar.ql-snow {\n    top: 0;\n    width: 100%;\n    position: sticky;\n    z-index: 3;\n    border: none;\n    border-bottom: 1px solid #ccc;\n    background: white;\n    .ql-formats {\n      display: inline-flex;\n      align-items: center;\n      margin-right: 0.5rem;\n      .link-tool-wrapper {\n        .popover-menu__content {\n          padding: 0.5rem;\n          transform: translateX(calc(-50% - 1rem));\n          max-width: calc(100vw - 4rem);\n          ::before {\n            right: calc(50% - 8px);\n          }\n          .link-tool-popover {\n            input {\n              padding-left: 1rem;\n            }\n            .link-input-url {\n              margin-bottom: 0.5rem;\n            }\n            .link-input-text {\n              margin-bottom: 0.5rem;\n            }\n            label {\n              display: inline-block;\n              margin-bottom: 0.2rem;\n            }\n            .link-input-button-wrapper {\n              &[data-is-marrybaby='true'] {\n                .link-input-button {\n                  border: solid 2px\n                    ${(props: ThemeProps) => props.theme.mbColors.pink};\n                  background-color: ${(props: ThemeProps) =>\n                    props.theme.mbColors.pink};\n                  &:hover:not(:disabled) {\n                    border: solid 2px\n                      ${(props: ThemeProps) => props.theme.mbColors.pink};\n                    background-color: ${(props: ThemeProps) =>\n                      props.theme.colors.white};\n                    color: ${(props: ThemeProps) => props.theme.mbColors.pink};\n                  }\n                }\n              }\n            }\n            .link-input-button {\n              width: auto;\n              height: auto;\n              padding: 0.4rem 1rem;\n              background-color: ${(props: ThemeProps) =>\n                props.theme.colors.primaryBase};\n\n              &:disabled {\n                border-color: #bfbfbf;\n                background-color: #bfbfbf;\n                color: #fff;\n                cursor: not-allowed;\n              }\n              &:hover:not(:disabled) {\n                background-color: ${(props: ThemeProps) =>\n                  props.theme.colors.primaryHover};\n              }\n            }\n            .error-text {\n              padding: 0;\n              margin-bottom: 0.5rem;\n              font-weight: 600;\n              color: ${(props: ThemeProps) => props.theme.colors.red700};\n            }\n          }\n        }\n      }\n    }\n    @media (max-width: 450px) {\n      position: relative;\n      .ql-formats {\n        .link-tool-wrapper {\n          position: unset;\n          .popover-menu__content {\n            left: 0;\n            transform: unset;\n            max-width: 100%;\n          }\n        }\n      }\n    }\n  }\n  .quill {\n    flex: 1;\n    overflow-y: hidden;\n    .ql-container {\n      display: inline-block;\n      width: 100%;\n      min-height: 100%;\n      /* padding: 14px 16px; */\n      border: none;\n      border-radius: 6px;\n      color: ${(props: ThemeProps) => props.theme.colors.gray800};\n      font-size: 1rem;\n      line-height: 1.5;\n      resize: none;\n      white-space: break-spaces;\n      .ql-editor {\n        word-break: break-word;\n        overflow-wrap: break-word;\n        /* -ms-overflow-style: none;\n        scrollbar-width: none;\n        &::-webkit-scrollbar {\n          display: none;\n        } */\n      }\n      mocka {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        &[data-url='true'] {\n          /* background-color: #eeeeff; */\n          font-style: italic;\n          color: #1890ff;\n          cursor: pointer;\n          outline: none;\n          text-decoration: underline;\n        }\n        &[data-error='true'] {\n          background-color: #ffeeee;\n          color: red;\n          text-decoration: underline;\n          font-style: bold;\n        }\n      }\n      mention {\n        padding: 2px 6px;\n        border-radius: 1rem;\n        background-color: #eeeeff;\n        color: #1890ff;\n        cursor: pointer;\n        outline: none;\n        text-decoration: none;\n      }\n      ol,\n      ul {\n        padding-left: 1rem;\n      }\n    }\n  }\n  .mention-search-container {\n    position: absolute;\n    background: white;\n    border-radius: 6px;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n      drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    overflow-y: scroll;\n    z-index: 99;\n    ::-webkit-scrollbar {\n      -webkit-appearance: none;\n    }\n    ::-webkit-scrollbar:vertical {\n      width: 14px;\n    }\n    ::-webkit-scrollbar-thumb {\n      border-radius: 6px;\n      background-color: #d9d9d9;\n      @supports (background-clip: padding-box) {\n        border: 3px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n      }\n      @supports not (background-clip: padding-box) {\n        border: 3px solid white;\n      }\n    }\n    ::-webkit-scrollbar-track {\n      background-color: #fff;\n      border-radius: 0 6px 6px 0;\n      border-left: 1px solid #f2f2f2;\n    }\n    .mention-search-item {\n      cursor: pointer;\n      padding: 12px 1rem;\n      display: flex;\n      align-items: center;\n      &.item-selected {\n        background-color: ${(props: ThemeProps) => props.theme.colors.gray100};\n      }\n      .search-avatar {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n        margin-right: 20px;\n      }\n    }\n  }\n`\n"],"names":["StyledCreatePostDescription","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","gray200","primaryBase","blue200","gray600","gray500","StyledEditorContainer","mbColors","pink","white","primaryHover","red700","gray800","gray100"],"mappings":"4HAGaA,EAA8BC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,uKAAA,oEAAA,iDAAA,mVAAA,2rCAAA,gKAAA,mOAAA,CAAA,uKASoB,oEAGE,iDAEhB,mVAiBoB,2rCAiEjB,gKAQA,sOA/FtC,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WAG5C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,eAEtD,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,WAiBtB,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WAiE3D,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,WAQ1C,SAACN,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,WAiB1CC,EAAwBZ,EAAOC,+iKAAG,yrCA4CuB,0CAEzB,+GAG2B,4CAE1B,iCAC+B,8OAU/B,uRAUG,wLAOsB,6lBA8BP,usEAoFa,oKArJvD,SAACG,GAAsB,OAAAA,EAAMC,MAAMQ,SAASC,QAC5B,SAACV,GACnB,OAAAA,EAAMC,MAAMQ,SAASC,QAGjB,SAACV,GAAsB,OAAAA,EAAMC,MAAMQ,SAASC,QAC5B,SAACV,GACnB,OAAAA,EAAMC,MAAMC,OAAOS,SACZ,SAACX,GAAsB,OAAAA,EAAMC,MAAMQ,SAASC,QASvC,SAACV,GACnB,OAAAA,EAAMC,MAAMC,OAAOE,eASC,SAACJ,GACnB,OAAAA,EAAMC,MAAMC,OAAOU,gBAOd,SAACZ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOW,UA8BlD,SAACb,GAAsB,OAAAA,EAAMC,MAAMC,OAAOY,WAoF7B,SAACd,GAAsB,OAAAA,EAAMC,MAAMC,OAAOa"}

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

@@ -0,0 +1,2 @@
+import e,{useState as t,useRef as n,useEffect as r,useCallback as o}from"react";import{Input as i}from"../../../../components/atoms/input/index.js";import{Text as a}from"../../../../components/atoms/text/index.js";import{useTranslations as u}from"../../../../hooks/useTranslations.js";import s from"lodash/debounce";import c from"../../../../node_modules/react-contenteditable/lib/react-contenteditable.js";import{highlightBadWords as l}from"../../../utils/post.js";import{StyledCreatePostTitle as m}from"./index.styled.js";var d=function(e,t){if(!t)return e;var n=t.limit,r=t.bannedWords,o=void 0===r?[]:r,i="number"==typeof n&&n>=0?e.substring(0,n):e;return l(i,o)},v=function(v){var f,p=v.className,x=v.style,b=v.bannedWords,T=void 0===b?[]:b,j=v.value,g=v.onChange,h=u().t,E=t(""),C=E[0],y=E[1],N=n(null);r((function(){if(N.current){var e=function(e){var t;e.preventDefault();var n=null===(t=e.clipboardData)||void 0===t?void 0:t.getData("text/plain");document.execCommand("insertHTML",!1,n)},t=N.current;return t.addEventListener("paste",e),function(){return t.removeEventListener("paste",e)}}}),[N]);var W=(null==T?void 0:T.join(","))||"";r((function(){var e;if(W){var t=null===(e=N.current)||void 0===e?void 0:e.innerText;if(t){var n=l(t,T);n!==t&&(g&&g(n),y(n))}}}),[W]);var D=o(s((function(e){if(N.current){var t=d(N.current.innerText,{limit:120,bannedWords:T});g&&g(t),y(t)}}),300),[]);return r((function(){setTimeout((function(){var e;null===(e=N.current)||void 0===e||e.focus()}),500)}),[]),e.createElement(m,{className:p,style:x},e.createElement(i,{name:"title",value:j||C,size:"md",label:h("createPost.title"),CustomInput:e.createElement(c,{innerRef:N,html:j||C,onChange:function(e){if(N.current&&N.current.innerText!==(j||C)){var t=d(N.current.innerText,{bannedWords:T});g&&g(t),y(t),D(N.current.innerText)}},className:"title-input"})}),e.createElement(a,{size:"p4",className:"count-string"},h("createPost.popup.wordCount",{count:(null===(f=N.current)||void 0===f?void 0:f.innerText.length)||0,max:120})))};export{v as CreatePostTitle};
+//# sourceMappingURL=index.js.map

package/build/esm/together/components/molecules/createPostTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/together/components/molecules/createPostTitle/index.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport { Input } from 'components/atoms/input'\nimport { Text } from 'components/atoms/text'\nimport { useTranslations } from 'hooks/useTranslations'\nimport debounce from 'lodash/debounce'\nimport ContentEditable from 'react-contenteditable'\n\nimport { highlightBadWords } from '../../../utils/post'\nimport { StyledCreatePostTitle } from './index.styled'\n\nexport type Props = {\n  className?: string\n  style?: CSSProperties\n  bannedWords?: string[]\n  value?: string\n  onChange?: (v: string) => void\n}\n\nconst TITLE_LIMIT = 120\n\nconst inputModify = (\n  value: string,\n  opts?: { limit?: number; bannedWords?: string[] },\n) => {\n  if (!opts) return value\n  const { limit, bannedWords = [] } = opts\n  const shorten =\n    typeof limit === 'number' && limit >= 0 ? value.substring(0, limit) : value\n  const processedValue = highlightBadWords(shorten, bannedWords)\n  return processedValue\n}\nexport const CreatePostTitle = ({\n  className,\n  style,\n  bannedWords = [],\n  value,\n  onChange,\n}: Props) => {\n  const { t } = useTranslations()\n  const [titleValue, setTitleValue] = useState('')\n  const titleRef = useRef<HTMLElement>(null)\n\n  useEffect(() => {\n    if (titleRef.current) {\n      const pasteHandler = (e: ClipboardEvent) => {\n        e.preventDefault()\n        const text = e.clipboardData?.getData('text/plain')\n        document.execCommand('insertHTML', false, text)\n      }\n      const contentDiv = titleRef.current\n      contentDiv.addEventListener('paste', pasteHandler)\n      return () => contentDiv.removeEventListener('paste', pasteHandler)\n    }\n  }, [titleRef])\n  const bannedString = bannedWords?.join(',') || ''\n\n  useEffect(() => {\n    if (bannedString) {\n      const titleText = titleRef.current?.innerText\n      if (titleText) {\n        const titleValueWithBanned = highlightBadWords(titleText, bannedWords)\n        if (titleValueWithBanned !== titleText) {\n          onChange && onChange(titleValueWithBanned)\n          setTitleValue(titleValueWithBanned)\n        }\n      }\n    }\n  }, [bannedString])\n\n  const debounceInputModify = useCallback(\n    debounce((v: string) => {\n      if (titleRef.current) {\n        const shortenString = inputModify(titleRef.current.innerText, {\n          limit: TITLE_LIMIT,\n          bannedWords,\n        })\n        onChange && onChange(shortenString)\n        setTitleValue(shortenString)\n      }\n    }, 300),\n    [],\n  )\n\n  useEffect(() => {\n    setTimeout(() => {\n      titleRef.current?.focus()\n    }, 500)\n  }, [])\n\n  return (\n    <StyledCreatePostTitle className={className} style={style}>\n      <Input\n        name=\"title\"\n        value={value || titleValue}\n        size=\"md\"\n        label={t('createPost.title')}\n        CustomInput={\n          <ContentEditable\n            innerRef={titleRef}\n            html={value || titleValue} // innerHTML of the editable div\n            onChange={(evt) => {\n              if (\n                titleRef.current &&\n                titleRef.current.innerText !== (value || titleValue)\n              ) {\n                const initialValue = inputModify(titleRef.current.innerText, {\n                  bannedWords,\n                })\n                onChange && onChange(initialValue)\n                setTitleValue(initialValue)\n                debounceInputModify(titleRef.current.innerText)\n              }\n            }} // handle innerHTML change\n            className=\"title-input\"\n          />\n        }\n      />\n      <Text size=\"p4\" className=\"count-string\">\n        {t('createPost.popup.wordCount', {\n          count: titleRef.current?.innerText.length || 0,\n          max: TITLE_LIMIT,\n        })}\n      </Text>\n    </StyledCreatePostTitle>\n  )\n}\n"],"names":["inputModify","value","opts","limit","_a","bannedWords","shorten","substring","highlightBadWords","CreatePostTitle","className","style","_c","onChange","t","useTranslations","_d","useState","titleValue","setTitleValue","titleRef","useRef","useEffect","current","pasteHandler_1","e","preventDefault","text","clipboardData","getData","document","execCommand","contentDiv_1","addEventListener","removeEventListener","bannedString","join","titleText","innerText","titleValueWithBanned","debounceInputModify","useCallback","debounce","v","shortenString","setTimeout","focus","React","createElement","StyledCreatePostTitle","Input","name","size","label","CustomInput","ContentEditable","innerRef","html","evt","initialValue","Text","count","_b","length","max"],"mappings":"4gBAyBA,IAEMA,EAAc,SAClBC,EACAC,GAEA,IAAKA,EAAM,OAAOD,EACV,IAAAE,EAA4BD,EAAIC,MAAzBC,EAAqBF,EAAIG,YAAzBA,OAAc,IAAAD,EAAA,KACvBE,EACa,iBAAVH,GAAsBA,GAAS,EAAIF,EAAMM,UAAU,EAAGJ,GAASF,EAExE,OADuBO,EAAkBF,EAASD,IAGvCI,EAAkB,SAACL,SAC9BM,cACAC,EAAKP,EAAAO,MACLC,gBAAAP,OAAc,IAAAO,EAAA,KACdX,EAAKG,EAAAH,MACLY,EAAQT,EAAAS,SAEAC,EAAMC,MACRC,EAA8BC,EAAS,IAAtCC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAWC,EAAoB,MAErCC,GAAU,WACR,GAAIF,EAASG,QAAS,CACpB,IAAMC,EAAe,SAACC,SACpBA,EAAEC,iBACF,IAAMC,EAAsB,QAAfvB,EAAAqB,EAAEG,qBAAa,IAAAxB,OAAA,EAAAA,EAAEyB,QAAQ,cACtCC,SAASC,YAAY,cAAc,EAAOJ,IAEtCK,EAAaZ,EAASG,QAE5B,OADAS,EAAWC,iBAAiB,QAAST,GAC9B,WAAM,OAAAQ,EAAWE,oBAAoB,QAASV,OAEtD,CAACJ,IACJ,IAAMe,GAAe9B,aAAW,EAAXA,EAAa+B,KAAK,OAAQ,GAE/Cd,GAAU,iBACR,GAAIa,EAAc,CAChB,IAAME,EAA4B,QAAhBjC,EAAAgB,EAASG,eAAO,IAAAnB,OAAA,EAAAA,EAAEkC,UACpC,GAAID,EAAW,CACb,IAAME,EAAuB/B,EAAkB6B,EAAWhC,GACtDkC,IAAyBF,IAC3BxB,GAAYA,EAAS0B,GACrBpB,EAAcoB,QAInB,CAACJ,IAEJ,IAAMK,EAAsBC,EAC1BC,GAAS,SAACC,GACR,GAAIvB,EAASG,QAAS,CACpB,IAAMqB,EAAgB5C,EAAYoB,EAASG,QAAQe,UAAW,CAC5DnC,MAvDU,IAwDVE,YAAWA,IAEbQ,GAAYA,EAAS+B,GACrBzB,EAAcyB,MAEf,KACH,IASF,OANAtB,GAAU,WACRuB,YAAW,iBACS,QAAlBzC,EAAAgB,EAASG,eAAS,IAAAnB,GAAAA,EAAA0C,UACjB,OACF,IAGDC,EAACC,cAAAC,EAAsB,CAAAvC,UAAWA,EAAWC,MAAOA,GAClDoC,EAAAC,cAACE,EACC,CAAAC,KAAK,QACLlD,MAAOA,GAASiB,EAChBkC,KAAK,KACLC,MAAOvC,EAAE,oBACTwC,YACEP,gBAACQ,EAAe,CACdC,SAAUpC,EACVqC,KAAMxD,GAASiB,EACfL,SAAU,SAAC6C,GACT,GACEtC,EAASG,SACTH,EAASG,QAAQe,aAAerC,GAASiB,GACzC,CACA,IAAMyC,EAAe3D,EAAYoB,EAASG,QAAQe,UAAW,CAC3DjC,YAAWA,IAEbQ,GAAYA,EAAS8C,GACrBxC,EAAcwC,GACdnB,EAAoBpB,EAASG,QAAQe,aAGzC5B,UAAU,kBAIhBqC,EAAAC,cAACY,EAAI,CAACR,KAAK,KAAK1C,UAAU,gBACvBI,EAAE,6BAA8B,CAC/B+C,OAAuB,QAAhBC,EAAA1C,EAASG,eAAO,IAAAuC,OAAA,EAAAA,EAAExB,UAAUyB,SAAU,EAC7CC,IAtGU"}

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

@@ -0,0 +1,2 @@
+import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var e,r=o.div(e||(e=n(["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .title-input {\n    overflow: hidden;\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px #d9d9d9;\n    border-radius: 6px;\n    font-size: 16px;\n    line-height: 1.2;\n    white-space: nowrap;\n    :focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n    br {\n      display: none;\n    }\n    * {\n      display: inline;\n      white-space: nowrap;\n    }\n    mocka {\n      padding: 2px 6px;\n      border-radius: 1rem;\n      &[data-error='true'] {\n        background-color: #ffeeee;\n        color: red;\n        text-decoration: underline;\n        font-style: bold;\n      }\n    }\n    ol,\n    ul {\n      padding-left: 1rem;\n    }\n  }\n\n  label {\n    display: block;\n    margin-bottom: 5px;\n    color: ",";\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n"],["\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .title-input {\n    overflow: hidden;\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px #d9d9d9;\n    border-radius: 6px;\n    font-size: 16px;\n    line-height: 1.2;\n    white-space: nowrap;\n    :focus {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n    br {\n      display: none;\n    }\n    * {\n      display: inline;\n      white-space: nowrap;\n    }\n    mocka {\n      padding: 2px 6px;\n      border-radius: 1rem;\n      &[data-error='true'] {\n        background-color: #ffeeee;\n        color: red;\n        text-decoration: underline;\n        font-style: bold;\n      }\n    }\n    ol,\n    ul {\n      padding-left: 1rem;\n    }\n  }\n\n  label {\n    display: block;\n    margin-bottom: 5px;\n    color: ",";\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ",";\n    font-size: 11px;\n    text-align: right;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.colors.gray500}));export{r as StyledCreatePostTitle};
+//# sourceMappingURL=index.styled.js.map

package/build/esm/together/components/molecules/createPostTitle/index.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.js","sources":["../../../../../../src/together/components/molecules/createPostTitle/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledCreatePostTitle = styled.div`\n  input:focus,\n  textarea:focus,\n  [contenteditable='true'] {\n    outline: none;\n  }\n\n  .title-input {\n    overflow: hidden;\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px #d9d9d9;\n    border-radius: 6px;\n    font-size: 16px;\n    line-height: 1.2;\n    white-space: nowrap;\n    :focus {\n      border-color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n      box-shadow: 0px 0px 2px 2px\n        ${(props: ThemeProps) => props.theme.colors.blue200};\n    }\n    br {\n      display: none;\n    }\n    * {\n      display: inline;\n      white-space: nowrap;\n    }\n    mocka {\n      padding: 2px 6px;\n      border-radius: 1rem;\n      &[data-error='true'] {\n        background-color: #ffeeee;\n        color: red;\n        text-decoration: underline;\n        font-style: bold;\n      }\n    }\n    ol,\n    ul {\n      padding-left: 1rem;\n    }\n  }\n\n  label {\n    display: block;\n    margin-bottom: 5px;\n    color: ${(props: ThemeProps) => props.theme.colors.gray600};\n    font-size: 13px;\n    font-weight: bold;\n  }\n\n  .count-string {\n    margin-top: 5px;\n    color: ${(props: ThemeProps) => props.theme.colors.gray500};\n    font-size: 11px;\n    text-align: right;\n  }\n`\n"],"names":["StyledCreatePostTitle","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","primaryBase","blue200","gray600","gray500"],"mappings":"oHAGO,MAAMA,EAAwBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,uVAAA,iDAAA,ieAAA,+GAAA,0DAAA,CAAA,uVAiB4B,iDAEhB,ieA4BG,+GAOA,6DArCxC,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,eAEtD,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,WA4BvC,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,WAO1C,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI"}

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

@@ -0,0 +1,2 @@
+import{__awaiter as e,__generator as n,__assign as t}from"../../../../node_modules/tslib/tslib.es6.js";import i,{useContext as o,useState as s,useRef as a,useEffect as r}from"react";import{Button as l}from"../../../../components/atoms/button/index.js";import{Input as m}from"../../../../components/atoms/input/index.js";import{Text as c}from"../../../../components/atoms/text/index.js";import{useImagePicker as u}from"../../../../hooks/useImagesPicker.js";import{useTranslations as d}from"../../../../hooks/useTranslations.js";import{TogetherComponentGlobalContext as p}from"../../../togetherComponentGlobalContext.js";import{formatComment as g}from"../../../api/dataTransform.js";import v from"../../../assets/svg/icon-close-circle-line.svg.js";import f from"../../../assets/svg/icon-close-circle.svg.js";import y from"../../../assets/svg/icon-enter.svg.js";import h from"../../../assets/svg/icon-tab-edit-primary.svg.js";import{DEFAULT_AVATAR_IMG as E}from"../../../interfaces/constants.js";import{submitReply as N,submitComment as j,getCommentFormBody as b}from"../../../utils/apiActions/comment.js";import{CardLink as k}from"../../atoms/cardLink/index.js";import{Loading as C}from"../../atoms/loading/index.js";import{UserAvatar as I}from"../../atoms/userAvatar/index.js";import{RichTextEditor as w}from"../createPostDescription/editor.js";import{StyledInputCommentBar as x}from"./index.styled.js";import{MainInputTriggerContext as S}from"./mainInputTriggerContext.js";var T=function(T){var F=T.isReply,R=T.className,U=T.onClose,z=T.replyToName,P=T.style,D=T.replyingId,M=T.replyingUser,A=T.onPostSuccess;T.isMainCmt;var B=T.post,L=T.isMarryBaby,W=o(p),_=W.action,G=_.pushNotifications,H=_.sanitizeFunction,J=W.data,O=J.userInfo,V=J.locale,q=J.env.isMarryBaby,K="boolean"==typeof L?L:q,Q=d().t,X=u(),Y=X.onSelectImages,Z=X.onRemoveImage,$=X.imageSrcs,ee=X.onRemoveAllImages,ne=X.imageFiles,te=s(""),ie=te[0],oe=te[1],se=o(S).trigger,ae=s(!1),re=ae[0],le=ae[1],me=a(null),ce=a(null),ue=a(null),de=s([]),pe=de[0],ge=de[1],ve=s([]),fe=ve[0],ye=ve[1],he=s(null),Ee=he[0],Ne=he[1];return r((function(){var e;null===(e=ue.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((function(){var e;null===(e=ce.current)||void 0===e||e.focus()}),400)}),[se]),i.createElement(x,{"data-is-reply":F,className:R,style:P},F&&i.createElement("div",{className:"reply-to-container"},i.createElement(c,{size:"p4"},i.createElement("span",{dangerouslySetInnerHTML:{__html:Q("inputComment.replyTo",{name:'<span style="color: #2D87F3; cursor: pointer">@'.concat(z||"","</span>")})}})),i.createElement("img",{src:v,className:"icon-close-comment",onClick:function(){return U&&U()}})),i.createElement("div",{className:"input-container",ref:ue},i.createElement(I,{className:"avatar-wrapper ".concat(F?"avatar-wrapper-reply":""),avatar:(null==O?void 0:O.id)?O.avatar:E,username:(null==O?void 0:O.name)||(null==O?void 0:O.username)}),i.createElement("input",{ref:me,onChange:Y,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),i.createElement(m,{value:ie,name:"input",size:"md",className:"input-wrapper",displayIcon:i.createElement("img",{src:h}),CustomInput:i.createElement("div",{className:"as-input"},i.createElement(w,{className:"textarea",html:ie,onChange:oe,onImagePickerClick:function(){var e;return null===(e=me.current)||void 0===e?void 0:e.click()},bannedWords:fe,onPreviewUrlChange:Ne,onInvalidUrlsChange:ge,setEditorRef:function(e){return ce.current=e},isReplying:F}))}),i.createElement(l,{theme:K?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:function(){return e(void 0,void 0,void 0,(function(){var e,i,o,s,a,r,l,m,c,u,d,p,v;return n(this,(function(n){switch(n.label){case 0:if(!(null==B?void 0:B.id)||re)return[2];le(!0),n.label=1;case 1:return n.trys.push([1,4,,5]),e=function(e){oe(""),ee(),U&&U();var n=g(e.data);"string"==typeof n.images&&(n.images=JSON.parse(n.images)),A&&A(n)},[4,b(t({message:ie,photos:ne,postId:String(B.id),link:null==Ee?void 0:Ee.url,sanitizeFunction:H,locale:V},F&&D?{replyingUserId:String((null==M?void 0:M.id)||(null===(a=null==B?void 0:B.author)||void 0===a?void 0:a.id)||""),replyingId:D,replyingUserName:(null==M?void 0:M.name)||(null==M?void 0:M.username)||""}:{}))];case 2:return i=n.sent(),[4,F&&D?N(i,V):j(i,V)];case 3:return o=n.sent(),(null==(s=null==o?void 0:o.data)?void 0:s.id)&&!(null===(l=null===(r=null==o?void 0:o.messages)||void 0===r?void 0:r.moderation)||void 0===l?void 0:l.type)?e(o):"banned"===(null===(c=null===(m=null==o?void 0:o.messages)||void 0===m?void 0:m.moderation)||void 0===c?void 0:c.type)?(G({title:Q("notification.comment.blocked.title"),message:Q("notification.comment.blocked.message"),type:"danger"}),o.messages.moderation.words&&ye(o.messages.moderation.words)):"suspect"===(null===(d=null===(u=null==o?void 0:o.messages)||void 0===u?void 0:u.moderation)||void 0===d?void 0:d.type)?(G({title:Q("notification.comment.suspect.title"),message:Q("notification.comment.suspect.message"),type:"warning"}),oe(""),ee(),U&&U()):(null===(p=null==o?void 0:o.messages)||void 0===p?void 0:p.find((function(e){var n;return!!(null===(n=null==e?void 0:e.includes)||void 0===n?void 0:n.call(e,"suspend"))})))?(G({message:Q("notification.suspend.message"),type:"warning"}),oe(""),ee(),U&&U()):G({title:"",message:(null===(v=null==o?void 0:o.messages)||void 0===v?void 0:v[0])||Q("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 4:return n.sent(),G({title:"",message:Q("notification.comment.somethingWrong"),type:"danger"}),[3,5];case 5:return le(!1),[2]}}))}))},isLoading:re,isDisabled:!!(null==pe?void 0:pe.length)||re||!ie||(null==ie?void 0:ie.length)<2||!ie.trim()},i.createElement("img",{src:y,className:"icon-enter"}))),(null==pe?void 0:pe.length)?i.createElement("div",{className:"error-text"},Q("notification.limitUrlDomain")):null,(!$||0===$.length)&&Ee&&i.createElement("div",{className:"link-preview-wrapper"},Ee.isFetching?i.createElement(C,null):i.createElement(i.Fragment,null,i.createElement(k,{title:Ee.title,url:Ee.url||"#",image:Ee.image,noRefetch:!0}),i.createElement("img",{src:f,className:"icon-close",onClick:function(){return Ne(null)}}))),$&&$.length>0&&i.createElement("div",{className:"preview-images-container"},$.map((function(e,n){return i.createElement("div",{key:n,className:"image-src-wrapper"},i.createElement("img",{className:"preview-image",src:e}),i.createElement("img",{src:f,className:"icon-close-circle",onClick:function(){return Z(n)}}))}))))};export{T as InputCommentBar};
+//# sourceMappingURL=index.js.map

package/build/esm/together/components/molecules/inputCommentBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/together/components/molecules/inputCommentBar/index.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport { Button } from 'components/atoms/button'\nimport { Input } from 'components/atoms/input'\nimport { Text } from 'components/atoms/text'\nimport { useImagePicker } from 'hooks/useImagesPicker'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { TogetherComponentGlobalContext } from 'together/togetherComponentGlobalContext'\n\nimport { formatComment } from '../../../api/dataTransform'\nimport IconCloseCircleLine from '../../../assets/svg/icon-close-circle-line.svg'\nimport IconCloseCircle from '../../../assets/svg/icon-close-circle.svg'\nimport IconEnter from '../../../assets/svg/icon-enter.svg'\nimport IconTabEditPrimary from '../../../assets/svg/icon-tab-edit-primary.svg'\nimport { DEFAULT_AVATAR_IMG } from '../../../interfaces/constants'\nimport { Comment, Post, UserInfo } from '../../../interfaces/types'\nimport {\n  getCommentFormBody,\n  submitComment,\n  submitReply,\n} from '../../../utils/apiActions/comment'\nimport { CardLink } from '../../atoms/cardLink'\nimport { Loading } from '../../atoms/loading'\nimport { UserAvatar } from '../../atoms/userAvatar'\nimport { RichTextEditor } from '../createPostDescription/editor'\nimport { StyledInputCommentBar } from './index.styled'\nimport { MainInputTriggerContext } from './mainInputTriggerContext'\n\nexport type Props = {\n  className?: string\n  onClose?: () => void\n  replyToName?: string\n  replyToUrl?: string\n  replyingId?: string\n  replyingUser?: UserInfo\n  replyingUserExpertId?: string\n  style?: CSSProperties\n  onPostSuccess?: (c: Comment) => void\n  isMainCmt?: boolean\n  post?: Post\n  isReply?: boolean\n  isMarryBaby?: boolean\n}\nconst InputCommentBar = ({\n  isReply,\n  className,\n  onClose,\n  replyToName,\n  style,\n  replyingId,\n  replyingUser,\n  onPostSuccess,\n  isMainCmt = false,\n  post,\n  isMarryBaby: isMarryBabyProp,\n}: Props) => {\n  const {\n    action: { pushNotifications, sanitizeFunction },\n    data: {\n      userInfo,\n      locale,\n      env: { isMarryBaby: isMarryBabyContext },\n    },\n  } = useContext(TogetherComponentGlobalContext)\n  const isMarryBaby =\n    typeof isMarryBabyProp === 'boolean' ? isMarryBabyProp : isMarryBabyContext\n  const { t } = useTranslations()\n\n  const {\n    onSelectImages,\n    onRemoveImage,\n    imageSrcs,\n    onRemoveAllImages,\n    imageFiles,\n  } = useImagePicker()\n  const [text, setText] = useState<string>('')\n  const { trigger } = useContext(MainInputTriggerContext)\n  const [isSubmitLoading, setIsSubmitLoading] = useState<boolean>(false)\n  const imagePicker = useRef<HTMLInputElement>(null)\n  const contentEditable = useRef<HTMLElement | null>(null)\n  const mainInput = useRef<HTMLDivElement>(null)\n\n  const [invalidUrls, setInvalidUrls] = useState<string[]>([])\n  const [bannedWords, setBannedWords] = useState<string[]>([])\n  const [previewUrl, setPreviewUrl] = useState<{\n    title?: string\n    url?: string\n    image?: string\n    rawUrl?: string\n    description?: string\n    isFetching?: boolean\n  } | null>(null)\n\n  const onSubmitComment = async () => {\n    if (!post?.id || isSubmitLoading) return\n    setIsSubmitLoading(true)\n    try {\n      const handleSuccess = (res: any) => {\n        setText('')\n        onRemoveAllImages()\n        onClose && onClose()\n        const newComment = formatComment(res.data)\n        if (typeof newComment.images === 'string') {\n          newComment.images = JSON.parse(newComment.images)\n        }\n        onPostSuccess && onPostSuccess(newComment)\n      }\n\n      const formBody = await getCommentFormBody({\n        message: text,\n        photos: imageFiles as File[],\n\n        postId: String(post.id),\n        link: previewUrl?.url,\n        sanitizeFunction,\n        locale,\n        ...(isReply && replyingId\n          ? {\n              replyingUserId: String(\n                replyingUser?.id || post?.author?.id || '',\n              ),\n              replyingId,\n              replyingUserName:\n                replyingUser?.name || replyingUser?.username || '',\n            }\n          : {}),\n      })\n\n      const res = await (isReply && replyingId\n        ? submitReply(formBody, locale)\n        : submitComment(formBody, locale))\n\n      const resData = res?.data\n      if (resData?.id && !res?.messages?.moderation?.type) {\n        handleSuccess(res)\n      } else {\n        if (res?.messages?.moderation?.type === 'banned') {\n          pushNotifications({\n            title: t('notification.comment.blocked.title'),\n            message: t('notification.comment.blocked.message'),\n            type: 'danger',\n          })\n          if (res.messages.moderation.words) {\n            setBannedWords(res.messages.moderation.words)\n          }\n        } else if (res?.messages?.moderation?.type === 'suspect') {\n          pushNotifications({\n            title: t('notification.comment.suspect.title'),\n            message: t('notification.comment.suspect.message'),\n            type: 'warning',\n          })\n          setText('')\n          onRemoveAllImages()\n          onClose && onClose()\n        } else if (\n          res?.messages?.find((m: string) => !!m?.includes?.('suspend'))\n        ) {\n          pushNotifications({\n            message: t('notification.suspend.message'),\n            type: 'warning',\n          })\n          setText('')\n          onRemoveAllImages()\n          onClose && onClose()\n        } else {\n          pushNotifications({\n            title: '',\n            message:\n              res?.messages?.[0] || t('notification.comment.somethingWrong'),\n            type: 'danger',\n          })\n        }\n      }\n    } catch (e) {\n      pushNotifications({\n        title: '',\n        message: t('notification.comment.somethingWrong'),\n        type: 'danger',\n      })\n    }\n    setIsSubmitLoading(false)\n  }\n\n  useEffect(() => {\n    mainInput.current?.scrollIntoView({\n      behavior: 'smooth',\n      block: 'start',\n    })\n    setTimeout(() => {\n      contentEditable.current?.focus()\n    }, 400)\n  }, [trigger])\n\n  return (\n    <StyledInputCommentBar\n      data-is-reply={isReply}\n      className={className}\n      style={style}\n    >\n      {isReply && (\n        <div className=\"reply-to-container\">\n          <Text size=\"p4\">\n            <span\n              dangerouslySetInnerHTML={{\n                __html: t('inputComment.replyTo', {\n                  name: `<span style=\"color: #2D87F3; cursor: pointer\">@${\n                    replyToName || ''\n                  }</span>`,\n                }),\n              }}\n            ></span>\n          </Text>\n          <img\n            src={IconCloseCircleLine}\n            className=\"icon-close-comment\"\n            onClick={() => onClose && onClose()}\n          />\n        </div>\n      )}\n      <div className=\"input-container\" ref={mainInput}>\n        <UserAvatar\n          className={`avatar-wrapper ${isReply ? 'avatar-wrapper-reply' : ''}`}\n          avatar={userInfo?.id ? userInfo.avatar : DEFAULT_AVATAR_IMG}\n          username={userInfo?.name || userInfo?.username}\n        />\n        <input\n          ref={imagePicker}\n          onChange={onSelectImages}\n          type=\"file\"\n          multiple\n          accept=\"image/png,image/jpeg\"\n          name=\"images\"\n          style={{ display: 'none' }}\n        />\n        <Input\n          // actionIcon={\n          //   !isPost ? (\n          //     <label className=\"images-input-label\">\n          //       <img\n          //         className=\"icon-images-input\"\n          //         src=\"./svg/icon-image-input.svg\"\n          //       />\n          //       <input\n          //         onChange={onSelectImages}\n          //         type=\"file\"\n          //         multiple\n          //         accept=\"image/png,image/jpeg\"\n          //         name=\"images\"\n          //         style={{ display: 'none' }}\n          //       />\n          //     </label>\n          //   ) : undefined\n          // }\n          value={text}\n          name=\"input\"\n          size=\"md\"\n          className=\"input-wrapper\"\n          displayIcon={<img src={IconTabEditPrimary} />}\n          CustomInput={\n            <div className=\"as-input\">\n              <RichTextEditor\n                className=\"textarea\"\n                html={text}\n                onChange={setText}\n                onImagePickerClick={() => imagePicker.current?.click()}\n                bannedWords={bannedWords}\n                onPreviewUrlChange={setPreviewUrl}\n                onInvalidUrlsChange={setInvalidUrls}\n                setEditorRef={(div) => (contentEditable.current = div)}\n                isReplying={isReply}\n              />\n            </div>\n          }\n        ></Input>\n\n        <Button\n          theme={isMarryBaby ? 'marryBaby' : 'helloSites'}\n          className=\"send-button\"\n          size=\"sm\"\n          onClick={onSubmitComment}\n          isLoading={isSubmitLoading}\n          isDisabled={\n            !!invalidUrls?.length ||\n            isSubmitLoading ||\n            !text ||\n            text?.length < 2 ||\n            !text.trim()\n          }\n        >\n          <img src={IconEnter} className=\"icon-enter\" />\n        </Button>\n      </div>\n      {!!invalidUrls?.length ? (\n        <div className=\"error-text\">{t('notification.limitUrlDomain')}</div>\n      ) : null}\n      {(!imageSrcs || imageSrcs.length === 0) && previewUrl && (\n        <div className=\"link-preview-wrapper\">\n          {previewUrl.isFetching ? (\n            <Loading />\n          ) : (\n            <>\n              <CardLink\n                title={previewUrl.title}\n                url={previewUrl.url || '#'}\n                image={previewUrl.image}\n                noRefetch\n              />\n              <img\n                src={IconCloseCircle}\n                className=\"icon-close\"\n                onClick={() => setPreviewUrl(null)}\n              />\n            </>\n          )}\n        </div>\n      )}\n      {imageSrcs && imageSrcs.length > 0 && (\n        <div className=\"preview-images-container\">\n          {imageSrcs.map((src, index) => (\n            <div key={index} className=\"image-src-wrapper\">\n              <img className=\"preview-image\" src={src} />\n              <img\n                src={IconCloseCircle}\n                className=\"icon-close-circle\"\n                onClick={() => onRemoveImage(index)}\n              />\n            </div>\n          ))}\n        </div>\n      )}\n    </StyledInputCommentBar>\n  )\n}\n\nexport { InputCommentBar }\n"],"names":["InputCommentBar","_a","isReply","className","onClose","replyToName","style","replyingId","replyingUser","onPostSuccess","post","isMarryBabyProp","isMarryBaby","_c","useContext","TogetherComponentGlobalContext","_d","action","pushNotifications","sanitizeFunction","_e","data","userInfo","locale","isMarryBabyContext","env","t","useTranslations","_f","useImagePicker","onSelectImages","onRemoveImage","imageSrcs","onRemoveAllImages","imageFiles","_g","useState","text","setText","trigger","MainInputTriggerContext","_h","isSubmitLoading","setIsSubmitLoading","imagePicker","useRef","contentEditable","mainInput","_j","invalidUrls","setInvalidUrls","_k","bannedWords","setBannedWords","_l","previewUrl","setPreviewUrl","useEffect","current","scrollIntoView","behavior","block","setTimeout","focus","React","createElement","StyledInputCommentBar","Text","size","dangerouslySetInnerHTML","__html","name","concat","src","IconCloseCircleLine","onClick","ref","UserAvatar","avatar","id","DEFAULT_AVATAR_IMG","username","onChange","type","multiple","accept","display","Input","value","displayIcon","IconTabEditPrimary","CustomInput","RichTextEditor","html","onImagePickerClick","click","onPreviewUrlChange","onInvalidUrlsChange","setEditorRef","div","isReplying","Button","theme","__awaiter","handleSuccess","res","newComment","formatComment","images","JSON","parse","getCommentFormBody","__assign","message","photos","postId","String","link","url","replyingUserId","author","replyingUserName","formBody","sent","submitReply","submitComment","resData","messages","_b","moderation","title","words","find","m","includes","call","isLoading","isDisabled","length","trim","IconEnter","isFetching","Loading","Fragment","CardLink","image","noRefetch","IconCloseCircle","map","index","key"],"mappings":"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"}