@wix/patterns 1.103.0 → 1.105.0

package/dist/cjs/components/FileCard/FileCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_resolveFileByMediaType","_Thumbnail","_FileDetails","_DownloadButton","_commonStCss","_jsxFileName","FileCard","file","showDownloadCTA","showDetails","onClick","downloadIconWidth","default","createElement","style","width","cursor","mediaId","className","st","classes","hightlightOnHover","__self","__source","fileName","lineNumber","columnNumber","Box","verticalAlign","align","gap","paddingBlockEnd","maxWidth","height","Thumbnail","FileDetails","THUMB_WIDTH","private","DownloadButton","exports"],"sources":["../../../../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { File } from './FileProps';\nimport { THUMB_WIDTH } from './resolveFileByMediaType';\nimport { Thumbnail } from './Thumbnail';\nimport { FileDetails } from './FileDetails';\nimport { DownloadButton } from './DownloadButton';\nimport { st, classes } from '../common.st.css.js';\n\nexport interface FileCardProps {\n  file: File;\n  showDownloadCTA?: boolean;\n  showDetails?: boolean;\n  onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n}\n\nexport const FileCard = ({\n  file,\n  showDownloadCTA = false,\n  showDetails = false,\n  onClick,\n}: FileCardProps) => {\n  const downloadIconWidth = showDownloadCTA ? 36 : 0;\n\n  return (\n    <div\n      onClick={onClick}\n      style={{ width: '100%', cursor: 'pointer' }}\n      data-hook={`file-card-${file.mediaId}`}\n      className={st(classes.hightlightOnHover)}\n    >\n      <Box\n        verticalAlign=\"middle\"\n        align=\"left\"\n        gap=\"SP1\"\n        paddingBlockEnd={1}\n        maxWidth=\"100%\"\n        height=\"100%\"\n      >\n        <Thumbnail file={file} />\n        <FileDetails\n          file={file}\n          showDetails={showDetails}\n          maxWidth={`calc(100% - ${downloadIconWidth + THUMB_WIDTH + 10}px)`}\n        />\n        {showDownloadCTA && !file.private ? (\n          <DownloadButton file={file} />\n        ) : null}\n      </Box>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAAkD,IAAAO,YAAA;AAS3C,MAAMC,QAAQ,GAAGA,CAAC;EACvBC,IAAI;EACJC,eAAe,GAAG,KAAK;EACvBC,WAAW,GAAG,KAAK;EACnBC;AACa,CAAC,KAAK;EACnB,MAAMC,iBAAiB,GAAGH,eAAe,GAAG,EAAE,GAAG,CAAC;EAElD,oBACEZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IACEH,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAE;MAAEC,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAU,CAAE;IAC5C,aAAW,aAAaT,IAAI,CAACU,OAAO,EAAG;IACvCC,SAAS,EAAE,IAAAC,eAAE,EAACC,oBAAO,CAACC,iBAAiB,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEzC9B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA4B,GAAG;IACFC,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAC,MAAM;IACZC,GAAG,EAAC,KAAK;IACTC,eAAe,EAAE,CAAE;IACnBC,QAAQ,EAAC,MAAM;IACfC,MAAM,EAAC,MAAM;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEb9B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,UAAA,CAAAiC,SAAS;IAAC3B,IAAI,EAAEA,IAAK;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACzB9B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,YAAA,CAAAiC,WAAW;IACV5B,IAAI,EAAEA,IAAK;IACXE,WAAW,EAAEA,WAAY;IACzBuB,QAAQ,EAAE,eAAerB,iBAAiB,GAAGyB,mCAAW,GAAG,EAAE,KAAM;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpE,CAAC,EACDlB,eAAe,IAAI,CAACD,IAAI,CAAC8B,OAAO,gBAC/BzC,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,eAAA,CAAAmC,cAAc;IAAC/B,IAAI,EAAEA,IAAK;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAC5B,IACD,CACF,CAAC;AAEV,CAAC;AAACa,OAAA,CAAAjC,QAAA,GAAAA,QAAA","ignoreList":[]}

package/dist/cjs/components/FileCard/FileCardList.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FileCardList = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _FilePreview = require("./FilePreview");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FileCardList.tsx";
+const FileCardList = ({
+  files,
+  showDownloadCTA,
+  showDetails
+}) => {
+  if (!files) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, files.map(file => /*#__PURE__*/_react.default.createElement(_FilePreview.FilePreview, {
+    file: file,
+    key: file.mediaId,
+    showDownloadCTA: showDownloadCTA,
+    showDetails: showDetails,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 9
+    }
+  })));
+};
+exports.FileCardList = FileCardList;
+//# sourceMappingURL=FileCardList.js.map

