@linktr.ee/messaging-react 1.31.0 → 1.32.1-rc-1777007852

package/src/components/LockedAttachment/components/Creator/CardVideoPreview.tsx

@@ -1,91 +0,0 @@
-import { EyeIcon, EyeSlashIcon } from '@phosphor-icons/react'
-import classNames from 'classnames'
-import React, { useState } from 'react'
-
-import { renderTypeIcon } from '../../utils/icons'
-import MediaPlayer from '../MediaPlayer'
-
-import CollapsedThumbnail from './CardCollapsedThumbnail'
-
-interface VideoPreviewProps {
-  sourceUrl?: string
-  thumbnailUrl?: string
-  mimeType: string
-}
-
-const VideoPreview: React.FC<VideoPreviewProps> = (props) => {
-  const { sourceUrl, thumbnailUrl, mimeType } = props
-  const [expanded, setExpanded] = useState(false)
-
-  const collapse = () => {
-    setExpanded(false)
-  }
-
-  if (!sourceUrl) {
-    return (
-      <CollapsedThumbnail thumbnailUrl={thumbnailUrl} mimeType={mimeType} />
-    )
-  }
-
-  return (
-    <div
-      className={classNames('relative overflow-hidden', {
-        'aspect-video': !expanded,
-      })}
-    >
-      <MediaPlayer
-        source={sourceUrl}
-        mimeType={mimeType}
-        poster={thumbnailUrl}
-        playing={expanded}
-        loop={true}
-        controls={false}
-        muted={true}
-        showProgress={true}
-        onContainerClick={collapse}
-      />
-      {!expanded && (
-        <button
-          type="button"
-          className="absolute inset-0 block cursor-pointer border-0 p-0 text-left appearance-none"
-          onClick={() => setExpanded(true)}
-          aria-label="Expand video preview"
-        >
-          {thumbnailUrl ? (
-            <img
-              src={thumbnailUrl}
-              alt=""
-              className="absolute inset-0 h-full w-full object-cover"
-            />
-          ) : (
-            <div className="absolute inset-0 flex items-center justify-center">
-              {renderTypeIcon(mimeType, {
-                className: 'size-12 text-black/20',
-                weight: 'regular',
-              })}
-            </div>
-          )}
-          <div className="pointer-events-none absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60 text-white">
-            <EyeSlashIcon className="size-4" weight="fill" />
-          </div>
-        </button>
-      )}
-      {expanded && <CloseButton onClose={collapse} />}
-    </div>
-  )
-}
-
-const CloseButton: React.FC<{ onClose: () => void }> = ({ onClose }) => {
-  return (
-    <button
-      type="button"
-      onClick={onClose}
-      className="absolute left-3 top-3 z-40 flex size-8 items-center justify-center rounded-full bg-black/60 text-white"
-      aria-label="Close preview"
-    >
-      <EyeIcon className="size-4" weight="fill" />
-    </button>
-  )
-}
-
-export default VideoPreview

package/src/components/LockedAttachment/components/Visitor/CardImagePreview.tsx

@@ -1,39 +0,0 @@
-import React, { useState } from 'react'
-
-import ThumbnailPreview from './CardThumbnailPreview'
-
-interface ImagePreviewProps {
-  sourceUrl?: string
-  thumbnailUrl?: string
-  mimeType: string
-  title?: string
-  LockIcon?: React.ElementType
-}
-
-const ImagePreview: React.FC<ImagePreviewProps> = (props) => {
-  const { sourceUrl, thumbnailUrl, mimeType, title, LockIcon } = props
-  const [sourceReady, setSourceReady] = useState(false)
-
-  if (LockIcon != null) {
-    return (
-      <ThumbnailPreview
-        thumbnailUrl={thumbnailUrl}
-        mimeType={mimeType}
-        LockIcon={LockIcon}
-      />
-    )
-  }
-
-  return (
-    <div className="relative overflow-hidden bg-black/5">
-      <img
-        src={sourceUrl}
-        alt={title}
-        className={`block w-full transition-opacity duration-300 ${sourceReady ? 'opacity-100' : 'opacity-0'}`}
-        onLoad={() => setSourceReady(true)}
-      />
-    </div>
-  )
-}
-
-export default ImagePreview

package/src/components/LockedAttachment/components/Visitor/CardMediaPreview.tsx

@@ -1,36 +0,0 @@
-import React from 'react'
-
-import MediaPlayer from '../MediaPlayer'
-
-import ThumbnailPreview from './CardThumbnailPreview'
-
-interface MediaPreviewProps {
-  sourceUrl?: string
-  thumbnailUrl?: string
-  mimeType: string
-  LockIcon?: React.ElementType
-}
-
-const MediaPreview: React.FC<MediaPreviewProps> = (props) => {
-  const { sourceUrl, thumbnailUrl, mimeType, LockIcon } = props
-
-  if (LockIcon != null) {
-    return (
-      <ThumbnailPreview
-        thumbnailUrl={thumbnailUrl}
-        mimeType={mimeType}
-        LockIcon={LockIcon}
-      />
-    )
-  }
-
-  return (
-    <MediaPlayer
-      source={sourceUrl ?? ''}
-      mimeType={mimeType}
-      poster={thumbnailUrl}
-    />
-  )
-}
-
-export default MediaPreview

package/src/components/LockedAttachment/components/Visitor/CardThumbnailPreview.tsx

@@ -1,45 +0,0 @@
-import React from 'react'
-
-import { renderTypeIcon } from '../../utils/icons'
-
-interface ThumbnailPreviewProps {
-  thumbnailUrl?: string
-  mimeType: string
-  LockIcon?: React.ElementType
-}
-
-const ThumbnailPreview: React.FC<ThumbnailPreviewProps> = (props) => {
-  const { thumbnailUrl, mimeType, LockIcon } = props
-
-  return (
-    <div className="relative aspect-video overflow-hidden bg-black/5">
-      {thumbnailUrl != null ? (
-        <img
-          src={thumbnailUrl}
-          alt=""
-          className="absolute inset-0 h-full w-full object-cover"
-        />
-      ) : (
-        <div className="absolute inset-0 flex items-center justify-center">
-          {renderTypeIcon(mimeType, {
-            className: 'size-12 text-black/20',
-            weight: 'regular',
-          })}
-        </div>
-      )}
-      {LockIcon != null ? <LockOverlay icon={LockIcon} /> : null}
-    </div>
-  )
-}
-
-const LockOverlay: React.FC<{ icon: React.ElementType }> = ({ icon: Icon }) => {
-  return (
-    <div className="absolute inset-0 bg-black/30">
-      <div className="absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60">
-        <Icon className="size-4 text-white" weight="fill" />
-      </div>
-    </div>
-  )
-}
-
-export default ThumbnailPreview