@hhgtech/hhg-components 1.18.49 → 1.18.52

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

@@ -1 +0,0 @@
-{"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":["_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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"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,r=i(require("styled-components")).default.div(t||(t=n.__makeTemplateObject(["\n  padding: 1rem;\n  border-top: 1px solid #f2f2f2;\n  &[data-is-reply='true'] {\n    padding-right: 0;\n    padding-left: 0;\n    border-top: 1px solid #e4e8ec;\n    margin-right: 1rem;\n    margin-left: 1rem;\n  }\n  .error-text {\n    padding: 1rem;\n    color: ",";\n  }\n  .reply-to-container {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 0.75rem;\n    margin-top: -0.25rem;\n    .icon-close-comment {\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  .input-container {\n    display: flex;\n    align-items: center;\n    .avatar-wrapper {\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      margin-right: 0.5rem;\n      &.avatar-wrapper-reply {\n        width: 32px;\n        height: 32px;\n        .avatar {\n          width: 32px;\n          height: 32px;\n        }\n      }\n    }\n    .input-wrapper {\n      margin-right: 0.5rem;\n      &[data-has-error] {\n        .as-input {\n          border-color: ",";\n        }\n      }\n\n      .as-input {\n        .textarea {\n          width: 100%;\n          max-height: 225px;\n          min-height: 75px;\n          .ql-toolbar {\n            padding: 0;\n          }\n          .ql-editor {\n            padding-left: 0;\n            padding-right: 0;\n          }\n          .quill {\n            height: 0;\n          }\n        }\n        width: 100%;\n        padding: 12px 16px;\n        border: solid 1px ",";\n        border-radius: 6px;\n\n        &:active,\n        &:focus {\n          border-color: ",";\n          box-shadow: 0px 0px 2px 2px\n            ",";\n        }\n\n        &:disabled {\n          background-color: ",";\n          cursor: not-allowed;\n        }\n\n        span {\n          &[data-error='true'] {\n            color: red;\n            text-decoration: underline;\n          }\n        }\n      }\n\n      &[data-has-action-icon] {\n        .as-input {\n          padding: 12px 48px 12px 16px;\n        }\n      }\n      &[data-has-display-icon] {\n        .as-input {\n          padding: 12px 16px 12px 48px;\n        }\n      }\n\n      &[data-has-action-icon][data-has-display-icon] {\n        .as-input {\n          padding: 12px 48px;\n        }\n      }\n\n      &[data-size='lg'] {\n        .as-input {\n          font-size: 16px;\n          font-weight: ",";\n          "," {\n            font-size: 22px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 26px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='md'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 22px;\n          "," {\n            font-size: 14px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 16px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='sm'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 20px;\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n        }\n      }\n    }\n    .images-input-label {\n      height: 100%;\n      cursor: pointer;\n      .icon-images-input {\n        width: 24px;\n        height: 24px;\n        vertical-align: middle;\n      }\n    }\n    .send-button {\n      display: flex;\n      width: 40px;\n      height: 40px;\n      flex-shrink: 0;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      border: none;\n      &.send-button-post {\n        background: ",";\n        border-radius: 50%;\n      }\n      .icon-enter {\n        width: 20px;\n        height: 20px;\n        vertical-align: middle;\n      }\n      &[data-is-loading='true'] {\n        > div {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n      }\n    }\n  }\n  .preview-images-container {\n    margin-top: 1rem;\n    .image-src-wrapper {\n      position: relative;\n      width: 100%;\n      padding-top: 66.67%;\n      &:not(:last-child) {\n        margin-bottom: 1rem;\n      }\n      .preview-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n      .icon-close-circle {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        width: 20px;\n        height: 20px;\n        cursor: pointer;\n      }\n    }\n  }\n"],["\n  padding: 1rem;\n  border-top: 1px solid #f2f2f2;\n  &[data-is-reply='true'] {\n    padding-right: 0;\n    padding-left: 0;\n    border-top: 1px solid #e4e8ec;\n    margin-right: 1rem;\n    margin-left: 1rem;\n  }\n  .error-text {\n    padding: 1rem;\n    color: ",";\n  }\n  .reply-to-container {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 0.75rem;\n    margin-top: -0.25rem;\n    .icon-close-comment {\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  .input-container {\n    display: flex;\n    align-items: center;\n    .avatar-wrapper {\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      margin-right: 0.5rem;\n      &.avatar-wrapper-reply {\n        width: 32px;\n        height: 32px;\n        .avatar {\n          width: 32px;\n          height: 32px;\n        }\n      }\n    }\n    .input-wrapper {\n      margin-right: 0.5rem;\n      &[data-has-error] {\n        .as-input {\n          border-color: ",";\n        }\n      }\n\n      .as-input {\n        .textarea {\n          width: 100%;\n          max-height: 225px;\n          min-height: 75px;\n          .ql-toolbar {\n            padding: 0;\n          }\n          .ql-editor {\n            padding-left: 0;\n            padding-right: 0;\n          }\n          .quill {\n            height: 0;\n          }\n        }\n        width: 100%;\n        padding: 12px 16px;\n        border: solid 1px ",";\n        border-radius: 6px;\n\n        &:active,\n        &:focus {\n          border-color: ",";\n          box-shadow: 0px 0px 2px 2px\n            ",";\n        }\n\n        &:disabled {\n          background-color: ",";\n          cursor: not-allowed;\n        }\n\n        span {\n          &[data-error='true'] {\n            color: red;\n            text-decoration: underline;\n          }\n        }\n      }\n\n      &[data-has-action-icon] {\n        .as-input {\n          padding: 12px 48px 12px 16px;\n        }\n      }\n      &[data-has-display-icon] {\n        .as-input {\n          padding: 12px 16px 12px 48px;\n        }\n      }\n\n      &[data-has-action-icon][data-has-display-icon] {\n        .as-input {\n          padding: 12px 48px;\n        }\n      }\n\n      &[data-size='lg'] {\n        .as-input {\n          font-size: 16px;\n          font-weight: ",";\n          "," {\n            font-size: 22px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 26px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='md'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 22px;\n          "," {\n            font-size: 14px;\n            line-height: 1.2;\n          }\n\n          "," {\n            font-size: 16px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='sm'] {\n        .as-input {\n          font-weight: ",";\n          line-height: 20px;\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n\n          "," {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n        }\n      }\n    }\n    .images-input-label {\n      height: 100%;\n      cursor: pointer;\n      .icon-images-input {\n        width: 24px;\n        height: 24px;\n        vertical-align: middle;\n      }\n    }\n    .send-button {\n      display: flex;\n      width: 40px;\n      height: 40px;\n      flex-shrink: 0;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      border: none;\n      &.send-button-post {\n        background: ",";\n        border-radius: 50%;\n      }\n      .icon-enter {\n        width: 20px;\n        height: 20px;\n        vertical-align: middle;\n      }\n      &[data-is-loading='true'] {\n        > div {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n      }\n    }\n  }\n  .preview-images-container {\n    margin-top: 1rem;\n    .image-src-wrapper {\n      position: relative;\n      width: 100%;\n      padding-top: 66.67%;\n      &:not(:last-child) {\n        margin-bottom: 1rem;\n      }\n      .preview-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n      .icon-close-circle {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        width: 20px;\n        height: 20px;\n        cursor: pointer;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.red700}),(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.gray100}),(function(n){return n.theme.sizes.fwRegular}),e.MediaQueries.mbDown,e.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),e.MediaQueries.mbDown,e.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),e.MediaQueries.mbDown,e.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral100}));exports.StyledInputCommentBar=r;
-//# sourceMappingURL=index.styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.js","sources":["../../../../../src/together/components/molecules/inputCommentBar/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledInputCommentBar = styled.div`\n  padding: 1rem;\n  border-top: 1px solid #f2f2f2;\n  &[data-is-reply='true'] {\n    padding-right: 0;\n    padding-left: 0;\n    border-top: 1px solid #e4e8ec;\n    margin-right: 1rem;\n    margin-left: 1rem;\n  }\n  .error-text {\n    padding: 1rem;\n    color: ${(props: ThemeProps) => props.theme.colors.red700};\n  }\n  .reply-to-container {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 0.75rem;\n    margin-top: -0.25rem;\n    .icon-close-comment {\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  .input-container {\n    display: flex;\n    align-items: center;\n    .avatar-wrapper {\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      margin-right: 0.5rem;\n      &.avatar-wrapper-reply {\n        width: 32px;\n        height: 32px;\n        .avatar {\n          width: 32px;\n          height: 32px;\n        }\n      }\n    }\n    .input-wrapper {\n      margin-right: 0.5rem;\n      &[data-has-error] {\n        .as-input {\n          border-color: ${(props: ThemeProps) => props.theme.colors.red700};\n        }\n      }\n\n      .as-input {\n        .textarea {\n          width: 100%;\n          max-height: 225px;\n          min-height: 75px;\n          .ql-toolbar {\n            padding: 0;\n          }\n          .ql-editor {\n            padding-left: 0;\n            padding-right: 0;\n          }\n          .quill {\n            height: 0;\n          }\n        }\n        width: 100%;\n        padding: 12px 16px;\n        border: solid 1px ${(props: ThemeProps) => props.theme.colors.gray200};\n        border-radius: 6px;\n\n        &:active,\n        &:focus {\n          border-color: ${(props: ThemeProps) =>\n            props.theme.colors.primaryBase};\n          box-shadow: 0px 0px 2px 2px\n            ${(props: ThemeProps) => props.theme.colors.blue200};\n        }\n\n        &:disabled {\n          background-color: ${(props: ThemeProps) =>\n            props.theme.colors.gray100};\n          cursor: not-allowed;\n        }\n\n        span {\n          &[data-error='true'] {\n            color: red;\n            text-decoration: underline;\n          }\n        }\n      }\n\n      &[data-has-action-icon] {\n        .as-input {\n          padding: 12px 48px 12px 16px;\n        }\n      }\n      &[data-has-display-icon] {\n        .as-input {\n          padding: 12px 16px 12px 48px;\n        }\n      }\n\n      &[data-has-action-icon][data-has-display-icon] {\n        .as-input {\n          padding: 12px 48px;\n        }\n      }\n\n      &[data-size='lg'] {\n        .as-input {\n          font-size: 16px;\n          font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n          ${MediaQueries.mbDown} {\n            font-size: 22px;\n            line-height: 1.2;\n          }\n\n          ${MediaQueries.mbUp} {\n            font-size: 26px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='md'] {\n        .as-input {\n          font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n          line-height: 22px;\n          ${MediaQueries.mbDown} {\n            font-size: 14px;\n            line-height: 1.2;\n          }\n\n          ${MediaQueries.mbUp} {\n            font-size: 16px;\n            line-height: 1.2;\n          }\n        }\n      }\n      &[data-size='sm'] {\n        .as-input {\n          font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n          line-height: 20px;\n          ${MediaQueries.mbDown} {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n\n          ${MediaQueries.mbUp} {\n            font-size: 13px;\n            line-height: 1.5;\n          }\n        }\n      }\n    }\n    .images-input-label {\n      height: 100%;\n      cursor: pointer;\n      .icon-images-input {\n        width: 24px;\n        height: 24px;\n        vertical-align: middle;\n      }\n    }\n    .send-button {\n      display: flex;\n      width: 40px;\n      height: 40px;\n      flex-shrink: 0;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      border: none;\n      &.send-button-post {\n        background: ${(props: ThemeProps) => props.theme.colors.neutral100};\n        border-radius: 50%;\n      }\n      .icon-enter {\n        width: 20px;\n        height: 20px;\n        vertical-align: middle;\n      }\n      &[data-is-loading='true'] {\n        > div {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n      }\n    }\n  }\n  .preview-images-container {\n    margin-top: 1rem;\n    .image-src-wrapper {\n      position: relative;\n      width: 100%;\n      padding-top: 66.67%;\n      &:not(:last-child) {\n        margin-bottom: 1rem;\n      }\n      .preview-image {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n      .icon-close-circle {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        width: 20px;\n        height: 20px;\n        cursor: pointer;\n      }\n    }\n  }\n`\n"],"names":["StyledInputCommentBar","div","templateObject_1","__makeTemplateObject","props","theme","colors","red700","gray200","primaryBase","blue200","gray100","sizes","fwRegular","MediaQueries","mbDown","mbUp","neutral100"],"mappings":"sPAIaA,kCAA8B,QAACC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,6QAAA,oxBAAA,ycAAA,mGAAA,yDAAA,qEAAA,wpBAAA,gBAAA,6FAAA,4KAAA,8CAAA,6FAAA,4KAAA,8CAAA,6FAAA,4iBAAA,k5BAAA,CAAA,6QAYc,oxBAqCa,ycAsBG,mGAMnC,yDAEqB,qEAKzB,wpBAgCqC,gBAC5C,6FAKF,4KAQ8C,8CAE5C,6FAKF,4KAQ8C,8CAE5C,6FAKF,4iBA0B6C,q5BAtK7D,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,UAqC7B,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,UAsBxC,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,WAK5C,SAACJ,GACf,OAAAA,EAAMC,MAAMC,OAAOG,eAEjB,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,WAI1B,SAACN,GACnB,OAAAA,EAAMC,MAAMC,OAAOK,WAgCN,SAACP,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,YACtDC,EAAAA,aAAaC,OAKbD,EAAYA,aAACE,MAQA,SAACZ,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,YAEtDC,eAAaC,OAKbD,EAAAA,aAAaE,MAQA,SAACZ,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,YAEtDC,EAAYA,aAACC,OAKbD,eAAaE,MA0BH,SAACZ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOW"}

package/build/together/components/molecules/inputCommentBar/mainInputTriggerContext.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react").createContext({});exports.MainInputTriggerContext=e;
-//# sourceMappingURL=mainInputTriggerContext.js.map

package/build/together/components/molecules/inputCommentBar/mainInputTriggerContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mainInputTriggerContext.js","sources":["../../../../../src/together/components/molecules/inputCommentBar/mainInputTriggerContext.tsx"],"sourcesContent":["import React, { createContext, ReactNode, useState } from 'react'\n\nexport type Context = {\n  trigger?: boolean\n  onTrigger?: () => void\n}\n\nexport const MainInputTriggerContext = createContext({} as Context)\n\nexport const MainInputTriggerContextProvider = ({\n  children,\n}: {\n  children?: ReactNode\n}) => {\n  const [trigger, setTrigger] = useState(false)\n  return (\n    <MainInputTriggerContext.Provider\n      value={{\n        trigger,\n        onTrigger: () => setTrigger((v) => !v),\n      }}\n    >\n      {children}\n    </MainInputTriggerContext.Provider>\n  )\n}\n"],"names":["MainInputTriggerContext","createContext"],"mappings":"wEAOaA,mBAAuCC,cAAC"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/button/index.js"),a=require("../../../../components/atoms/heading/index.js"),n=require("../../../../components/atoms/text/index.js"),r=require("../../../../misc/utils.js"),o=require("react-dom"),l=require("../../../togetherComponentGlobalContext.js"),c=require("../popupFrame/index.js"),i=require("./index.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var m=s(e),d=u(o);exports.PopupDanger=function(o){var s=o.className,u=o.isMarryBaby,f=o.style,p=o.title,b=o.description,y=o.acceptText,g=o.cancelText,h=o.onAccept,E=o.thumbnail,j=o.isThumbnailIcon,x=o.onClose,N=e.useContext(l.TogetherComponentGlobalContext).data.env.isMarryBaby,v="boolean"==typeof u?u:N,C=e.useState(!1),q=C[0],O=C[1];return e.useEffect((function(){return r.toggleNoScroll(!0),setTimeout((function(){return O(!0)}),0),function(){return r.toggleNoScroll(!1)}}),[]),d.createPortal(m.default.createElement(i.StyledPopupDanger,{"data-is-marrybaby":v,className:s,style:f,"data-open":q},m.default.createElement(c.PopupFrame,{className:"popup-frame",isOpen:q,onClose:x},m.default.createElement("div",{className:"confirm-dialog",onClick:function(e){return e.stopPropagation()}},m.default.createElement("div",{className:"confirm-content"},E&&m.default.createElement("div",{className:"thumbnail-container ".concat(j?"is-icon":"")},m.default.createElement("img",{className:"thumbnail",src:E})),m.default.createElement(a.Heading,{className:"title",tag:"h2"},p),m.default.createElement(n.Text,{className:"desc",size:"lg"},b),m.default.createElement("div",{className:"btn-group"},m.default.createElement(t.Button,{theme:v?"marryBaby":"helloSites",size:"md",color:"secondary",onClick:function(){null==h||h(),null==x||x()}},y),m.default.createElement(t.Button,{theme:v?"marryBaby":"helloSites",size:"md",onClick:x},g)))),v&&E&&m.default.createElement("div",{className:"thumbnail-container is-mobile ".concat(j?"is-icon":"")},m.default.createElement("img",{className:"thumbnail",src:E})))),document.body)};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/together/components/molecules/popupDanger/index.tsx"],"sourcesContent":["import React, { CSSProperties, useContext, useEffect, useState } from 'react'\n\nimport { Button } from 'components/atoms/button'\nimport { Heading } from 'components/atoms/heading'\nimport { Text } from 'components/atoms/text'\nimport { toggleNoScroll } from 'misc/utils'\nimport * as ReactDOM from 'react-dom'\nimport { TogetherComponentGlobalContext } from 'together/togetherComponentGlobalContext'\n\nimport { PopupFrame } from '../popupFrame/index'\nimport { StyledPopupDanger } from './index.styled'\n\nexport type Props = {\n  className?: string\n  style?: CSSProperties\n  isMarryBaby?: boolean\n  title?: string\n  description?: string\n  acceptText?: string\n  cancelText?: string\n  onAccept?: () => void\n  thumbnail?: string\n  isThumbnailIcon?: boolean\n  onClose?: () => void\n}\n\nexport const PopupDanger = ({\n  className,\n  isMarryBaby: isMarryBabyProp,\n  style,\n  title,\n  description,\n  acceptText,\n  cancelText,\n  onAccept,\n  thumbnail,\n  isThumbnailIcon,\n  onClose,\n}: Props) => {\n  const {\n    data: {\n      env: { isMarryBaby: isMarryBabyContext },\n    },\n  } = useContext(TogetherComponentGlobalContext)\n  const isMarryBaby =\n    typeof isMarryBabyProp === 'boolean' ? isMarryBabyProp : isMarryBabyContext\n  const [isOpen, setIsOpen] = useState(false)\n  useEffect(() => {\n    toggleNoScroll(true)\n    setTimeout(() => setIsOpen(true), 0)\n    return () => toggleNoScroll(false)\n  }, [])\n  return ReactDOM.createPortal(\n    <StyledPopupDanger\n      data-is-marrybaby={isMarryBaby}\n      className={className}\n      style={style}\n      data-open={isOpen}\n    >\n      <PopupFrame className=\"popup-frame\" isOpen={isOpen} onClose={onClose}>\n        <div className=\"confirm-dialog\" onClick={(e) => e.stopPropagation()}>\n          <div className=\"confirm-content\">\n            {thumbnail && (\n              <div\n                className={`thumbnail-container ${\n                  isThumbnailIcon ? 'is-icon' : ''\n                }`}\n              >\n                <img className=\"thumbnail\" src={thumbnail} />\n              </div>\n            )}\n            <Heading className=\"title\" tag=\"h2\">\n              {title}\n            </Heading>\n            <Text className=\"desc\" size=\"lg\">\n              {description}\n            </Text>\n            <div className=\"btn-group\">\n              <Button\n                theme={isMarryBaby ? 'marryBaby' : 'helloSites'}\n                size=\"md\"\n                color=\"secondary\"\n                onClick={() => {\n                  onAccept?.()\n                  onClose?.()\n                }}\n              >\n                {acceptText}\n              </Button>\n              <Button\n                theme={isMarryBaby ? 'marryBaby' : 'helloSites'}\n                size=\"md\"\n                onClick={onClose}\n              >\n                {cancelText}\n              </Button>\n            </div>\n          </div>\n        </div>\n        {isMarryBaby && thumbnail && (\n          <div\n            className={`thumbnail-container is-mobile ${\n              isThumbnailIcon ? 'is-icon' : ''\n            }`}\n          >\n            <img className=\"thumbnail\" src={thumbnail} />\n          </div>\n        )}\n      </PopupFrame>\n    </StyledPopupDanger>,\n    document.body,\n  )\n}\n"],"names":["_a","className","isMarryBabyProp","isMarryBaby","style","title","description","acceptText","cancelText","onAccept","thumbnail","isThumbnailIcon","onClose","isMarryBabyContext","useContext","TogetherComponentGlobalContext","_b","useState","isOpen","setIsOpen","useEffect","toggleNoScroll","setTimeout","ReactDOM","createPortal","React","createElement","StyledPopupDanger","PopupFrame","onClick","e","stopPropagation","concat","src","Heading","tag","Text","size","Button","theme","color","document","body"],"mappings":"80BA0B2B,SAACA,GAC1B,IAAAC,EAASD,EAAAC,UACIC,EAAeF,EAAAG,YAC5BC,EAAKJ,EAAAI,MACLC,EAAKL,EAAAK,MACLC,gBACAC,EAAUP,EAAAO,WACVC,EAAUR,EAAAQ,WACVC,EAAQT,EAAAS,SACRC,EAASV,EAAAU,UACTC,EAAeX,EAAAW,gBACfC,EAAOZ,EAAAY,QAIiBC,EAEpBC,EAAAA,WAAWC,EAAAA,qDACTZ,EACuB,kBAApBD,EAAgCA,EAAkBW,EACrDG,EAAsBC,EAAAA,UAAS,GAA9BC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAMxB,OALAI,EAAAA,WAAU,WAGR,OAFAC,EAAcA,gBAAC,GACfC,YAAW,WAAM,OAAAH,GAAU,KAAO,GAC3B,WAAM,OAAAE,EAAAA,gBAAe,MAC3B,IACIE,EAASC,aACdC,EAAA,QAAAC,cAACC,EAAiBA,kBACG,CAAA,oBAAAxB,EACnBF,UAAWA,EACXG,MAAOA,cACIc,GAEXO,UAAAC,cAACE,EAAUA,WAAA,CAAC3B,UAAU,cAAciB,OAAQA,EAAQN,QAASA,GAC3Da,EAAAA,QAAAC,cAAA,MAAA,CAAKzB,UAAU,iBAAiB4B,QAAS,SAACC,GAAM,OAAAA,EAAEC,oBAChDN,EAAAA,QAAKC,cAAA,MAAA,CAAAzB,UAAU,mBACZS,GACCe,EACE,QAAAC,cAAA,MAAA,CAAAzB,UAAW,uBACT+B,OAAArB,EAAkB,UAAY,KAGhCc,UAAKC,cAAA,MAAA,CAAAzB,UAAU,YAAYgC,IAAKvB,KAGpCe,UAACC,cAAAQ,EAAAA,QAAQ,CAAAjC,UAAU,QAAQkC,IAAI,MAC5B9B,GAEHoB,UAACC,cAAAU,EAAAA,KAAK,CAAAnC,UAAU,OAAOoC,KAAK,MACzB/B,GAEHmB,EAAAA,QAAKC,cAAA,MAAA,CAAAzB,UAAU,aACbwB,EAAAA,QAACC,cAAAY,EAAAA,QACCC,MAAOpC,EAAc,YAAc,aACnCkC,KAAK,KACLG,MAAM,YACNX,QAAS,WACPpB,SAAAA,IACAG,SAAAA,MAGDL,GAEHkB,EAAC,QAAAC,cAAAY,EAAMA,OACL,CAAAC,MAAOpC,EAAc,YAAc,aACnCkC,KAAK,KACLR,QAASjB,GAERJ,MAKRL,GAAeO,GACde,UAAAC,cAAA,MAAA,CACEzB,UAAW,iCAAA+B,OACTrB,EAAkB,UAAY,KAGhCc,EAAAA,QAAAC,cAAA,MAAA,CAAKzB,UAAU,YAAYgC,IAAKvB,OAKxC+B,SAASC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.js","sources":["../../../../../src/together/components/molecules/popupDanger/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledPopupDanger = styled.div`\n  [data-type='confirm'] {\n    width: min(360px, 100%);\n    height: auto;\n    &[data-open='false'] {\n      top: calc(-100% - 500px);\n    }\n  }\n\n  .header {\n    display: none !important;\n  }\n\n  .confirm-dialog {\n    position: relative;\n    overflow: auto;\n    width: 100%;\n    padding-top: 44px;\n    background: #fff;\n    border-radius: 6px;\n\n    .confirm-content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: 0 16px 16px;\n      text-align: center;\n\n      .title {\n        margin-bottom: 8px;\n        font-size: 24px;\n        line-height: 32px;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .desc {\n        margin-bottom: 24px;\n        color: ${(props: ThemeProps) => props.theme.colors.gray500};\n        font-size: 18px;\n        line-height: 24px;\n        text-align: center;\n        word-break: break-word;\n        overflow-wrap: break-word;\n      }\n\n      .btn-group {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        justify-content: center;\n\n        button {\n          margin: 0 4px 0.5rem;\n        }\n      }\n    }\n  }\n  .thumbnail-container {\n    width: 80px;\n    height: 80px;\n    margin-bottom: 32px;\n    .thumbnail {\n      width: 100%;\n      height: 100%;\n    }\n    &.is-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #e0e9fc;\n      border-radius: 1rem;\n      .thumbnail {\n        width: 40px;\n        height: 40px;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    .popup-frame {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          ${MediaQueries.mbDown} {\n            top: 100%;\n            transform: translate(-50%, -100%);\n            max-width: unset;\n            width: 100%;\n            background: unset;\n            overflow: unset;\n          }\n        }\n      }\n      .popup-content {\n        .close-button {\n          ${MediaQueries.mbDown} {\n            display: none;\n          }\n        }\n        .confirm-dialog {\n          ${MediaQueries.mbDown} {\n            background: unset;\n            position: relative;\n            overflow-x: hidden;\n            &::before {\n              content: '';\n              width: 200%;\n              background: #fff;\n              position: absolute;\n              left: 50%;\n              top: 0;\n              transform: translateX(-50%);\n              z-index: -1;\n              height: 100%;\n              border-top-left-radius: 100%;\n              border-top-right-radius: 100%;\n            }\n          }\n          .confirm-content {\n            padding: 0 40px 40px;\n            ${MediaQueries.mbDown} {\n              padding-left: 1.5rem;\n              padding-right: 1.5rem;\n            }\n            .btn-group {\n              width: 100%;\n              justify-content: space-between;\n              button {\n                flex: 1;\n                margin: 0;\n                &:first-child {\n                  margin-right: 0.5rem;\n                }\n              }\n            }\n          }\n        }\n      }\n      .thumbnail-container {\n        ${MediaQueries.mbDown} {\n          display: none;\n        }\n        &.is-icon {\n          background: #ffeaf1;\n          border-radius: 24px;\n        }\n        &.is-mobile {\n          position: absolute;\n          top: 0;\n          left: 50%;\n          display: none;\n          width: 48px;\n          height: 48px;\n          transform: translate(-50%, -50%);\n          &.is-icon {\n            border-radius: 1rem;\n            .thumbnail {\n              width: 24px;\n              height: 24px;\n            }\n          }\n          ${MediaQueries.mbDown} {\n            display: flex;\n          }\n        }\n      }\n    }\n  }\n`\n"],"names":["StyledPopupDanger","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","gray500","MediaQueries","mbDown"],"mappings":"sPAIaA,kCAAoBC,QAAOC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,gwBAAA,k8BAAA,kSAAA,gGAAA,wlBAAA,wdAAA,qhBAAA,iFAAA,CAAA,gwBAsCuB,k8BA8CnC,kSAYA,gGAKA,wlBAoBE,wdAmBJ,qhBAsBE,oFA5Hd,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,UA8C/CC,EAAYA,aAACC,OAYbD,eAAaC,OAKbD,EAAYA,aAACC,OAoBXD,EAAAA,aAAaC,OAmBjBD,eAAaC,OAsBXD,EAAYA,aAACC"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/button/index.js"),a=require("../../../../components/atoms/text/index.js"),l=require("../../../../hooks/useTranslations.js"),n=require("../../../../misc/theme.js"),r=require("react-id-generator"),o=require("../../../api/paths.js"),i=require("../../../api/utils.js"),s=require("../../../assets/images/avatar-default.png.js"),c=require("../../../assets/svg/closeLight.svg.js"),d=require("../../../assets/svg/reviewer-medical.svg.js"),u=require("../../atoms/loading/index.js"),m=require("./index.styled.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=f(e);exports.PopupDoctor=function(f){var v,g,E,y,b=f.isOpen,h=void 0===b||b,x=f.onClose,N=f.enableAnimation,j=void 0===N||N,C=f.doctorId,T=f.locale,q=f.isMobile,k=l.useTranslations().t,z=e.useState(null),S=z[0],P=z[1],A=e.useState(!1),_=A[0],D=A[1];e.useEffect((function(){if(h&&C&&String(null==S?void 0:S.id)!==String(C)){D(!0);try{P(null),i.callApi(i.getCarePath(o.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:C,website_url:i.domainLocales[T]}),"get").then((function(e){P(null==e?void 0:e._data.doctor)}))}catch(e){console.error(e)}D(!1)}}),[h,C,null==S?void 0:S.id]);var B=(null==S?void 0:S.experiences)||[],O=((null==S?void 0:S.specialties)||[]).map((function(e){return(null==e?void 0:e.name)||e})).join(" • "),w=B.map((function(e){try{return JSON.parse(e.description)}catch(t){return e.description}})).filter((function(e){return e.content})),I=r.useId(null===(v=null==S?void 0:S.experiences)||void 0===v?void 0:v.length);return p.default.createElement(p.default.Fragment,null,p.default.createElement(m.StyledPopup,{"data-open":h,"data-animation":j,onClick:function(e){return e.stopPropagation()}},_||!S?p.default.createElement(u.Loading,null):p.default.createElement("div",{className:"popup-content"},p.default.createElement("div",{className:"close-button",onClick:x},p.default.createElement("img",{src:c,style:{width:20,height:20},alt:"close-icon"})),p.default.createElement("div",{className:"main-info"},p.default.createElement("div",{className:"border-banner"}),p.default.createElement("div",{className:"avatar-title"},p.default.createElement(m.StyledProfileImage,null,p.default.createElement("div",{className:"image-container"},p.default.createElement("div",{style:{position:"relative"}},p.default.createElement("img",{src:(null==S?void 0:S.avatar)?null==S?void 0:S.avatar:s,className:"profile-image",alt:"avatar"}),p.default.createElement("img",{className:"badge-avatar",src:d,alt:"badge"})))),p.default.createElement(m.StyledTitleContainer,null,p.default.createElement(a.Text,{size:"s3",type:"semiBold",className:"full-name"},null==S?void 0:S.name),p.default.createElement("div",{className:"specialty"},O&&p.default.createElement(p.default.Fragment,null,p.default.createElement(a.Text,{size:"p4",color:n.theme.colors.gray800},O," • ")),p.default.createElement("a",{href:i.getCareHospitalUrl({id:null===(g=null==S?void 0:S.organization)||void 0===g?void 0:g.id,name:null===(E=null==S?void 0:S.organization)||void 0===E?void 0:E.name,slug:null===(y=null==S?void 0:S.organization)||void 0===y?void 0:y.slug,locale:T}),className:"organisation",target:"_blank",rel:"noreferrer"},p.default.createElement(a.Text,{size:"p4",className:"organisation",color:n.theme.colors.gray800,style:{textDecoration:"underline"}},null==S?void 0:S.organization.name))))),!q&&p.default.createElement("div",{className:"btn-wrapper"},p.default.createElement("a",{href:i.getCareDoctorUrl({name:S.name,id:S.id,locale:T})},p.default.createElement(t.Button,{color:"primary",size:"md",className:"btn-booking"},k("careBooking.bookAnAppointment"))))),w&&p.default.createElement(m.StyledTitleContainer,null,p.default.createElement("div",{className:"experience"},p.default.createElement(a.Text,{type:"bold",size:"s3",color:n.theme.colors.gray800,style:{paddingBottom:16}},k("expert.content.description").toUpperCase()),p.default.createElement(m.StyledExperienceList,null,w.map((function(e,t){return p.default.createElement("li",{key:I[t]},p.default.createElement(a.Text,{size:"p2"},function(e){return(null==e?void 0:e.year)?"".concat(e.year," ").concat(null==e?void 0:e.content):(null==e?void 0:e.content)?e.content:"string"==typeof e?e:""}(e)))}))),q?p.default.createElement("div",{className:"btn-wrapper"},p.default.createElement("a",{href:i.getCareDoctorUrl({name:S.name,id:S.id,locale:T})},p.default.createElement(t.Button,{color:"primary",size:"md",className:"btn-booking"},k("careBooking.bookAnAppointment")))):p.default.createElement("a",{href:i.getCareDoctorUrl({name:S.name,id:S.id,locale:T})},p.default.createElement(a.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},k("home.seeExpert"))))))),p.default.createElement(m.StyledPopupWrapper,{"data-open":h,onClick:function(e){e.stopPropagation(),x()}}))};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/together/components/molecules/popupDoctor/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\n\nimport { Button } from 'components/atoms/button'\nimport { Text } from 'components/atoms/text'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { theme } from 'misc/theme'\nimport { useId } from 'react-id-generator'\nimport { LocaleType } from 'src/interfaces/types'\nimport { DoctorInfo } from 'src/together/interfaces/types'\n\nimport { CARE_PATHS } from '../../../api/paths'\nimport {\n  callApi,\n  domainLocales,\n  getCareDoctorUrl,\n  getCareHospitalUrl,\n  getCarePath,\n} from '../../../api/utils'\nimport AvatarDefault from '../../../assets/images/avatar-default.png'\nimport CloseLight from '../../../assets/svg/closeLight.svg'\nimport ReviewerMedical from '../../../assets/svg/reviewer-medical.svg'\nimport { Loading } from '../../atoms/loading'\nimport {\n  StyledExperienceList,\n  StyledPopup,\n  StyledPopupWrapper,\n  StyledProfileImage,\n  StyledTitleContainer,\n} from './index.styled'\n\ntype DoctorExperience = {\n  content: string\n  year: string | number\n}\n\nexport type Props = {\n  isOpen: boolean\n  onClose: () => void\n  enableAnimation?: boolean\n  doctorId: string\n  locale?: LocaleType\n  isMobile?: boolean\n}\n\nconst PopupDoctor = ({\n  isOpen = true,\n  onClose,\n  enableAnimation = true,\n  doctorId,\n  locale,\n  isMobile,\n}: Props) => {\n  const { t } = useTranslations()\n  const [doctorInfo, setDoctorInfo] = useState<DoctorInfo | null>(null)\n  const [isLoading, setIsLoading] = useState(false)\n\n  useEffect(() => {\n    if (isOpen && doctorId && String(doctorInfo?.id) !== String(doctorId)) {\n      setIsLoading(true)\n      try {\n        setDoctorInfo(null)\n        callApi(\n          getCarePath(CARE_PATHS.GET_DOCTOR_INFO, {\n            doctorId: doctorId,\n            website_url: domainLocales[locale],\n          }),\n\n          'get',\n        ).then((res) => {\n          setDoctorInfo(res?._data.doctor)\n        })\n      } catch (error) {\n        console.error(error)\n      }\n      setIsLoading(false)\n    }\n  }, [isOpen, doctorId, doctorInfo?.id])\n\n  const experiences = doctorInfo?.experiences || []\n\n  const specialty = doctorInfo?.specialties || []\n  const specialtiesList = specialty\n    .map((specialty: any) => specialty?.name || specialty)\n    .join(' • ')\n\n  const formattedExperiences = experiences\n    .map((experience) => {\n      try {\n        return JSON.parse(experience.description)\n      } catch (e) {\n        return experience.description\n      }\n    })\n    .filter((e: DoctorExperience) => e.content)\n\n  const renderExperienceText = (experience: DoctorExperience) => {\n    if (experience?.year) return `${experience.year} ${experience?.content}`\n    if (experience?.content) return experience.content\n    if (typeof experience === 'string') return experience\n    return ''\n  }\n  const idList = useId(doctorInfo?.experiences?.length)\n  return (\n    <>\n      <StyledPopup\n        data-open={isOpen}\n        data-animation={enableAnimation}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {isLoading || !doctorInfo ? (\n          <Loading />\n        ) : (\n          <div className=\"popup-content\">\n            <div className=\"close-button\" onClick={onClose}>\n              <img\n                src={CloseLight}\n                style={{ width: 20, height: 20 }}\n                alt=\"close-icon\"\n              />\n            </div>\n            <div className=\"main-info\">\n              <div className=\"border-banner\"></div>\n              <div className=\"avatar-title\">\n                <StyledProfileImage>\n                  <div className=\"image-container\">\n                    <div style={{ position: 'relative' }}>\n                      <img\n                        src={\n                          doctorInfo?.avatar\n                            ? doctorInfo?.avatar\n                            : AvatarDefault\n                        }\n                        className=\"profile-image\"\n                        alt=\"avatar\"\n                      />\n                      <img\n                        className=\"badge-avatar\"\n                        src={ReviewerMedical}\n                        alt=\"badge\"\n                      />\n                    </div>\n                  </div>\n                </StyledProfileImage>\n                <StyledTitleContainer>\n                  <Text size=\"s3\" type=\"semiBold\" className=\"full-name\">\n                    {doctorInfo?.name}\n                  </Text>\n                  <div className=\"specialty\">\n                    {specialtiesList && (\n                      <>\n                        <Text size=\"p4\" color={theme.colors.gray800}>\n                          {specialtiesList}\n                          {' • '}\n                        </Text>\n                      </>\n                    )}\n\n                    <a\n                      href={getCareHospitalUrl({\n                        id: doctorInfo?.organization?.id,\n                        name: doctorInfo?.organization?.name,\n                        slug: doctorInfo?.organization?.slug,\n                        locale,\n                      })}\n                      className=\"organisation\"\n                      target=\"_blank\"\n                      rel=\"noreferrer\"\n                    >\n                      <Text\n                        size=\"p4\"\n                        className=\"organisation\"\n                        color={theme.colors.gray800}\n                        style={{ textDecoration: 'underline' }}\n                      >\n                        {doctorInfo?.organization.name}\n                      </Text>\n                    </a>\n                  </div>\n                </StyledTitleContainer>\n              </div>\n              {!isMobile && (\n                <div className=\"btn-wrapper\">\n                  <a\n                    href={getCareDoctorUrl({\n                      name: doctorInfo.name,\n                      id: doctorInfo.id,\n                      locale: locale as LocaleType,\n                    })}\n                  >\n                    <Button color=\"primary\" size=\"md\" className=\"btn-booking\">\n                      {t('careBooking.bookAnAppointment')}\n                    </Button>\n                  </a>\n                </div>\n              )}\n            </div>\n            {formattedExperiences && (\n              <StyledTitleContainer>\n                <div className=\"experience\">\n                  <Text\n                    type=\"bold\"\n                    size=\"s3\"\n                    color={theme.colors.gray800}\n                    style={{ paddingBottom: 16 }}\n                  >\n                    {t('expert.content.description').toUpperCase()}\n                  </Text>\n                  <StyledExperienceList>\n                    {formattedExperiences.map(\n                      (experience: DoctorExperience, i: number) => (\n                        <li key={idList[i]}>\n                          <Text size=\"p2\">\n                            {renderExperienceText(experience)}\n                          </Text>\n                        </li>\n                      ),\n                    )}\n                  </StyledExperienceList>\n                  {isMobile ? (\n                    <div className=\"btn-wrapper\">\n                      <a\n                        href={getCareDoctorUrl({\n                          name: doctorInfo.name,\n                          id: doctorInfo.id,\n                          locale: locale as LocaleType,\n                        })}\n                      >\n                        <Button\n                          color=\"primary\"\n                          size=\"md\"\n                          className=\"btn-booking\"\n                        >\n                          {t('careBooking.bookAnAppointment')}\n                        </Button>\n                      </a>\n                    </div>\n                  ) : (\n                    <a\n                      href={getCareDoctorUrl({\n                        name: doctorInfo.name,\n                        id: doctorInfo.id,\n                        locale: locale as LocaleType,\n                      })}\n                    >\n                      <Text\n                        size=\"s4\"\n                        color=\"#2D87F3\"\n                        style={{ paddingTop: 24 }}\n                      >\n                        {t('home.seeExpert')}\n                      </Text>\n                    </a>\n                  )}\n                </div>\n              </StyledTitleContainer>\n            )}\n          </div>\n        )}\n      </StyledPopup>\n      <StyledPopupWrapper\n        data-open={isOpen}\n        onClick={(e) => {\n          e.stopPropagation()\n          onClose()\n        }}\n      />\n    </>\n  )\n}\n\nexport { PopupDoctor }\n"],"names":["_a","_f","isOpen","onClose","_g","enableAnimation","doctorId","locale","isMobile","t","useTranslations","_h","useState","doctorInfo","setDoctorInfo","_j","isLoading","setIsLoading","useEffect","String","id","callApi","getCarePath","CARE_PATHS","GET_DOCTOR_INFO","website_url","domainLocales","then","res","_data","doctor","error","console","experiences","specialtiesList","specialties","map","specialty","name","join","formattedExperiences","experience","JSON","parse","description","e","filter","content","idList","useId","_b","length","React","createElement","Fragment","StyledPopup","onClick","stopPropagation","Loading","className","src","CloseLight","style","width","height","alt","StyledProfileImage","position","avatar","AvatarDefault","ReviewerMedical","StyledTitleContainer","Text","size","type","color","theme","colors","gray800","href","getCareHospitalUrl","_c","organization","_d","slug","_e","target","rel","textDecoration","getCareDoctorUrl","Button","paddingBottom","toUpperCase","StyledExperienceList","i","key","year","concat","renderExperienceText","paddingTop","StyledPopupWrapper"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.js","sources":["../../../../../src/together/components/molecules/popupDoctor/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledPopup = styled.div`\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ${(props: ThemeProps) => props.theme.colors.gray200};\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  ${MediaQueries.tdUp} {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    ${MediaQueries.mbDown} {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ${(props: ThemeProps) => props.theme.colors.blue50};\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n`\n\nexport const StyledPopupWrapper = styled.div`\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n`\n\nexport const StyledProfileImage = styled.div`\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n`\n\nexport const StyledTitleContainer = styled.div`\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n`\nexport const StyledSeparator = styled.span`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ${(props: ThemeProps) => props.theme.colors.neutral300};\n`\nexport const StyledDotSeparator = styled.div`\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ${(props: ThemeProps) => props.theme.colors.gray400};\n  border-radius: 50%;\n`\n\nexport const StyledItem = styled.div`\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n`\n\nexport const StyledExperienceList = styled.ul`\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n`\n"],"names":["StyledPopup","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","white","gray200","MediaQueries","tdUp","mbDown","blue50","StyledPopupWrapper","templateObject_2","StyledProfileImage","templateObject_3","StyledTitleContainer","templateObject_4","span","templateObject_5","neutral300","templateObject_6","gray400","templateObject_7","StyledExperienceList","ul","templateObject_8"],"mappings":"sRAIaA,EAAcC,EAAM,QAACC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,4EAAA,uDAAA,oFAAA,mSAAA,olBAAA,gPAAA,CAAA,4EAIgC,uDAEQ,oFAIxD,mSAoBI,olBAgC+C,mPA1DlD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,SAEpC,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,UAIlEC,EAAYA,aAACC,KAoBXD,EAAAA,aAAaE,QAgCK,SAACP,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,UAerDC,EAAqBb,EAAM,QAACC,IAAGa,IAAAA,EAAAX,uBAAA,CAAA,sNAAA,CAAA,yNAe/BY,EAAqBf,EAAM,QAACC,IAAGe,IAAAA,EAAAb,uBAAA,CAAA,qcAAA,CAAA,wcA2B/Bc,EAAuBjB,EAAM,QAACC,IAAGiB,IAAAA,EAAAf,uBAAA,CAAA,igBAAA,CAAA,ogBA8BfH,EAAAA,QAAOmB,KAAIC,IAAAA,EAAAjB,EAAAA,qBAAA,CAAA,2GAAA,OAAA,CAAA,2GAKqB,UAApD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOe,cAEnBrB,EAAAA,QAAOC,IAAGqB,IAAAA,EAAAnB,EAAAA,qBAAA,CAAA,gGAAA,8BAAA,CAAA,gGAK2B,iCAAjD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOiB,WAItCvB,EAAAA,QAAOC,IAAGuB,IAAAA,EAAArB,EAAAA,qBAAA,CAAA,2GAAA,CAAA,8GAUvB,oBAAAsB,EAAuBzB,EAAM,QAAC0B,GAAEC,IAAAA,EAAAxB,uBAAA,CAAA,sEAAA,CAAA"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/heading/index.js"),a=require("../../../../components/atoms/text/index.js"),l=require("../../../../hooks/useTranslations.js"),r=require("../../../../misc/theme.js"),i=require("../../../api/paths.js"),n=require("../../../api/utils.js"),s=require("../../../assets/images/avatar-default.png.js"),o=require("../../../assets/svg/bullet-point.svg.js"),u=require("../../../assets/svg/closeLight.svg.js"),c=require("../../../assets/svg/reviewer-author.svg.js"),d=require("../../../assets/svg/reviewer-editor.svg.js"),m=require("../../../assets/svg/reviewer-expert.svg.js"),f=require("../../../assets/svg/reviewer-fact-check.svg.js"),p=require("../../../assets/svg/reviewer-medical.svg.js"),v=require("../../atoms/loading/index.js"),g=require("./index.styled.js");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=E(e),h={author:c,edtior:d,expert:m,"fact-check":f,medical:p};exports.PopupExpert=function(c){var d=c.isOpen,m=void 0===d||d,f=c.onClose,p=c.enableAnimation,E=void 0===p||p,x=c.expertId,j=l.useTranslations().t,q=e.useState(null),N=q[0],T=q[1],b=e.useState(!1),S=b[0],_=b[1];return e.useEffect((function(){if(m&&x&&String(null==N?void 0:N.user_id)!==String(x)){_(!0);try{T(null),n.callApi(n.getDiscoverApiPath(i.DISCOVER_PATHS.GET_EXPERT_BY_ID,{id:x}),"get").then((function(e){T(null==e?void 0:e.data)}))}catch(e){console.error(e)}_(!1)}}),[m,x,null==N?void 0:N.user_id]),y.default.createElement(y.default.Fragment,null,y.default.createElement(g.StyledPopup,{"data-open":m,"data-animation":E,onClick:function(e){return e.stopPropagation()}},S||!N?y.default.createElement(v.Loading,null):y.default.createElement("div",{className:"popup-content"},y.default.createElement("div",{className:"close-button",onClick:f},y.default.createElement("img",{src:u,style:{width:20,height:20},alt:"close-icon"})),y.default.createElement("div",{className:"main-info"},y.default.createElement("div",{className:"border-banner"}),y.default.createElement("div",{className:"avatar-title"},y.default.createElement(g.StyledProfileImage,null,y.default.createElement("div",{className:"image-container"},y.default.createElement("div",{style:{position:"relative"}},y.default.createElement("img",{src:(null==N?void 0:N.avatar)?null==N?void 0:N.avatar:s,className:"profile-image",alt:"avatar"}),y.default.createElement("img",{className:"badge-avatar",src:h[null==N?void 0:N.role],alt:"badge"})))),y.default.createElement(g.StyledTitleContainer,null,y.default.createElement(a.Text,{size:"s3",className:"full-name",type:"semiBold"},null==N?void 0:N.display_name),y.default.createElement("div",null,y.default.createElement(a.Text,{size:"p4",color:r.theme.colors.gray800},null==N?void 0:N.specialty," • "),y.default.createElement("a",{href:null==N?void 0:N.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},y.default.createElement(a.Text,{size:"p4",className:"organisation",color:r.theme.colors.gray800,style:{textDecoration:"underline"}},null==N?void 0:N.organisation)))))),y.default.createElement(g.StyledTitleContainer,null,y.default.createElement("div",{className:"experience"},y.default.createElement(a.Text,{type:"bold",size:"p4",color:r.theme.colors.gray800,style:{paddingBottom:16}},j("expert.content.description").toUpperCase()),y.default.createElement("div",{className:"list-items"},!!(null==N?void 0:N.experiences)&&N.experiences.filter((function(e){return!(!e||!e.title&&!e.organization)})).slice(0,3).map((function(e,l){return y.default.createElement(g.StyledItem,{key:l},y.default.createElement("img",{className:"bullet-point",src:o,alt:"point"}),y.default.createElement("div",{className:"text-contain"},y.default.createElement(t.Heading,{tag:"h6",color:r.theme.colors.gray800},null==e?void 0:e.title),y.default.createElement(a.Text,{size:"p2",color:r.theme.colors.gray500},null==e?void 0:e.organization)))}))),y.default.createElement("a",{href:null==N?void 0:N.profile_url},y.default.createElement(a.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},j("home.seeExpert"))))))),y.default.createElement(g.StyledPopupWrapper,{"data-open":m,onClick:function(e){e.stopPropagation(),f()}}))};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/together/components/molecules/popupExpert/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\n\nimport { Heading } from 'components/atoms/heading'\nimport { Text } from 'components/atoms/text'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { theme } from 'misc/theme'\n\nimport { DISCOVER_PATHS } from '../../../api/paths'\nimport { callApi, getDiscoverApiPath } from '../../../api/utils'\nimport AvatarDefault from '../../../assets/images/avatar-default.png'\nimport BulletPoint from '../../../assets/svg/bullet-point.svg'\nimport CloseLight from '../../../assets/svg/closeLight.svg'\nimport ReviewerAuthor from '../../../assets/svg/reviewer-author.svg'\nimport ReviewerEditor from '../../../assets/svg/reviewer-editor.svg'\nimport ReviewerExpert from '../../../assets/svg/reviewer-expert.svg'\nimport ReviewerFactCheck from '../../../assets/svg/reviewer-fact-check.svg'\nimport ReviewerMedical from '../../../assets/svg/reviewer-medical.svg'\nimport { Loading } from '../../atoms/loading'\nimport {\n  StyledItem,\n  StyledPopup,\n  StyledPopupWrapper,\n  StyledProfileImage,\n  StyledTitleContainer,\n} from './index.styled'\n\nconst ReviewerIconMap = {\n  author: ReviewerAuthor,\n  edtior: ReviewerEditor,\n  expert: ReviewerExpert,\n  'fact-check': ReviewerFactCheck,\n  medical: ReviewerMedical,\n}\n\nexport type Experience = {\n  title: string\n  organization: string\n  duration: string\n}\nexport type ExpertInfo = {\n  avatar?: string\n  role?: string\n  display_name: string\n  specialty: string\n  organisation: string\n  experiences: Array<Experience>\n  organisation_url: string\n  profile_url: string\n  user_id: number\n}\nexport type Props = {\n  isOpen: boolean\n  onClose: () => void\n  enableAnimation?: boolean\n  expertId: string\n}\n\nconst PopupExpert = ({\n  isOpen = true,\n  onClose,\n  enableAnimation = true,\n  expertId,\n}: Props) => {\n  const { t } = useTranslations()\n  const [expertInfo, setExpertInfo] = useState<ExpertInfo | null>(null)\n  const [isLoading, setIsLoading] = useState(false)\n\n  useEffect(() => {\n    if (\n      isOpen &&\n      expertId &&\n      String(expertInfo?.user_id) !== String(expertId)\n    ) {\n      setIsLoading(true)\n      try {\n        setExpertInfo(null)\n        callApi(\n          getDiscoverApiPath(DISCOVER_PATHS.GET_EXPERT_BY_ID, {\n            id: expertId,\n          }),\n          'get',\n        ).then((res) => {\n          setExpertInfo(res?.data)\n        })\n      } catch (error) {\n        console.error(error)\n      }\n      setIsLoading(false)\n    }\n  }, [isOpen, expertId, expertInfo?.user_id])\n\n  return (\n    <>\n      <StyledPopup\n        data-open={isOpen}\n        data-animation={enableAnimation}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {isLoading || !expertInfo ? (\n          <Loading />\n        ) : (\n          <div className=\"popup-content\">\n            <div className=\"close-button\" onClick={onClose}>\n              <img\n                src={CloseLight}\n                style={{ width: 20, height: 20 }}\n                alt=\"close-icon\"\n              />\n            </div>\n            <div className=\"main-info\">\n              <div className=\"border-banner\"></div>\n              <div className=\"avatar-title\">\n                <StyledProfileImage>\n                  <div className=\"image-container\">\n                    <div style={{ position: 'relative' }}>\n                      <img\n                        src={\n                          expertInfo?.avatar\n                            ? expertInfo?.avatar\n                            : AvatarDefault\n                        }\n                        className=\"profile-image\"\n                        alt=\"avatar\"\n                      />\n                      <img\n                        className=\"badge-avatar\"\n                        src={ReviewerIconMap[expertInfo?.role]}\n                        alt=\"badge\"\n                      />\n                    </div>\n                  </div>\n                </StyledProfileImage>\n                <StyledTitleContainer>\n                  <Text size=\"s3\" className=\"full-name\" type=\"semiBold\">\n                    {expertInfo?.display_name}\n                  </Text>\n                  <div>\n                    <Text size=\"p4\" color={theme.colors.gray800}>\n                      {expertInfo?.specialty}\n                      {' • '}\n                    </Text>\n                    <a\n                      href={expertInfo?.organisation_url}\n                      className=\"organisation\"\n                      target=\"_blank\"\n                      rel=\"noreferrer\"\n                    >\n                      <Text\n                        size=\"p4\"\n                        className=\"organisation\"\n                        color={theme.colors.gray800}\n                        style={{ textDecoration: 'underline' }}\n                      >\n                        {expertInfo?.organisation}\n                      </Text>\n                    </a>\n                  </div>\n                </StyledTitleContainer>\n              </div>\n            </div>\n            <StyledTitleContainer>\n              <div className=\"experience\">\n                <Text\n                  type=\"bold\"\n                  size=\"p4\"\n                  color={theme.colors.gray800}\n                  style={{ paddingBottom: 16 }}\n                >\n                  {t('expert.content.description').toUpperCase()}\n                </Text>\n                <div className=\"list-items\">\n                  {expertInfo?.experiences\n                    ? expertInfo.experiences\n                        .filter((e) => !!(e && (e.title || e.organization)))\n                        .slice(0, 3)\n                        .map((experience, index) => (\n                          <StyledItem key={index}>\n                            <img\n                              className=\"bullet-point\"\n                              src={BulletPoint}\n                              alt=\"point\"\n                            />\n                            <div className=\"text-contain\">\n                              <Heading tag=\"h6\" color={theme.colors.gray800}>\n                                {experience?.title}\n                              </Heading>\n                              <Text size=\"p2\" color={theme.colors.gray500}>\n                                {experience?.organization}\n                              </Text>\n                            </div>\n                          </StyledItem>\n                        ))\n                    : false}\n                </div>\n                <a href={expertInfo?.profile_url}>\n                  <Text size=\"s4\" color=\"#2D87F3\" style={{ paddingTop: 24 }}>\n                    {t('home.seeExpert')}\n                  </Text>\n                </a>\n              </div>\n            </StyledTitleContainer>\n          </div>\n        )}\n      </StyledPopup>\n      <StyledPopupWrapper\n        data-open={isOpen}\n        onClick={(e) => {\n          e.stopPropagation()\n          onClose()\n        }}\n      />\n    </>\n  )\n}\n\nexport { PopupExpert }\n"],"names":["ReviewerIconMap","author","ReviewerAuthor","edtior","ReviewerEditor","expert","ReviewerExpert","ReviewerFactCheck","medical","ReviewerMedical","_a","_b","isOpen","onClose","_c","enableAnimation","expertId","t","useTranslations","_d","useState","expertInfo","setExpertInfo","_e","isLoading","setIsLoading","useEffect","String","user_id","callApi","getDiscoverApiPath","DISCOVER_PATHS","GET_EXPERT_BY_ID","id","then","res","data","error","console","React","createElement","Fragment","StyledPopup","onClick","e","stopPropagation","Loading","className","src","CloseLight","style","width","height","alt","StyledProfileImage","position","avatar","AvatarDefault","role","StyledTitleContainer","Text","size","type","display_name","color","theme","colors","gray800","specialty","href","organisation_url","target","rel","textDecoration","organisation","paddingBottom","toUpperCase","experiences","filter","title","organization","slice","map","experience","index","StyledItem","key","BulletPoint","Heading","tag","gray500","profile_url","paddingTop","StyledPopupWrapper"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.js","sources":["../../../../../src/together/components/molecules/popupExpert/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledPopup = styled.div`\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ${(props: ThemeProps) => props.theme.colors.gray200};\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  ${MediaQueries.tdUp} {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    ${MediaQueries.mbDown} {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ${(props: ThemeProps) => props.theme.colors.blue50};\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n`\n\nexport const StyledPopupWrapper = styled.div`\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n`\n\nexport const StyledProfileImage = styled.div`\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n`\n\nexport const StyledTitleContainer = styled.div`\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n`\nexport const StyledSeparator = styled.span`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ${(props: ThemeProps) => props.theme.colors.neutral300};\n`\nexport const StyledDotSeparator = styled.div`\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ${(props: ThemeProps) => props.theme.colors.gray400};\n  border-radius: 50%;\n`\n\nexport const StyledItem = styled.div`\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n`\n"],"names":["StyledPopup","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","white","gray200","MediaQueries","tdUp","mbDown","blue50","StyledPopupWrapper","templateObject_2","StyledProfileImage","templateObject_3","StyledTitleContainer","templateObject_4","span","templateObject_5","neutral300","templateObject_6","gray400","StyledItem","templateObject_7"],"mappings":"sRAIaA,EAAcC,EAAM,QAACC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,4EAAA,uDAAA,oFAAA,mSAAA,olBAAA,uKAAA,CAAA,4EAIgC,uDAEQ,oFAIxD,mSAoBI,olBAgC+C,0KA1DlD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,SAEpC,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,UAIlEC,EAAYA,aAACC,KAoBXD,EAAAA,aAAaE,QAgCK,SAACP,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,UAYrDC,EAAqBb,EAAM,QAACC,IAAGa,IAAAA,EAAAX,uBAAA,CAAA,sNAAA,CAAA,yNAe/BY,EAAqBf,EAAM,QAACC,IAAGe,IAAAA,EAAAb,uBAAA,CAAA,qcAAA,CAAA,wcA2B/Bc,EAAuBjB,EAAM,QAACC,IAAGiB,IAAAA,EAAAf,uBAAA,CAAA,igBAAA,CAAA,ogBA8BfH,EAAAA,QAAOmB,KAAIC,IAAAA,EAAAjB,EAAAA,qBAAA,CAAA,2GAAA,OAAA,CAAA,2GAKqB,UAApD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOe,cAEnBrB,EAAAA,QAAOC,IAAGqB,IAAAA,EAAAnB,EAAAA,qBAAA,CAAA,gGAAA,8BAAA,CAAA,gGAK2B,iCAAjD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOiB,WAInD,kBAAAC,EAAaxB,EAAM,QAACC,IAAGwB,IAAAA,EAAAtB,uBAAA,CAAA,2GAAA,CAAA"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/heading/index.js"),n=require("../../../../components/molecules/popup/index.js"),r=require("../../../assets/svg/icon-close.svg.js"),s=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e);exports.PopupFrame=function(e){var a=e.className,o=e.style,c=e.closeIcon,i=e.heading,u=void 0===i?"":i,d=e.children,m=e.isOpen,p=void 0!==m&&m,f=e.onClose,v=void 0===f?function(){return null}:f;return l.default.createElement(s.StyledPopupFrame,{className:a,style:o},l.default.createElement(n.Popup,{type:"confirm",onClose:v,isOpen:p,closeIcon:c||l.default.createElement("img",{src:r})},l.default.createElement("div",{className:"header"},l.default.createElement(t.Heading,{tag:"h5"},u)),l.default.createElement("div",{className:"content"},d)))};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/together/components/molecules/popupFrame/index.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode } from 'react'\n\nimport { Heading } from 'components/atoms/heading'\nimport { Popup } from 'components/molecules/popup'\n\nimport IconClose from '../../../assets/svg/icon-close.svg'\nimport { StyledPopupFrame } from './index.styled'\n\nexport type Props = {\n  className?: string\n  style?: CSSProperties\n  closeIcon?: JSX.Element\n  heading?: ReactNode\n  children?: ReactNode\n  isOpen?: boolean\n  onClose?: () => void\n}\n\nexport const PopupFrame = ({\n  className,\n  style,\n  closeIcon,\n  heading = '',\n  children,\n  isOpen = false,\n  onClose = () => null,\n}: Props) => {\n  return (\n    <StyledPopupFrame className={className} style={style}>\n      <Popup\n        type=\"confirm\"\n        onClose={onClose}\n        isOpen={isOpen}\n        closeIcon={closeIcon || <img src={IconClose} />}\n      >\n        <div className=\"header\">\n          <Heading tag=\"h5\">{heading}</Heading>\n        </div>\n        <div className=\"content\">{children}</div>\n      </Popup>\n    </StyledPopupFrame>\n  )\n}\n"],"names":["_a","className","style","closeIcon","_b","heading","children","_c","isOpen","_d","onClose","React","createElement","StyledPopupFrame","Popup","type","src","IconClose","Heading","tag"],"mappings":"2YAkB0B,SAACA,GACzB,IAAAC,EAASD,EAAAC,UACTC,EAAKF,EAAAE,MACLC,EAASH,EAAAG,UACTC,EAAAJ,EAAAK,QAAAA,OAAO,IAAAD,EAAG,GAAEA,EACZE,EAAQN,EAAAM,SACRC,EAAAP,EAAAQ,OAAAA,OAAS,IAAAD,KACTE,EAAAT,EAAAU,QAAAA,aAAU,WAAM,OAAA,MAAID,EAEpB,OACEE,EAAAA,QAACC,cAAAC,EAAgBA,iBAAC,CAAAZ,UAAWA,EAAWC,MAAOA,GAC7CS,EAAC,QAAAC,cAAAE,SACCC,KAAK,UACLL,QAASA,EACTF,OAAQA,EACRL,UAAWA,GAAaQ,EAAAA,QAAKC,cAAA,MAAA,CAAAI,IAAKC,KAElCN,EAAAA,QAAKC,cAAA,MAAA,CAAAX,UAAU,UACbU,EAAC,QAAAC,cAAAM,WAAQC,IAAI,MAAMd,IAErBM,UAAKC,cAAA,MAAA,CAAAX,UAAU,WAAWK"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../../node_modules/tslib/tslib.es6.js"),e=require("../../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,p=t(require("styled-components")).default.div(i||(i=n.__makeTemplateObject(["\n  [data-type='confirm'] {\n    max-width: 468px;\n    height: 486px;\n    padding: 0;\n\n    .popup-content {\n      display: flex;\n      flex-direction: column;\n      padding: 0;\n\n      .close-button {\n        top: 16px;\n        right: 16px;\n        width: 24px;\n        height: 24px;\n        z-index: 5;\n      }\n\n      .header {\n        display: flex;\n        height: 56px;\n        align-items: center;\n        padding: 16px 56px 16px 32px;\n        border-bottom: 1px solid\n          ",";\n        font-weight: 900;\n      }\n\n      .content {\n        overflow: auto;\n        flex: 1;\n        .topic-list-wrapper {\n          padding: 1rem;\n        }\n      }\n    }\n  }\n\n  &.create-post-popup-frame {\n    & > [data-type='confirm'] {\n      height: 80vh;\n      min-height: 486px;\n      transition: all 0.3s ease-in-out;\n      "," {\n        top: 0;\n        left: 0;\n        transform: unset;\n        width: 100vw;\n        max-width: 100vw;\n        min-height: unset;\n        height: 100%;\n      }\n      &[data-open='false'] {\n        transform: translate(-50%, calc(-100vh - 150%));\n      }\n    }\n\n    &.center {\n      .header {\n        justify-content: center;\n      }\n    }\n  }\n\n  > div&[data-open='true'] {\n    z-index: 250;\n    &:last-child {\n      z-index: 200;\n    }\n  }\n"],["\n  [data-type='confirm'] {\n    max-width: 468px;\n    height: 486px;\n    padding: 0;\n\n    .popup-content {\n      display: flex;\n      flex-direction: column;\n      padding: 0;\n\n      .close-button {\n        top: 16px;\n        right: 16px;\n        width: 24px;\n        height: 24px;\n        z-index: 5;\n      }\n\n      .header {\n        display: flex;\n        height: 56px;\n        align-items: center;\n        padding: 16px 56px 16px 32px;\n        border-bottom: 1px solid\n          ",";\n        font-weight: 900;\n      }\n\n      .content {\n        overflow: auto;\n        flex: 1;\n        .topic-list-wrapper {\n          padding: 1rem;\n        }\n      }\n    }\n  }\n\n  &.create-post-popup-frame {\n    & > [data-type='confirm'] {\n      height: 80vh;\n      min-height: 486px;\n      transition: all 0.3s ease-in-out;\n      "," {\n        top: 0;\n        left: 0;\n        transform: unset;\n        width: 100vw;\n        max-width: 100vw;\n        min-height: unset;\n        height: 100%;\n      }\n      &[data-open='false'] {\n        transform: translate(-50%, calc(-100vh - 150%));\n      }\n    }\n\n    &.center {\n      .header {\n        justify-content: center;\n      }\n    }\n  }\n\n  > div&[data-open='true'] {\n    z-index: 250;\n    &:last-child {\n      z-index: 200;\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),e.MediaQueries.mbDown);exports.StyledPopupFrame=p;
-//# sourceMappingURL=index.styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.js","sources":["../../../../../src/together/components/molecules/popupFrame/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledPopupFrame = styled.div`\n  [data-type='confirm'] {\n    max-width: 468px;\n    height: 486px;\n    padding: 0;\n\n    .popup-content {\n      display: flex;\n      flex-direction: column;\n      padding: 0;\n\n      .close-button {\n        top: 16px;\n        right: 16px;\n        width: 24px;\n        height: 24px;\n        z-index: 5;\n      }\n\n      .header {\n        display: flex;\n        height: 56px;\n        align-items: center;\n        padding: 16px 56px 16px 32px;\n        border-bottom: 1px solid\n          ${(props: ThemeProps) => props.theme.colors.neutral100};\n        font-weight: 900;\n      }\n\n      .content {\n        overflow: auto;\n        flex: 1;\n        .topic-list-wrapper {\n          padding: 1rem;\n        }\n      }\n    }\n  }\n\n  &.create-post-popup-frame {\n    & > [data-type='confirm'] {\n      height: 80vh;\n      min-height: 486px;\n      transition: all 0.3s ease-in-out;\n      ${MediaQueries.mbDown} {\n        top: 0;\n        left: 0;\n        transform: unset;\n        width: 100vw;\n        max-width: 100vw;\n        min-height: unset;\n        height: 100%;\n      }\n      &[data-open='false'] {\n        transform: translate(-50%, calc(-100vh - 150%));\n      }\n    }\n\n    &.center {\n      .header {\n        justify-content: center;\n      }\n    }\n  }\n\n  > div&[data-open='true'] {\n    z-index: 250;\n    &:last-child {\n      z-index: 200;\n    }\n  }\n`\n"],"names":["StyledPopupFrame","div","templateObject_1","__makeTemplateObject","props","theme","colors","neutral100","MediaQueries","mbDown"],"mappings":"sPAIaA,kCAAyB,QAACC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,6fAAA,kWAAA,8dAAA,CAAA,6fAyBsB,kWAmBrC,ieAnBf,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,aAmB9CC,EAAAA,aAAaC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"popupShare.js","sources":["../../../../../src/together/components/molecules/popupFrame/popupShare.tsx"],"sourcesContent":["import React, { CSSProperties, useContext, useEffect, useState } from 'react'\n\nimport { Heading } from 'components/atoms/heading'\nimport { Text } from 'components/atoms/text'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { ThemeProps } from 'misc/theme'\nimport { MediaQueries, toggleNoScroll } from 'misc/utils'\nimport * as ReactDOM from 'react-dom'\nimport styled from 'styled-components'\nimport { TogetherComponentGlobalContext } from 'together/togetherComponentGlobalContext'\n\nimport { PopupFrame } from '.'\nimport { ShareBox } from '../shareBox'\n\nexport type Props = {\n  className?: string\n  style?: CSSProperties\n  url?: string\n  avatar?: string\n  text?: string\n  onClose?: () => void\n}\n\nexport const SharePopup = ({\n  className,\n  style,\n  url,\n  avatar,\n  text,\n  onClose,\n}: Props) => {\n  const {\n    data: {\n      env: { isMarryBaby },\n    },\n  } = useContext(TogetherComponentGlobalContext)\n  const { t } = useTranslations()\n  const [isOpen, setIsOpen] = useState(false)\n\n  useEffect(() => {\n    toggleNoScroll(true)\n    setTimeout(() => setIsOpen(true), 0)\n    return () => toggleNoScroll(false)\n  }, [])\n  return ReactDOM.createPortal(\n    <StyledSharePopup\n      data-is-marrybaby={isMarryBaby}\n      className={className}\n      style={style}\n    >\n      <PopupFrame\n        className=\"share-popup\"\n        isOpen={isOpen}\n        onClose={onClose}\n        heading={t('bottomBar.share')}\n      >\n        {isMarryBaby ? (\n          <Text className=\"share-mb-text\" size=\"sm\">\n            {t('article.shareOn')}\n          </Text>\n        ) : (\n          <div className=\"custom-share__header\">\n            {avatar && (\n              <div className=\"custom-share__header-image\">\n                <img src={avatar} />\n              </div>\n            )}\n            <div className=\"custom-share__header-info\">\n              <Heading tag=\"h4\">{text}</Heading>\n              <Text className=\"desc\" size=\"md\">\n                {url}\n              </Text>\n            </div>\n          </div>\n        )}\n\n        {isOpen && (\n          <ShareBox\n            shareUrl={\n              url || (typeof window !== 'undefined' ? window.location.href : '')\n            }\n            title={text}\n          />\n        )}\n      </PopupFrame>\n    </StyledSharePopup>,\n    document.body,\n  )\n}\n\nexport const StyledSharePopup = styled.div`\n  .share-popup {\n    > div:first-child {\n      height: unset;\n    }\n    .close-button {\n      display: none;\n    }\n    .popup-content .header {\n      display: none;\n    }\n  }\n  .custom-share__header {\n    display: flex;\n    flex-wrap: no-wrap;\n    align-items: center;\n    padding: 1rem;\n    border-bottom: 1px solid\n      ${(props: ThemeProps) => props.theme.colors.neutral100};\n    margin-bottom: 16px;\n\n    .custom-share__header-image {\n      width: 38px;\n      height: 38px;\n      flex-shrink: 0;\n      & > img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n      }\n    }\n\n    .custom-share__header-info {\n      flex: 1;\n      padding: 0 8px;\n      word-break: break-word;\n\n      [data-tag='h4'] {\n        margin-bottom: 8px;\n        font-size: 14px;\n        font-weight: bold;\n        line-height: 14px;\n      }\n\n      [data-size='md'] {\n        color: #a5a5a5;\n        font-size: 14px;\n        line-height: 14px;\n      }\n    }\n  }\n\n  &[data-is-marrybaby='true'] {\n    .share-popup {\n      > div:first-child {\n        overflow: hidden;\n        border-radius: 1rem;\n        &[data-open='true'] {\n          ${MediaQueries.mbDown} {\n            max-width: unset;\n            width: 100%;\n            top: 100%;\n            transform: translate(-50%, -100%);\n            border-bottom-left-radius: 0;\n            border-bottom-right-radius: 0;\n          }\n        }\n      }\n      .close-button {\n        display: block;\n      }\n      .popup-content {\n        .header {\n          display: block;\n          padding: 1rem;\n          background-color: rgb(243, 243, 243);\n        }\n        .content {\n          padding-bottom: 1rem;\n        }\n      }\n      .share-mb-text {\n        margin: 1rem 1rem 0.5rem;\n      }\n    }\n  }\n`\n"],"names":["StyledSharePopup","div","templateObject_1","__makeTemplateObject","props","theme","colors","neutral100","MediaQueries","mbDown","_a","className","style","url","avatar","text","onClose","isMarryBaby","useContext","TogetherComponentGlobalContext","t","useTranslations","_b","useState","isOpen","setIsOpen","useEffect","toggleNoScroll","setTimeout","ReactDOM","createPortal","React","createElement","PopupFrame","heading","Text","size","src","Heading","tag","ShareBox","shareUrl","window","location","href","title","document","body"],"mappings":"m4BA0FaA,OAAyB,QAACC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,yVAAA,k0BAAA,+mBAAA,CAAA,yVAkBkB,k0BAyC7B,knBAzCvB,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,aAyCtCC,EAAAA,aAAaC,2BA9HC,SAACC,GACzB,IAAAC,EAASD,EAAAC,UACTC,EAAKF,EAAAE,MACLC,EAAGH,EAAAG,IACHC,WACAC,EAAIL,EAAAK,KACJC,EAAON,EAAAM,QAIIC,EAEPC,EAAAA,WAAWC,EAAAA,qDACPC,EAAMC,sBACRC,EAAsBC,EAAAA,UAAS,GAA9BC,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAOxB,OALAI,EAAAA,WAAU,WAGR,OAFAC,EAAcA,gBAAC,GACfC,YAAW,WAAM,OAAAH,GAAU,KAAO,GAC3B,WAAM,OAAAE,EAAAA,gBAAe,MAC3B,IACIE,EAASC,aACdC,wBAAC/B,EAAgB,CAAA,oBACIiB,EACnBN,UAAWA,EACXC,MAAOA,GAEPmB,EAAAA,QAAAC,cAACC,EAAAA,WACC,CAAAtB,UAAU,cACVa,OAAQA,EACRR,QAASA,EACTkB,QAASd,EAAE,oBAEVH,EACCc,EAAC,QAAAC,cAAAG,EAAAA,KAAK,CAAAxB,UAAU,gBAAgByB,KAAK,MAClChB,EAAE,oBAGLW,EAAA,QAAAC,cAAA,MAAA,CAAKrB,UAAU,wBACZG,GACCiB,EAAK,QAAAC,cAAA,MAAA,CAAArB,UAAU,8BACboB,EAAA,QAAAC,cAAA,MAAA,CAAKK,IAAKvB,KAGdiB,EAAAA,QAAKC,cAAA,MAAA,CAAArB,UAAU,6BACboB,EAAA,QAAAC,cAACM,EAAOA,QAAC,CAAAC,IAAI,MAAMxB,GACnBgB,EAAAA,QAAAC,cAACG,OAAI,CAACxB,UAAU,OAAOyB,KAAK,MACzBvB,KAMRW,GACCO,EAAAA,QAAAC,cAACQ,WACC,CAAAC,SACE5B,IAA0B,oBAAX6B,OAAyBA,OAAOC,SAASC,KAAO,IAEjEC,MAAO9B,MAKf+B,SAASC"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/button/index.js"),a=require("../../../../components/atoms/text/index.js"),l=require("../../../../hooks/useTranslations.js"),n=require("../../../../misc/theme.js"),r=require("../../../api/paths.js"),o=require("../../../api/utils.js"),i=require("../../../assets/images/avatar-default.png.js"),s=require("../../../assets/svg/closeLight.svg.js"),c=require("../../../assets/svg/reviewer-medical.svg.js"),u=require("../../atoms/loading/index.js"),d=require("./index.styled.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(e);exports.PopupHospital=function(m){var f=m.isOpen,g=void 0===f||f,v=m.onClose,E=m.enableAnimation,b=void 0===E||E,h=m.hospitalId,y=m.locale,N=m.isMobile,x=l.useTranslations().t,j=e.useState(null),T=j[0],C=j[1],q=e.useState(!1),k=q[0],S=q[1];e.useEffect((function(){if(g&&h&&String(null==T?void 0:T.id)!==String(h)){S(!0);try{C(null),o.callApi(o.getCarePath(r.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:h,website_url:o.domainLocales[y]}),"get").then((function(e){C(null==e?void 0:e._data.branch)}))}catch(e){console.error(e)}S(!1)}}),[g,h,null==T?void 0:T.id]);var P=(null==T?void 0:T.specialties)||[],_=e.useMemo((function(){return P.map((function(e){return e.name}))}),[P]);return p.default.createElement(p.default.Fragment,null,p.default.createElement(d.StyledPopup,{"data-open":g,"data-animation":b,onClick:function(e){return e.stopPropagation()}},k||!T?p.default.createElement(u.Loading,null):p.default.createElement("div",{className:"popup-content"},p.default.createElement("div",{className:"close-button",onClick:v},p.default.createElement("img",{src:s,style:{width:20,height:20},alt:"close-icon"})),p.default.createElement("div",{className:"main-info"},p.default.createElement("div",{className:"border-banner"}),p.default.createElement("div",{className:"avatar-title"},p.default.createElement(d.StyledProfileImage,null,p.default.createElement("div",{className:"image-container"},p.default.createElement("div",{style:{position:"relative"}},p.default.createElement("img",{src:(null==T?void 0:T.logo)?null==T?void 0:T.logo:i,className:"profile-image",alt:"avatar"}),p.default.createElement("img",{className:"badge-avatar",src:c,alt:"badge"})))),p.default.createElement(d.StyledTitleContainer,null,p.default.createElement(a.Text,{size:"s3",type:"semiBold",className:"full-name"},null==T?void 0:T.name),p.default.createElement("div",{className:"specialty"},P&&p.default.createElement(a.Text,{size:"p4",color:n.theme.colors.gray800},_.join(" • "),"•"),p.default.createElement("a",{href:o.getCareHospitalUrl({id:T.id,name:T.name,slug:T.slug,locale:y}),className:"organisation",target:"_blank",rel:"noreferrer"},p.default.createElement(a.Text,{size:"p4",className:"organisation",color:n.theme.colors.gray800,style:{textDecoration:"underline"}},null==T?void 0:T.name))))),!N&&p.default.createElement("a",{href:o.getCareHospitalUrl({id:T.id,name:T.name,slug:T.slug,locale:y})},p.default.createElement("div",{className:"btn-wrapper"},p.default.createElement(t.Button,{color:"primary",size:"md",className:"btn-booking"},x("careBooking.bookAnAppointment"))))),p.default.createElement(d.StyledTitleContainer,null,p.default.createElement("div",{className:"experience"},p.default.createElement(a.Text,{type:"bold",size:"s3",color:n.theme.colors.gray800,style:{paddingBottom:16}},x("hospital.content.description").toUpperCase()),p.default.createElement(a.Text,{size:"p2",color:n.theme.colors.gray500},T.about),N?p.default.createElement("a",{href:o.getCareHospitalUrl({id:T.id,name:T.name,slug:T.slug,locale:y})},p.default.createElement("div",{className:"btn-wrapper"},p.default.createElement(t.Button,{color:"primary",size:"md",className:"btn-booking"},x("careBooking.bookAnAppointment")))):p.default.createElement("a",{href:o.getCareHospitalUrl({id:T.id,name:T.name,slug:T.slug,locale:y})},p.default.createElement(a.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},x("home.seeHospital"))))))),p.default.createElement(d.StyledPopupWrapper,{"data-open":g,onClick:function(e){e.stopPropagation(),v()}}))};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/together/components/molecules/popupHospital/index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\n\nimport { Button } from 'components/atoms/button'\nimport { Text } from 'components/atoms/text'\nimport { useTranslations } from 'hooks/useTranslations'\nimport { theme } from 'misc/theme'\nimport { LocaleType } from 'src/interfaces/types'\n\nimport { CARE_PATHS } from '../../../api/paths'\nimport {\n  callApi,\n  domainLocales,\n  getCareHospitalUrl,\n  getCarePath,\n} from '../../../api/utils'\nimport AvatarDefault from '../../../assets/images/avatar-default.png'\nimport CloseLight from '../../../assets/svg/closeLight.svg'\nimport ReviewerMedical from '../../../assets/svg/reviewer-medical.svg'\nimport { Loading } from '../../atoms/loading'\nimport {\n  StyledPopup,\n  StyledPopupWrapper,\n  StyledProfileImage,\n  StyledTitleContainer,\n} from './index.styled'\n\nexport type Specialy = {\n  id: string\n  name: string\n  slug: string\n  thumbnail?: string\n}\n\nexport type HospitalInfo = {\n  name: string\n  about?: string\n  specialties?: Array<Specialy>\n  logo?: string\n  address?: string\n  city_id?: number\n  total_available_doctor?: number\n  total_available_service?: number\n  slug: string\n  id: number\n}\nexport type Props = {\n  isOpen: boolean\n  onClose: () => void\n  enableAnimation?: boolean\n  hospitalId: string\n  locale?: LocaleType\n  isMobile?: boolean\n}\n\nconst PopupHospital = ({\n  isOpen = true,\n  onClose,\n  enableAnimation = true,\n  hospitalId,\n  locale,\n  isMobile,\n}: Props) => {\n  const { t } = useTranslations()\n  const [hospitalInfo, setHospitalInfo] = useState<HospitalInfo | null>(null)\n  const [isLoading, setIsLoading] = useState(false)\n\n  useEffect(() => {\n    if (\n      isOpen &&\n      hospitalId &&\n      String(hospitalInfo?.id) !== String(hospitalId)\n    ) {\n      setIsLoading(true)\n      try {\n        setHospitalInfo(null)\n        callApi(\n          getCarePath(CARE_PATHS.GET_HOSPITAL_INFO, {\n            hospital_branch_id: hospitalId,\n            website_url: domainLocales[locale],\n          }),\n          'get',\n        ).then((res) => {\n          setHospitalInfo(res?._data.branch)\n        })\n      } catch (error) {\n        console.error(error)\n      }\n      setIsLoading(false)\n    }\n  }, [isOpen, hospitalId, hospitalInfo?.id])\n  const specialties = hospitalInfo?.specialties || []\n  const formatSpecialties: string[] = useMemo(\n    () => specialties.map((specialty: any) => specialty.name),\n    [specialties],\n  )\n\n  return (\n    <>\n      <StyledPopup\n        data-open={isOpen}\n        data-animation={enableAnimation}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {isLoading || !hospitalInfo ? (\n          <Loading />\n        ) : (\n          <div className=\"popup-content\">\n            <div className=\"close-button\" onClick={onClose}>\n              <img\n                src={CloseLight}\n                style={{ width: 20, height: 20 }}\n                alt=\"close-icon\"\n              />\n            </div>\n            <div className=\"main-info\">\n              <div className=\"border-banner\"></div>\n              <div className=\"avatar-title\">\n                <StyledProfileImage>\n                  <div className=\"image-container\">\n                    <div style={{ position: 'relative' }}>\n                      <img\n                        src={\n                          hospitalInfo?.logo\n                            ? hospitalInfo?.logo\n                            : AvatarDefault\n                        }\n                        className=\"profile-image\"\n                        alt=\"avatar\"\n                      />\n                      <img\n                        className=\"badge-avatar\"\n                        src={ReviewerMedical}\n                        alt=\"badge\"\n                      />\n                    </div>\n                  </div>\n                </StyledProfileImage>\n                <StyledTitleContainer>\n                  <Text size=\"s3\" type=\"semiBold\" className=\"full-name\">\n                    {hospitalInfo?.name}\n                  </Text>\n                  <div className=\"specialty\">\n                    {specialties && (\n                      <Text size=\"p4\" color={theme.colors.gray800}>\n                        {formatSpecialties.join(' • ')}\n                        {'•'}\n                      </Text>\n                    )}\n\n                    <a\n                      href={getCareHospitalUrl({\n                        id: hospitalInfo.id,\n                        name: hospitalInfo.name,\n                        slug: hospitalInfo.slug,\n                        locale,\n                      })}\n                      className=\"organisation\"\n                      target=\"_blank\"\n                      rel=\"noreferrer\"\n                    >\n                      <Text\n                        size=\"p4\"\n                        className=\"organisation\"\n                        color={theme.colors.gray800}\n                        style={{ textDecoration: 'underline' }}\n                      >\n                        {hospitalInfo?.name}\n                      </Text>\n                    </a>\n                  </div>\n                </StyledTitleContainer>\n              </div>\n              {!isMobile && (\n                <a\n                  href={getCareHospitalUrl({\n                    id: hospitalInfo.id,\n                    name: hospitalInfo.name,\n                    slug: hospitalInfo.slug,\n                    locale,\n                  })}\n                >\n                  <div className=\"btn-wrapper\">\n                    <Button color=\"primary\" size=\"md\" className=\"btn-booking\">\n                      {t('careBooking.bookAnAppointment')}\n                    </Button>\n                  </div>\n                </a>\n              )}\n            </div>\n\n            <StyledTitleContainer>\n              <div className=\"experience\">\n                <Text\n                  type=\"bold\"\n                  size=\"s3\"\n                  color={theme.colors.gray800}\n                  style={{ paddingBottom: 16 }}\n                >\n                  {t('hospital.content.description').toUpperCase()}\n                </Text>\n                <Text size=\"p2\" color={theme.colors.gray500}>\n                  {hospitalInfo.about}\n                </Text>\n                {isMobile ? (\n                  <a\n                    href={getCareHospitalUrl({\n                      id: hospitalInfo.id,\n                      name: hospitalInfo.name,\n                      slug: hospitalInfo.slug,\n                      locale,\n                    })}\n                  >\n                    <div className=\"btn-wrapper\">\n                      <Button color=\"primary\" size=\"md\" className=\"btn-booking\">\n                        {t('careBooking.bookAnAppointment')}\n                      </Button>\n                    </div>\n                  </a>\n                ) : (\n                  <a\n                    href={getCareHospitalUrl({\n                      id: hospitalInfo.id,\n                      name: hospitalInfo.name,\n                      slug: hospitalInfo.slug,\n                      locale,\n                    })}\n                  >\n                    <Text size=\"s4\" color=\"#2D87F3\" style={{ paddingTop: 24 }}>\n                      {t('home.seeHospital')}\n                    </Text>\n                  </a>\n                )}\n              </div>\n            </StyledTitleContainer>\n          </div>\n        )}\n      </StyledPopup>\n      <StyledPopupWrapper\n        data-open={isOpen}\n        onClick={(e) => {\n          e.stopPropagation()\n          onClose()\n        }}\n      />\n    </>\n  )\n}\n\nexport { PopupHospital }\n"],"names":["_a","_b","isOpen","onClose","_c","enableAnimation","hospitalId","locale","isMobile","t","useTranslations","_d","useState","hospitalInfo","setHospitalInfo","_e","isLoading","setIsLoading","useEffect","String","id","callApi","getCarePath","CARE_PATHS","GET_HOSPITAL_INFO","hospital_branch_id","website_url","domainLocales","then","res","_data","branch","error","console","specialties","formatSpecialties","useMemo","map","specialty","name","React","createElement","Fragment","StyledPopup","onClick","e","stopPropagation","Loading","className","src","CloseLight","style","width","height","alt","StyledProfileImage","position","logo","AvatarDefault","ReviewerMedical","StyledTitleContainer","Text","size","type","color","theme","colors","gray800","join","href","getCareHospitalUrl","slug","target","rel","textDecoration","Button","paddingBottom","toUpperCase","gray500","about","paddingTop","StyledPopupWrapper"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.js","sources":["../../../../../src/together/components/molecules/popupHospital/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledPopup = styled.div`\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ${(props: ThemeProps) => props.theme.colors.white};\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ${(props: ThemeProps) => props.theme.colors.gray200};\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  ${MediaQueries.tdUp} {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    ${MediaQueries.mbDown} {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ${(props: ThemeProps) => props.theme.colors.blue50};\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n`\n\nexport const StyledPopupWrapper = styled.div`\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n`\n\nexport const StyledProfileImage = styled.div`\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n`\n\nexport const StyledTitleContainer = styled.div`\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n`\nexport const StyledSeparator = styled.span`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ${(props: ThemeProps) => props.theme.colors.neutral300};\n`\nexport const StyledDotSeparator = styled.div`\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ${(props: ThemeProps) => props.theme.colors.gray400};\n  border-radius: 50%;\n`\n\nexport const StyledItem = styled.div`\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n`\n"],"names":["StyledPopup","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","white","gray200","MediaQueries","tdUp","mbDown","blue50","StyledPopupWrapper","templateObject_2","StyledProfileImage","templateObject_3","StyledTitleContainer","templateObject_4","span","templateObject_5","neutral300","templateObject_6","gray400","templateObject_7"],"mappings":"oSAIaA,EAAcC,EAAM,QAACC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,4EAAA,uDAAA,oFAAA,mSAAA,olBAAA,gPAAA,CAAA,4EAIgC,uDAEQ,oFAIxD,mSAoBI,olBAgC+C,mPA1DlD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,SAEpC,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,UAIlEC,EAAYA,aAACC,KAoBXD,EAAAA,aAAaE,QAgCK,SAACP,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,UAerDC,EAAqBb,EAAM,QAACC,IAAGa,IAAAA,EAAAX,uBAAA,CAAA,sNAAA,CAAA,yNAe/BY,EAAqBf,EAAM,QAACC,IAAGe,IAAAA,EAAAb,uBAAA,CAAA,qcAAA,CAAA,wcA2B/Bc,EAAuBjB,EAAM,QAACC,IAAGiB,IAAAA,EAAAf,uBAAA,CAAA,iXAAA,CAAA,oXAyBfH,EAAAA,QAAOmB,KAAIC,IAAAA,EAAAjB,EAAAA,qBAAA,CAAA,2GAAA,OAAA,CAAA,2GAKqB,UAApD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOe,cAEnBrB,EAAAA,QAAOC,IAAGqB,IAAAA,EAAAnB,EAAAA,qBAAA,CAAA,gGAAA,8BAAA,CAAA,gGAK2B,iCAAjD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOiB,WAItCvB,EAAAA,QAAOC,IAAGuB,IAAAA,EAAArB,EAAAA,qBAAA,CAAA,2GAAA,CAAA"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../hooks/useTranslations.js"),n=require("../../../togetherComponentGlobalContext.js"),o=require("../../../hooks/useTogetherAuthRequiredAction.js"),r=require("../../../utils/post.js"),s=require("../popupExpert/index.js"),a=require("./index.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e);exports.PostContent=function(l){var u=l.className,c=l.style,p=l.replyingTo,d=l.mentionedUser,m=l.description,h=l.disableShortenContent,f=l.mentions,g=void 0===f?[]:f,v=e.useState(!1),C=v[0],x=v[1],y=t.useTranslations().t,E=o.useTogetherAuthRequiredAction().authActionWrapper,S=e.useState(!1),q=S[0],M=S[1],j=r.decodeMention(r.decodePostUrl(m||"","display"),g),T=e.useContext(n.TogetherComponentGlobalContext).action.sanitizeFunction,A=e.useMemo((function(){var e=T(j||"");if(h||C)return{showContent:e,hasSeeMore:!1};var t=e.slice(0,200),n=200-27*((t.match(/<\/div>/g)||[]).length-1),o=(t||"").slice(0,n<40?40:n),r=T(o.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),s=r.length<e.length-10;return{showContent:s?r:e,hasSeeMore:s}}),[h,C,j]),N=(null==d?void 0:d.name)||p,P="expert"===(null==d?void 0:d.role)&&!!(null==d?void 0:d.partnerId);return i.default.createElement(i.default.Fragment,null,P&&i.default.createElement(s.PopupExpert,{isOpen:q,onClose:function(){return M(!1)},expertId:String(null==d?void 0:d.partnerId)}),i.default.createElement(a.StyledPostContent,{className:"".concat(u," no-replace-click"),style:c},N&&i.default.createElement("span",{onClick:function(){return P&&M(!0)},className:"post-content-replying"},"@",N),(null==m?void 0:m.startsWith("[mention+id="))&&i.default.createElement("span",{className:"post-content-replying tag-only"},"@"),i.default.createElement("span",{dangerouslySetInnerHTML:{__html:A.showContent},className:"post-content ".concat(A.hasSeeMore?"has-see-more":"")}),A.hasSeeMore&&!C&&i.default.createElement("span",null,"... ",i.default.createElement("span",{onClick:function(e){e.preventDefault(),e.stopPropagation(),E((function(){return x(!0)}))},className:"see-more-text"},y("post.seeMore")))))};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/together/components/molecules/postContent/index.tsx"],"sourcesContent":["import React, { CSSProperties, useContext, useMemo, useState } from 'react'\n\nimport { useTranslations } from 'hooks/useTranslations'\nimport { UserInfo } from 'together/interfaces/types'\nimport { TogetherComponentGlobalContext } from 'together/togetherComponentGlobalContext'\n\nimport { useTogetherAuthRequiredAction } from '../../../hooks/useTogetherAuthRequiredAction'\nimport { decodeMention, decodePostUrl } from '../../../utils/post'\nimport { PopupExpert } from '../popupExpert'\nimport { StyledPostContent } from './index.styled'\n\nexport type Props = {\n  description?: string\n  replyingTo?: string\n  disableShortenContent?: boolean\n  className?: string\n  style?: CSSProperties\n  mentionedUser?: UserInfo\n  mentions?: {\n    id: number\n    name: string\n  }[]\n}\n\nexport const PostContent = ({\n  className,\n  style,\n  replyingTo,\n  mentionedUser,\n  description: rawDescription,\n  disableShortenContent,\n  mentions = [],\n}: Props) => {\n  const [showAll, setShowAll] = useState(false)\n  const { t } = useTranslations()\n  const { authActionWrapper } = useTogetherAuthRequiredAction()\n  const [openPopupExpert, setOpenPopupExpert] = useState(false)\n  const description = decodeMention(\n    decodePostUrl(rawDescription || '', 'display'),\n    mentions,\n  )\n  const {\n    action: { sanitizeFunction },\n  } = useContext(TogetherComponentGlobalContext)\n  const shortenSanitizedContentData = useMemo(() => {\n    const sanitizedContent = sanitizeFunction(description || '')\n    if (disableShortenContent || showAll)\n      return {\n        showContent: sanitizedContent,\n        hasSeeMore: false,\n      }\n    const firstRound = sanitizedContent.slice(0, 200)\n    const newLineCompensateLength =\n      200 - ((firstRound.match(/<\\/div>/g) || []).length - 1) * 27\n    const shortenFirstRound = (firstRound || '').slice(\n      0,\n      newLineCompensateLength < 40 ? 40 : newLineCompensateLength,\n    )\n\n    // remove < if we cut off right before start of a new html tag\n    const secondRound = sanitizeFunction(\n      shortenFirstRound.replace(/(<|<\\/)( +|[a-zA-Z]*)$/gi, ''),\n    )\n    // don't show see more if not much difference\n    const hasSeeMore = secondRound.length < sanitizedContent.length - 10\n    return {\n      showContent: hasSeeMore ? secondRound : sanitizedContent,\n      hasSeeMore,\n    }\n  }, [disableShortenContent, showAll, description])\n\n  const replyName = mentionedUser?.name || replyingTo\n  const hasExpert =\n    mentionedUser?.role === 'expert' && !!mentionedUser?.partnerId\n  return (\n    <>\n      {hasExpert && (\n        <PopupExpert\n          isOpen={openPopupExpert}\n          onClose={() => setOpenPopupExpert(false)}\n          expertId={String(mentionedUser?.partnerId)}\n        ></PopupExpert>\n      )}\n      <StyledPostContent\n        className={`${className} no-replace-click`}\n        style={style}\n      >\n        {replyName && (\n          <span\n            onClick={() => hasExpert && setOpenPopupExpert(true)}\n            className=\"post-content-replying\"\n          >\n            @{replyName}\n          </span>\n        )}\n        {rawDescription?.startsWith('[mention+id=') && (\n          <span className=\"post-content-replying tag-only\">@</span>\n        )}\n        <span\n          dangerouslySetInnerHTML={{\n            __html: shortenSanitizedContentData.showContent,\n          }}\n          className={`post-content ${\n            shortenSanitizedContentData.hasSeeMore ? 'has-see-more' : ''\n          }`}\n        ></span>\n        {shortenSanitizedContentData.hasSeeMore && !showAll && (\n          <span>\n            {`... `}\n            <span\n              onClick={(e) => {\n                e.preventDefault()\n                e.stopPropagation()\n                authActionWrapper(() => setShowAll(true))\n              }}\n              className=\"see-more-text\"\n            >\n              {t('post.seeMore')}\n            </span>\n          </span>\n        )}\n      </StyledPostContent>\n    </>\n  )\n}\n"],"names":["_a","className","style","replyingTo","mentionedUser","rawDescription","description","disableShortenContent","_b","mentions","_c","useState","showAll","setShowAll","t","useTranslations","authActionWrapper","useTogetherAuthRequiredAction","_d","openPopupExpert","setOpenPopupExpert","decodeMention","decodePostUrl","sanitizeFunction","useContext","TogetherComponentGlobalContext","shortenSanitizedContentData","useMemo","sanitizedContent","showContent","hasSeeMore","firstRound","slice","newLineCompensateLength","match","length","shortenFirstRound","secondRound","replace","replyName","name","hasExpert","role","partnerId","React","createElement","Fragment","PopupExpert","isOpen","onClose","expertId","String","StyledPostContent","concat","onClick","startsWith","dangerouslySetInnerHTML","__html","e","preventDefault","stopPropagation"],"mappings":"idAwB2B,SAACA,OAC1BC,EAASD,EAAAC,UACTC,EAAKF,EAAAE,MACLC,EAAUH,EAAAG,WACVC,EAAaJ,EAAAI,cACAC,EAAcL,EAAAM,YAC3BC,EAAqBP,EAAAO,sBACrBC,aAAAC,OAAW,IAAAD,EAAA,GAAEA,EAEPE,EAAwBC,EAAAA,UAAS,GAAhCC,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAClBI,EAAMC,sBACNC,EAAsBC,oDACxBC,EAAwCP,EAAAA,UAAS,GAAhDQ,EAAeD,EAAA,GAAEE,EAAkBF,EAAA,GACpCZ,EAAce,EAAaA,cAC/BC,gBAAcjB,GAAkB,GAAI,WACpCI,GAGUc,EACRC,EAAUA,WAACC,EAA8BA,wDACvCC,EAA8BC,EAAAA,SAAQ,WAC1C,IAAMC,EAAmBL,EAAiBjB,GAAe,IACzD,GAAIC,GAAyBK,EAC3B,MAAO,CACLiB,YAAaD,EACbE,YAAY,GAEhB,IAAMC,EAAaH,EAAiBI,MAAM,EAAG,KACvCC,EACJ,IAA0D,KAAlDF,EAAWG,MAAM,aAAe,IAAIC,OAAS,GACjDC,GAAqBL,GAAc,IAAIC,MAC3C,EACAC,EAA0B,GAAK,GAAKA,GAIhCI,EAAcd,EAClBa,EAAkBE,QAAQ,2BAA4B,KAGlDR,EAAaO,EAAYF,OAASP,EAAiBO,OAAS,GAClE,MAAO,CACLN,YAAaC,EAAaO,EAAcT,EACxCE,WAAUA,KAEX,CAACvB,EAAuBK,EAASN,IAE9BiC,GAAYnC,aAAA,EAAAA,EAAeoC,OAAQrC,EACnCsC,EACoB,YAAxBrC,aAAA,EAAAA,EAAesC,UAAuBtC,eAAAA,EAAeuC,WACvD,OACEC,UAAAC,cAAAD,EAAA,QAAAE,SAAA,KACGL,GACCG,EAAC,QAAAC,cAAAE,EAAAA,aACCC,OAAQ7B,EACR8B,QAAS,WAAM,OAAA7B,GAAmB,IAClC8B,SAAUC,OAAO/C,eAAAA,EAAeuC,aAGpCC,EAAAA,QAACC,cAAAO,oBACC,CAAAnD,UAAW,GAAAoD,OAAGpD,EAA4B,qBAC1CC,MAAOA,GAENqC,GACCK,EAAAA,QAAAC,cAAA,OAAA,CACES,QAAS,WAAM,OAAAb,GAAarB,GAAmB,IAC/CnB,UAAU,6BAERsC,IAGLlC,aAAA,EAAAA,EAAgBkD,WAAW,kBAC1BX,EAAAA,QAAAC,cAAA,OAAA,CAAM5C,UAAU,uCAElB2C,EAAAA,QAAAC,cAAA,OAAA,CACEW,wBAAyB,CACvBC,OAAQ/B,EAA4BG,aAEtC5B,UAAW,gBACToD,OAAA3B,EAA4BI,WAAa,eAAiB,MAG7DJ,EAA4BI,aAAelB,GAC1CgC,oCACG,OACDA,EAAAA,QACEC,cAAA,OAAA,CAAAS,QAAS,SAACI,GACRA,EAAEC,iBACFD,EAAEE,kBACF5C,GAAkB,WAAM,OAAAH,GAAW,OAErCZ,UAAU,iBAETa,EAAE"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.styled.js","sources":["../../../../../src/together/components/molecules/postContent/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledPostContent = styled.div`\n  padding: 0.5rem 1rem 1rem;\n  line-height: 1.5;\n  word-break: break-word;\n  .post-content-replying {\n    margin-right: 5px;\n    color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n    cursor: pointer;\n    display: inline-block;\n    &.tag-only {\n      margin-right: 0;\n    }\n  }\n  .post-content {\n    display: inline;\n    white-space: pre-wrap;\n    /* > *:first-child, */\n    > mention:first-child ~ * {\n      &:not(ul),\n      &:not(ol) {\n        display: inline-block;\n      }\n    }\n    > mention:first-child {\n      margin-right: 5px;\n    }\n    &.has-see-more {\n      *:last-child {\n        &:not(ul),\n        &:not(ol) {\n          display: inline;\n        }\n      }\n    }\n    img {\n      width: 100%;\n      height: unset;\n    }\n    ul,\n    ol {\n      list-style-position: inside;\n      padding-left: 1rem;\n      display: block;\n    }\n    ol {\n      list-style-type: decimal;\n    }\n    ul {\n      list-style-type: disc;\n    }\n    mention {\n      color: #1890ff;\n      padding-right: 4px;\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n  .see-more-text {\n    color: #1890ff;\n    cursor: pointer;\n  }\n`\n"],"names":["StyledPostContent","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","primaryBase"],"mappings":"+MAGaA,kCAAoBC,QAAOC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,kJAAA,4+BAAA,CAAA,kJAMuB,++BAArD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../components/atoms/text/index.js"),r=require("../../../../hooks/useTranslations.js"),a=require("react-dom"),n=require("../../../assets/svg/icon-arrow-left.svg.js"),o=require("./index.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=s(e),u=i(a);exports.ImagePreviewPopup=function(a){var s=a.className,i=a.style,c=a.authorName,f=a.images,m=a.onClose,d=a.onOpenSingleView,p=r.useTranslations().t,g=e.useState(!1),v=g[0],y=g[1];return e.useEffect((function(){setTimeout((function(){y(!0)}),0)}),[]),u.createPortal(l.default.createElement(o.StyledImagePreviewPopup,{className:s,style:i,"data-open":v},l.default.createElement("div",{className:"top-bar"},l.default.createElement("img",{className:"icon-arrow-left",src:n,onClick:m,alt:"go back"}),l.default.createElement(t.Text,{size:"p2",type:"bold",style:{textAlign:"center"}},p("previewPhotos.title",{name:c}))),l.default.createElement("div",{className:"container"},f.map((function(e,t){return l.default.createElement("img",{className:"img-preview",key:t,src:e,onClick:function(){return null==d?void 0:d(t)},alt:"post img"})})))),document.body)};
-//# sourceMappingURL=imagePreviewPopup.js.map