package/dist/cjs/components/FileCard/FileCardList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_FilePreview","_jsxFileName","FileCardList","files","showDownloadCTA","showDetails","default","createElement","Fragment","map","file","FilePreview","key","mediaId","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/FileCard/FileCardList.tsx"],"sourcesContent":["import React from 'react';\nimport { File } from './FileProps';\nimport { FilePreview } from './FilePreview';\n\nexport interface FileCardListProps {\n  files: File[];\n  showDownloadCTA?: boolean;\n  showDetails?: boolean;\n}\n\nexport const FileCardList = ({\n  files,\n  showDownloadCTA,\n  showDetails,\n}: FileCardListProps) => {\n  if (!files) {\n    return null;\n  }\n  return (\n    <>\n      {files.map((file) => (\n        <FilePreview\n          file={file}\n          key={file.mediaId}\n          showDownloadCTA={showDownloadCTA}\n          showDetails={showDetails}\n        />\n      ))}\n    </>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA4C,IAAAE,YAAA;AAQrC,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,KAAK;EACLC,eAAe;EACfC;AACiB,CAAC,KAAK;EACvB,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,QACGL,KAAK,CAACM,GAAG,CAAEC,IAAI,iBACdb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,YAAA,CAAAW,WAAW;IACVD,IAAI,EAAEA,IAAK;IACXE,GAAG,EAAEF,IAAI,CAACG,OAAQ;IAClBT,eAAe,EAAEA,eAAgB;IACjCC,WAAW,EAAEA,WAAY;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACF,CACD,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAjB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/cjs/components/FileCard/FileDetails.js

@@ -0,0 +1,57 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FileDetails = FileDetails;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _formatBytes = require("./formatBytes");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FileDetails.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function FileDetails({
+  file,
+  showDetails,
+  maxWidth
+}) {
+  const fileSize = (0, _react.useMemo)(() => (0, _formatBytes.formatBytes)(file.sizeInBytes), [file.sizeInBytes]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP1",
+    direction: "vertical",
+    maxWidth: maxWidth,
+    dataHook: `file-details-${file.mediaId}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    ellipsis: true,
+    size: "small",
+    dataHook: `file-details-name-${file.mediaId}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 7
+    }
+  }, file.displayName), showDetails && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "tiny",
+    dataHook: `file-details-size-${file.mediaId}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 11
+    }
+  }, fileSize, " ", file.mediaType)));
+}
+//# sourceMappingURL=FileDetails.js.map

package/dist/cjs/components/FileCard/FileDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_formatBytes","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FileDetails","file","showDetails","maxWidth","fileSize","useMemo","formatBytes","sizeInBytes","createElement","Box","gap","direction","dataHook","mediaId","__self","__source","fileName","lineNumber","columnNumber","Text","ellipsis","size","displayName","verticalAlign","mediaType"],"sources":["../../../../src/components/FileCard/FileDetails.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { File } from './FileProps';\nimport { formatBytes } from './formatBytes';\n\ninterface FileDetailsProps {\n  file: File;\n  showDetails: boolean;\n  maxWidth: string;\n}\n\nexport function FileDetails({ file, showDetails, maxWidth }: FileDetailsProps) {\n  const fileSize = useMemo(\n    () => formatBytes(file.sizeInBytes),\n    [file.sizeInBytes],\n  );\n\n  return (\n    <Box\n      gap=\"SP1\"\n      direction=\"vertical\"\n      maxWidth={maxWidth}\n      dataHook={`file-details-${file.mediaId}`}\n    >\n      <Text\n        ellipsis\n        size=\"small\"\n        dataHook={`file-details-name-${file.mediaId}`}\n      >\n        {file.displayName}\n      </Text>\n      {showDetails && (\n        <Box verticalAlign=\"middle\">\n          <Text size=\"tiny\" dataHook={`file-details-size-${file.mediaId}`}>\n            {fileSize} {file.mediaType}\n          </Text>\n        </Box>\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FileCard/FilePreview.js

@@ -0,0 +1,74 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FilePreview = FilePreview;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _useDownloadFile = require("./useDownloadFile");
+var _FilePreviewModal = require("./FilePreviewModal");
+var _FileCard = require("./FileCard");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FilePreview.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function FilePreview({
+  file,
+  showDownloadCTA,
+  showDetails
+}) {
+  const {
+    mediaType
+  } = file;
+  const [isPreviewOpen, setIsPreviewOpen] = (0, _react.useState)(false);
+  const {
+    downloadFile
+  } = (0, _useDownloadFile.useDownloadFile)({
+    file
+  });
+  const supportedPreviewTypes = ['picture', 'video'];
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    height: showDetails ? 56 : 36,
+    maxWidth: showDetails ? '420px' : '280px',
+    overflow: "hidden",
+    backgroundColor: "D80",
+    border: "1px solid",
+    borderColor: "D55",
+    borderRadius: 8,
+    dataHook: `file-upload-formatted-${file.mediaId}`,
+    marginBottom: "SP1",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_FileCard.FileCard, {
+    onClick: e => {
+      e.stopPropagation();
+      if (!supportedPreviewTypes.includes(mediaType)) {
+        downloadFile();
+        return;
+      }
+      setIsPreviewOpen(true);
+    },
+    file: file,
+    showDownloadCTA: showDownloadCTA,
+    showDetails: showDetails,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 7
+    }
+  }), supportedPreviewTypes.includes(mediaType) ? /*#__PURE__*/_react.default.createElement(_FilePreviewModal.FilePreviewModal, {
+    file: file,
+    isOpen: isPreviewOpen,
+    close: () => setIsPreviewOpen(false),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 9
+    }
+  }) : null);
+}
+//# sourceMappingURL=FilePreview.js.map

package/dist/cjs/components/FileCard/FilePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useDownloadFile","_FilePreviewModal","_FileCard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilePreview","file","showDownloadCTA","showDetails","mediaType","isPreviewOpen","setIsPreviewOpen","useState","downloadFile","useDownloadFile","supportedPreviewTypes","createElement","Box","height","maxWidth","overflow","backgroundColor","border","borderColor","borderRadius","dataHook","mediaId","marginBottom","__self","__source","fileName","lineNumber","columnNumber","FileCard","onClick","stopPropagation","includes","FilePreviewModal","isOpen","close"],"sources":["../../../../src/components/FileCard/FilePreview.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box } from '@wix/design-system';\nimport { FileViewProps } from './FileProps';\nimport { useDownloadFile } from './useDownloadFile';\nimport { FilePreviewModal } from './FilePreviewModal';\nimport { FileCard } from './FileCard';\n\nexport function FilePreview({\n  file,\n  showDownloadCTA,\n  showDetails,\n}: FileViewProps) {\n  const { mediaType } = file;\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n  const { downloadFile } = useDownloadFile({ file });\n  const supportedPreviewTypes = ['picture', 'video'];\n\n  return (\n    <Box\n      height={showDetails ? 56 : 36}\n      maxWidth={showDetails ? '420px' : '280px'}\n      overflow=\"hidden\"\n      backgroundColor=\"D80\"\n      border=\"1px solid\"\n      borderColor=\"D55\"\n      borderRadius={8}\n      dataHook={`file-upload-formatted-${file.mediaId}`}\n      marginBottom=\"SP1\"\n    >\n      <FileCard\n        onClick={(e) => {\n          e.stopPropagation();\n          if (!supportedPreviewTypes.includes(mediaType)) {\n            downloadFile();\n            return;\n          }\n          setIsPreviewOpen(true);\n        }}\n        file={file}\n        showDownloadCTA={showDownloadCTA}\n        showDetails={showDetails}\n      />\n      {supportedPreviewTypes.includes(mediaType) ? (\n        <FilePreviewModal\n          file={file}\n          isOpen={isPreviewOpen}\n          close={() => setIsPreviewOpen(false)}\n        />\n      ) : null}\n    </Box>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FileCard/FilePreviewModal.js

@@ -0,0 +1,108 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FilePreviewModal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _resolveFileByMediaType = require("./resolveFileByMediaType");
+var _useDownloadFile = require("./useDownloadFile");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FilePreviewModal.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const FilePreviewModal = ({
+  file,
+  isOpen,
+  close
+}) => {
+  const {
+    downloadFile,
+    isDownloading
+  } = (0, _useDownloadFile.useDownloadFile)({
+    file
+  });
+  const {
+    fileUrl
+  } = (0, _resolveFileByMediaType.resolveFileByMediaType)(file);
+  const prefixIcon = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 7
+    }
+  }, isDownloading ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    size: "tiny",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 26
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
+    size: "small",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 51
+    }
+  })), [isDownloading]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
+    isOpen: isOpen,
+    onRequestClose: close,
+    shouldCloseOnOverlayClick: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
+    title: file.displayName,
+    onCloseButtonClick: close,
+    primaryButtonText: "Download",
+    primaryButtonProps: {
+      prefixIcon
+    },
+    primaryButtonOnClick: downloadFile,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 7
+    }
+  }, file.mediaType === 'video' ? /*#__PURE__*/_react.default.createElement("video", {
+    controls: true,
+    style: {
+      width: '100%',
+      height: 'auto',
+      maxHeight: '70vh',
+      margin: '0 auto'
+    },
+    src: fileUrl,
+    autoPlay: false,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 11
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_designSystem.Image, {
+    style: {
+      height: '500px',
+      width: '500px',
+      objectFit: 'contain'
+    },
+    src: fileUrl,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 57,
+      columnNumber: 11
+    }
+  })));
+};
+exports.FilePreviewModal = FilePreviewModal;
+//# sourceMappingURL=FilePreviewModal.js.map

package/dist/cjs/components/FileCard/FilePreviewModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_resolveFileByMediaType","_useDownloadFile","_wixUiIconsCommon","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilePreviewModal","file","isOpen","close","downloadFile","isDownloading","useDownloadFile","fileUrl","resolveFileByMediaType","prefixIcon","useMemo","createElement","Box","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Loader","size","Download","Modal","onRequestClose","shouldCloseOnOverlayClick","CustomModalLayout","title","displayName","onCloseButtonClick","primaryButtonText","primaryButtonProps","primaryButtonOnClick","mediaType","controls","style","width","height","maxHeight","margin","src","autoPlay","Image","objectFit","exports"],"sources":["../../../../src/components/FileCard/FilePreviewModal.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  CustomModalLayout,\n  Loader,\n  Modal,\n  Image,\n  Box,\n} from '@wix/design-system';\nimport { resolveFileByMediaType } from './resolveFileByMediaType';\nimport { useDownloadFile } from './useDownloadFile';\nimport { Download } from '@wix/wix-ui-icons-common';\nimport { FileViewProps } from './FileProps';\n\ninterface FilePreviewModalProps extends FileViewProps {\n  isOpen: boolean;\n  close: () => void;\n}\nexport const FilePreviewModal = ({\n  file,\n  isOpen,\n  close,\n}: FilePreviewModalProps) => {\n  const { downloadFile, isDownloading } = useDownloadFile({ file });\n  const { fileUrl } = resolveFileByMediaType(file);\n  const prefixIcon = useMemo(\n    () => (\n      <Box verticalAlign=\"middle\">\n        {isDownloading ? <Loader size=\"tiny\" /> : <Download size=\"small\" />}\n      </Box>\n    ),\n    [isDownloading],\n  );\n  return (\n    <Modal isOpen={isOpen} onRequestClose={close} shouldCloseOnOverlayClick>\n      <CustomModalLayout\n        title={file.displayName}\n        onCloseButtonClick={close}\n        primaryButtonText=\"Download\"\n        primaryButtonProps={{\n          prefixIcon,\n        }}\n        primaryButtonOnClick={downloadFile}\n      >\n        {file.mediaType === 'video' ? (\n          <video\n            controls\n            style={{\n              width: '100%',\n              height: 'auto',\n              maxHeight: '70vh',\n              margin: '0 auto',\n            }}\n            src={fileUrl}\n            autoPlay={false}\n          />\n        ) : (\n          <Image\n            style={{ height: '500px', width: '500px', objectFit: 'contain' }}\n            src={fileUrl}\n          />\n        )}\n      </CustomModalLayout>\n    </Modal>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FileCard/FileProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=FileProps.js.map

package/dist/cjs/components/FileCard/FileProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/FileCard/FileProps.ts"],"sourcesContent":["/**\n * Represents a file.\n */\nexport interface File {\n  /**\n   * The unique identifier of the media in mediaManager.\n   */\n  mediaId: string;\n\n  /**\n   * The size of the file in bytes.\n   */\n  sizeInBytes: number;\n\n  /**\n   * The type of media.\n   */\n  mediaType: 'picture' | 'audio' | 'video' | 'document';\n\n  /**\n   * The display name of the file.\n   */\n  displayName: string;\n\n  /**\n   * Whether the file is private.\n   */\n  private: boolean;\n}\n\nexport interface FileViewProps {\n  file: File;\n  showDownloadCTA?: boolean;\n  showDetails?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/FileCard/Thumbnail.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Thumbnail = Thumbnail;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _resolveFileByMediaType = require("./resolveFileByMediaType");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/Thumbnail.tsx";
+function Thumbnail({
+  file
+}) {
+  const {
+    thumbnail
+  } = (0, _resolveFileByMediaType.resolveFileByMediaType)(file);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: `file-thumbnail-${file.mediaType}-${file.mediaId}`,
+    align: "center",
+    verticalAlign: "middle",
+    width: _resolveFileByMediaType.THUMB_WIDTH,
+    height: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 13,
+      columnNumber: 5
+    }
+  }, thumbnail);
+}
+//# sourceMappingURL=Thumbnail.js.map

package/dist/cjs/components/FileCard/Thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_resolveFileByMediaType","_jsxFileName","Thumbnail","file","thumbnail","resolveFileByMediaType","default","createElement","Box","dataHook","mediaType","mediaId","align","verticalAlign","width","THUMB_WIDTH","height","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/FileCard/Thumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { File } from './FileProps';\nimport { resolveFileByMediaType, THUMB_WIDTH } from './resolveFileByMediaType';\n\ninterface ThumbnailProps {\n  file: File;\n}\n\nexport function Thumbnail({ file }: ThumbnailProps) {\n  const { thumbnail } = resolveFileByMediaType(file);\n  return (\n    <Box\n      dataHook={`file-thumbnail-${file.mediaType}-${file.mediaId}`}\n      align=\"center\"\n      verticalAlign=\"middle\"\n      width={THUMB_WIDTH}\n      height=\"100%\"\n    >\n      {thumbnail}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AAA+E,IAAAG,YAAA;AAMxE,SAASC,SAASA,CAAC;EAAEC;AAAqB,CAAC,EAAE;EAClD,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,8CAAsB,EAACF,IAAI,CAAC;EAClD,oBACEP,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;IACFC,QAAQ,EAAE,kBAAkBN,IAAI,CAACO,SAAS,IAAIP,IAAI,CAACQ,OAAO,EAAG;IAC7DC,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAEC,mCAAY;IACnBC,MAAM,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEZjB,SACE,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/FileCard/formatBytes.js

@@ -0,0 +1,13 @@
+"use strict";
+
+exports.__esModule = true;
+exports.formatBytes = formatBytes;
+function formatBytes(bytes, decimals = 2) {
+  if (!+bytes) return '0 Bytes';
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YiB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+}
+//# sourceMappingURL=formatBytes.js.map

package/dist/cjs/components/FileCard/formatBytes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatBytes","bytes","decimals","k","dm","sizes","i","Math","floor","log","parseFloat","pow","toFixed"],"sources":["../../../../src/components/FileCard/formatBytes.ts"],"sourcesContent":["export function formatBytes(bytes: number, decimals = 2) {\n  if (!+bytes) return '0 Bytes';\n\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YiB'];\n\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n}\n"],"mappings":";;;;AAAO,SAASA,WAAWA,CAACC,KAAa,EAAEC,QAAQ,GAAG,CAAC,EAAE;EACvD,IAAI,CAAC,CAACD,KAAK,EAAE,OAAO,SAAS;EAE7B,MAAME,CAAC,GAAG,IAAI;EACd,MAAMC,EAAE,GAAGF,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAGA,QAAQ;EACtC,MAAMG,KAAK,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC;EAExE,MAAMC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,GAAG,CAACR,KAAK,CAAC,GAAGM,IAAI,CAACE,GAAG,CAACN,CAAC,CAAC,CAAC;EAEnD,OAAO,GAAGO,UAAU,CAAC,CAACT,KAAK,GAAGM,IAAI,CAACI,GAAG,CAACR,CAAC,EAAEG,CAAC,CAAC,EAAEM,OAAO,CAACR,EAAE,CAAC,CAAC,IAAIC,KAAK,CAACC,CAAC,CAAC,EAAE;AAC1E","ignoreList":[]}

package/dist/cjs/components/FileCard/icons.js

@@ -0,0 +1,210 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.videoIcon = exports.pdfIcon = exports.docIcon = exports.defaultIcon = exports.audioIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/icons.tsx";
+const videoIcon = exports.videoIcon = /*#__PURE__*/_react.default.createElement("svg", {
+  width: "36",
+  height: "36",
+  viewBox: "0 0 36 36",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 4,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M27.75 6V30H14.8725C14.658 30.0007 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z",
+  fill: "#6544F9",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 11,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z",
+  fill: "#DAC4FB",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 15,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M15.75 19.2202C15.6515 19.2202 15.5539 19.2008 15.4628 19.1631C15.3718 19.1253 15.2891 19.07 15.2194 19.0003C15.1498 18.9306 15.0946 18.8478 15.0569 18.7567C15.0193 18.6657 14.9999 18.5681 15 18.4695V12.2805C14.9991 12.1817 15.0179 12.0838 15.0553 11.9923C15.0926 11.9009 15.1478 11.8178 15.2177 11.7479C15.2875 11.678 15.3705 11.6227 15.4619 11.5853C15.5533 11.5478 15.6513 11.5289 15.75 11.5297C15.8821 11.5304 16.0116 11.5664 16.125 11.634L21.3855 14.7285C21.4986 14.7942 21.5924 14.8885 21.6573 15.002C21.7223 15.1156 21.756 15.2442 21.7553 15.375C21.756 15.5058 21.7223 15.6344 21.6573 15.748C21.5924 15.8615 21.4986 15.9558 21.3855 16.0215L16.1258 19.116C16.0119 19.1833 15.8823 19.2192 15.75 19.2202ZM15.75 12.2805V18.4695L21.0105 15.375L15.75 12.2805Z",
+  fill: "white",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 19,
+    columnNumber: 5
+  }
+}));
+const docIcon = exports.docIcon = /*#__PURE__*/_react.default.createElement("svg", {
+  width: "36",
+  height: "36",
+  viewBox: "0 0 36 36",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 27,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M27.75 6V30H14.8725C14.658 30.0007 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z",
+  fill: "#166AEA",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 34,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z",
+  fill: "#8CBAFF",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 38,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M22.5 12.75H13.5V12H22.5V12.75ZM22.5 15H13.5V15.75H22.5V15ZM18.75 18H13.5V18.75H18.75V18Z",
+  fill: "white",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 42,
+    columnNumber: 5
+  }
+}));
+const pdfIcon = exports.pdfIcon = /*#__PURE__*/_react.default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "36",
+  height: "36",
+  viewBox: "0 0 36 36",
+  fill: "none",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 50,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M27.75 6V30H14.8725C14.658 30.0007 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z",
+  fill: "#FA6050",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 57,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z",
+  fill: "#FCCCC2",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 61,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M13.9605 12.9507C13.6516 12.8103 13.3149 12.7416 12.9757 12.7497H10.8555V17.9997H11.8425V15.9455H12.975C13.314 15.953 13.65 15.884 13.959 15.7445C14.226 15.6207 14.454 15.4265 14.6175 15.1812C14.7782 14.9318 14.861 14.6402 14.8552 14.3435C14.8612 14.0482 14.7783 13.7579 14.6175 13.5102C14.4539 13.267 14.2266 13.0734 13.9605 12.9507ZM13.6207 14.9067C13.4385 15.0522 13.2097 15.1242 12.9772 15.1115H11.8432V13.583H12.9757C13.2082 13.5702 13.4377 13.643 13.62 13.7877C13.6979 13.8571 13.7593 13.943 13.7998 14.0391C13.8403 14.1353 13.8588 14.2393 13.854 14.3435C13.8594 14.4489 13.8412 14.5542 13.8007 14.6516C13.7602 14.7491 13.6985 14.8362 13.62 14.9067H13.6207ZM19.2982 13.0835C18.8425 12.8534 18.3371 12.7388 17.8267 12.7497H15.9982V17.9997H17.8267C18.3382 18.0113 18.8445 17.895 19.2997 17.6615C19.7077 17.4492 20.0497 17.1275 20.2867 16.733C20.5282 16.3205 20.6512 15.8487 20.6422 15.371C20.6514 14.8929 20.5283 14.4216 20.2867 14.009C20.0501 13.6148 19.7083 13.2943 19.2997 13.0835H19.2982ZM19.3867 16.3145C19.2465 16.577 19.0335 16.793 18.7717 16.9355C18.4803 17.088 18.1548 17.1636 17.826 17.1552H16.9852V13.5942H17.8252C18.1542 13.5854 18.4801 13.66 18.7725 13.811C19.0342 13.9512 19.248 14.1657 19.3867 14.4275C19.5367 14.7192 19.611 15.0432 19.6027 15.371C19.6102 15.6987 19.5367 16.0235 19.3867 16.3145ZM22.842 13.583V14.9142H25.2472V15.7497H22.842V17.9997H21.855V12.7497H25.3867V13.583H22.842Z",
+  fill: "white",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 65,
+    columnNumber: 5
+  }
+}));
+const audioIcon = exports.audioIcon = /*#__PURE__*/_react.default.createElement("svg", {
+  width: "36",
+  height: "36",
+  viewBox: "0 0 36 36",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 73,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M27.75 6V30H14.8725C14.658 30.0008 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z",
+  fill: "#F97A44",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 80,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z",
+  fill: "#FBDEC4",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 84,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M21 12.8074L16.5 13.4502V19.5C16.5 20.3284 15.6605 21 14.625 21C13.5895 21 12.75 20.3284 12.75 19.5C12.75 18.6716 13.5895 18 14.625 18C15.0471 18 15.4366 18.1116 15.75 18.2999V12.7998L21.3438 12.0006L21.75 12V18.75C21.75 19.5784 20.9105 20.25 19.875 20.25C18.8395 20.25 18 19.5784 18 18.75C18 17.9216 18.8395 17.25 19.875 17.25C20.2942 17.25 20.6813 17.3601 20.9936 17.5461L21 12.8074ZM19.875 18C19.2215 18 18.75 18.3772 18.75 18.75C18.75 19.1228 19.2215 19.5 19.875 19.5C20.5285 19.5 21 19.125 21 18.75C21 18.375 20.4792 18 19.875 18ZM14.625 20.25C15.2785 20.25 15.75 19.8728 15.75 19.5C15.75 19.1272 15.2785 18.75 14.625 18.75C13.9715 18.75 13.5 19.1272 13.5 19.5C13.5 19.8728 13.9715 20.25 14.625 20.25Z",
+  fill: "white",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 88,
+    columnNumber: 5
+  }
+}));
+const defaultIcon = exports.defaultIcon = /*#__PURE__*/_react.default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "36",
+  height: "36",
+  viewBox: "0 0 36 36",
+  fill: "none",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 98,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M27.75 6V30H14.8725C14.658 30.0007 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z",
+  fill: "#343842",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 105,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z",
+  fill: "#D0D0D0",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 109,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M17.766 16.7933L15.891 15.2933L16.359 14.7067L17.625 15.72V12H18.375V15.72L19.641 14.7067L20.109 15.2933L18.234 16.7933C18.1676 16.8463 18.085 16.8752 18 16.8752C17.915 16.8752 17.8324 16.8463 17.766 16.7933ZM21.75 15.75V17.625C21.75 17.7245 21.7105 17.8198 21.6402 17.8902C21.5698 17.9605 21.4745 18 21.375 18H14.625C14.5255 18 14.4302 17.9605 14.3598 17.8902C14.2895 17.8198 14.25 17.7245 14.25 17.625V15.75H13.5V17.625C13.5 17.9234 13.6185 18.2095 13.8295 18.4205C14.0405 18.6315 14.3266 18.75 14.625 18.75H21.375C21.6734 18.75 21.9595 18.6315 22.1705 18.4205C22.3815 18.2095 22.5 17.9234 22.5 17.625V15.75H21.75Z",
+  fill: "white",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 113,
+    columnNumber: 5
+  }
+}));
+//# sourceMappingURL=icons.js.map

package/dist/cjs/components/FileCard/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxFileName","videoIcon","exports","default","createElement","width","height","viewBox","fill","xmlns","__self","__source","fileName","lineNumber","columnNumber","d","docIcon","pdfIcon","audioIcon","defaultIcon"],"sources":["../../../../src/components/FileCard/icons.tsx"],"sourcesContent":["import React from 'react';\n\nexport const videoIcon = (\n  <svg\n    width=\"36\"\n    height=\"36\"\n    viewBox=\"0 0 36 36\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M27.75 6V30H14.8725C14.658 30.0007 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z\"\n      fill=\"#6544F9\"\n    />\n    <path\n      d=\"M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z\"\n      fill=\"#DAC4FB\"\n    />\n    <path\n      d=\"M15.75 19.2202C15.6515 19.2202 15.5539 19.2008 15.4628 19.1631C15.3718 19.1253 15.2891 19.07 15.2194 19.0003C15.1498 18.9306 15.0946 18.8478 15.0569 18.7567C15.0193 18.6657 14.9999 18.5681 15 18.4695V12.2805C14.9991 12.1817 15.0179 12.0838 15.0553 11.9923C15.0926 11.9009 15.1478 11.8178 15.2177 11.7479C15.2875 11.678 15.3705 11.6227 15.4619 11.5853C15.5533 11.5478 15.6513 11.5289 15.75 11.5297C15.8821 11.5304 16.0116 11.5664 16.125 11.634L21.3855 14.7285C21.4986 14.7942 21.5924 14.8885 21.6573 15.002C21.7223 15.1156 21.756 15.2442 21.7553 15.375C21.756 15.5058 21.7223 15.6344 21.6573 15.748C21.5924 15.8615 21.4986 15.9558 21.3855 16.0215L16.1258 19.116C16.0119 19.1833 15.8823 19.2192 15.75 19.2202ZM15.75 12.2805V18.4695L21.0105 15.375L15.75 12.2805Z\"\n      fill=\"white\"\n    />\n  </svg>\n);\n\nexport const docIcon = (\n  <svg\n    width=\"36\"\n    height=\"36\"\n    viewBox=\"0 0 36 36\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M27.75 6V30H14.8725C14.658 30.0007 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z\"\n      fill=\"#166AEA\"\n    />\n    <path\n      d=\"M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z\"\n      fill=\"#8CBAFF\"\n    />\n    <path\n      d=\"M22.5 12.75H13.5V12H22.5V12.75ZM22.5 15H13.5V15.75H22.5V15ZM18.75 18H13.5V18.75H18.75V18Z\"\n      fill=\"white\"\n    />\n  </svg>\n);\n\nexport const pdfIcon = (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"36\"\n    height=\"36\"\n    viewBox=\"0 0 36 36\"\n    fill=\"none\"\n  >\n    <path\n      d=\"M27.75 6V30H14.8725C14.658 30.0007 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z\"\n      fill=\"#FA6050\"\n    />\n    <path\n      d=\"M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z\"\n      fill=\"#FCCCC2\"\n    />\n    <path\n      d=\"M13.9605 12.9507C13.6516 12.8103 13.3149 12.7416 12.9757 12.7497H10.8555V17.9997H11.8425V15.9455H12.975C13.314 15.953 13.65 15.884 13.959 15.7445C14.226 15.6207 14.454 15.4265 14.6175 15.1812C14.7782 14.9318 14.861 14.6402 14.8552 14.3435C14.8612 14.0482 14.7783 13.7579 14.6175 13.5102C14.4539 13.267 14.2266 13.0734 13.9605 12.9507ZM13.6207 14.9067C13.4385 15.0522 13.2097 15.1242 12.9772 15.1115H11.8432V13.583H12.9757C13.2082 13.5702 13.4377 13.643 13.62 13.7877C13.6979 13.8571 13.7593 13.943 13.7998 14.0391C13.8403 14.1353 13.8588 14.2393 13.854 14.3435C13.8594 14.4489 13.8412 14.5542 13.8007 14.6516C13.7602 14.7491 13.6985 14.8362 13.62 14.9067H13.6207ZM19.2982 13.0835C18.8425 12.8534 18.3371 12.7388 17.8267 12.7497H15.9982V17.9997H17.8267C18.3382 18.0113 18.8445 17.895 19.2997 17.6615C19.7077 17.4492 20.0497 17.1275 20.2867 16.733C20.5282 16.3205 20.6512 15.8487 20.6422 15.371C20.6514 14.8929 20.5283 14.4216 20.2867 14.009C20.0501 13.6148 19.7083 13.2943 19.2997 13.0835H19.2982ZM19.3867 16.3145C19.2465 16.577 19.0335 16.793 18.7717 16.9355C18.4803 17.088 18.1548 17.1636 17.826 17.1552H16.9852V13.5942H17.8252C18.1542 13.5854 18.4801 13.66 18.7725 13.811C19.0342 13.9512 19.248 14.1657 19.3867 14.4275C19.5367 14.7192 19.611 15.0432 19.6027 15.371C19.6102 15.6987 19.5367 16.0235 19.3867 16.3145ZM22.842 13.583V14.9142H25.2472V15.7497H22.842V17.9997H21.855V12.7497H25.3867V13.583H22.842Z\"\n      fill=\"white\"\n    />\n  </svg>\n);\n\nexport const audioIcon = (\n  <svg\n    width=\"36\"\n    height=\"36\"\n    viewBox=\"0 0 36 36\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M27.75 6V30H14.8725C14.658 30.0008 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z\"\n      fill=\"#F97A44\"\n    />\n    <path\n      d=\"M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z\"\n      fill=\"#FBDEC4\"\n    />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M21 12.8074L16.5 13.4502V19.5C16.5 20.3284 15.6605 21 14.625 21C13.5895 21 12.75 20.3284 12.75 19.5C12.75 18.6716 13.5895 18 14.625 18C15.0471 18 15.4366 18.1116 15.75 18.2999V12.7998L21.3438 12.0006L21.75 12V18.75C21.75 19.5784 20.9105 20.25 19.875 20.25C18.8395 20.25 18 19.5784 18 18.75C18 17.9216 18.8395 17.25 19.875 17.25C20.2942 17.25 20.6813 17.3601 20.9936 17.5461L21 12.8074ZM19.875 18C19.2215 18 18.75 18.3772 18.75 18.75C18.75 19.1228 19.2215 19.5 19.875 19.5C20.5285 19.5 21 19.125 21 18.75C21 18.375 20.4792 18 19.875 18ZM14.625 20.25C15.2785 20.25 15.75 19.8728 15.75 19.5C15.75 19.1272 15.2785 18.75 14.625 18.75C13.9715 18.75 13.5 19.1272 13.5 19.5C13.5 19.8728 13.9715 20.25 14.625 20.25Z\"\n      fill=\"white\"\n    />\n  </svg>\n);\n\nexport const defaultIcon = (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"36\"\n    height=\"36\"\n    viewBox=\"0 0 36 36\"\n    fill=\"none\"\n  >\n    <path\n      d=\"M27.75 6V30H14.8725C14.658 30.0007 14.445 29.955 14.25 29.865C14.085 29.79 13.5 24.75 13.5 24.75C13.5 24.75 8.46001 24.165 8.38501 24C8.29524 23.8048 8.24917 23.5924 8.25001 23.3775V6H27.75Z\"\n      fill=\"#343842\"\n    />\n    <path\n      d=\"M14.2498 24V29.865C14.0848 29.79 13.9348 29.685 13.8073 29.5575L8.69227 24.4425C8.56477 24.315 8.45977 24.165 8.38477 24H14.2498Z\"\n      fill=\"#D0D0D0\"\n    />\n    <path\n      d=\"M17.766 16.7933L15.891 15.2933L16.359 14.7067L17.625 15.72V12H18.375V15.72L19.641 14.7067L20.109 15.2933L18.234 16.7933C18.1676 16.8463 18.085 16.8752 18 16.8752C17.915 16.8752 17.8324 16.8463 17.766 16.7933ZM21.75 15.75V17.625C21.75 17.7245 21.7105 17.8198 21.6402 17.8902C21.5698 17.9605 21.4745 18 21.375 18H14.625C14.5255 18 14.4302 17.9605 14.3598 17.8902C14.2895 17.8198 14.25 17.7245 14.25 17.625V15.75H13.5V17.625C13.5 17.9234 13.6185 18.2095 13.8295 18.4205C14.0405 18.6315 14.3266 18.75 14.625 18.75H21.375C21.6734 18.75 21.9595 18.6315 22.1705 18.4205C22.3815 18.2095 22.5 17.9234 22.5 17.625V15.75H21.75Z\"\n      fill=\"white\"\n    />\n  </svg>\n);\n"],"mappings":"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","ignoreList":[]}