@snokam/ui 1.0.0

package/dist/components/dropzone/components/PDFPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDFPreview.js","sourceRoot":"","sources":["../../../../src/components/dropzone/components/PDFPreview.tsx"],"names":[],"mappings":"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"}

package/dist/components/dropzone/components/PDFPreview.styles.d.ts

@@ -0,0 +1,55 @@
+import { DropzoneTheme } from "../types";
+export declare const ErrorContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme: DropzoneTheme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ErrorIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").SVGProps<SVGSVGElement>, "className" | "style" | "classes" | "children" | "sx" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    theme: DropzoneTheme;
+}, {}, {}>;
+export declare const ErrorFileName: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "children" | "sx" | "color" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    theme: DropzoneTheme;
+}, {}, {}>;
+export declare const ErrorFileSize: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "children" | "sx" | "color" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    theme: DropzoneTheme;
+}, {}, {}>;
+export declare const ErrorMessage: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "children" | "sx" | "color" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const PreviewContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme: DropzoneTheme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoadingContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoadingText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme: DropzoneTheme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PageContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PreviewIframe: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, {}>;
+export declare const PageInfo: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "children" | "sx" | "color" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    theme: DropzoneTheme;
+}, {}, {}>;
+//# sourceMappingURL=PDFPreview.styles.d.ts.map

package/dist/components/dropzone/components/PDFPreview.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDFPreview.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/dropzone/components/PDFPreview.styles.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,eAAO,MAAM,cAAc;;;;WAAuB,aAAa;yGA4B9D,CAAC;AAEF,eAAO,MAAM,SAAS;;;WAAiC,aAAa;UAGnE,CAAC;AAEF,eAAO,MAAM,aAAa;;;WAA+B,aAAa;UAIrE,CAAC;AAEF,eAAO,MAAM,aAAa;;;WAA+B,aAAa;UAGrE,CAAC;AAEF,eAAO,MAAM,YAAY;;UAExB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;WAAuB,aAAa;yGAsBhE,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAM5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;WAAuB,aAAa;yGAa3D,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;qHAKzB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;WAA+B,aAAa;UAmBhE,CAAC"}

package/dist/components/dropzone/components/PDFPreview.styles.js

@@ -0,0 +1,120 @@
+import styled from "@emotion/styled";
+import { css } from "@emotion/react";
+import { Typography } from "@mui/material";
+import { PictureAsPdf } from "@mui/icons-material";
+import { DropzoneTheme } from "../types";
+export const ErrorContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 120px;
+  gap: 16px;
+  padding: 16px;
+  border: 2px dashed;
+  border-radius: 4px;
+
+  ${({ theme }) => theme === DropzoneTheme.Dark
+    ? css `
+          color: var(--color-light-blue);
+          background-color: var(--color-dark-gray, #2a2a2a);
+          border-color: var(--color-light-blue);
+        `
+    : css `
+          color: var(--color-primary);
+          background-color: var(--color-off-white, #f9f9f9);
+          border-color: var(--color-primary);
+
+          [data-theme="dark"] & {
+            color: var(--color-light-blue);
+            border-color: rgba(255, 255, 255, 0.14);
+          }
+        `}
+`;
+export const ErrorIcon = styled(PictureAsPdf) `
+  font-size: 48px;
+  color: inherit;
+`;
+export const ErrorFileName = styled(Typography) `
+  color: inherit;
+  text-align: center;
+  word-break: break-word;
+`;
+export const ErrorFileSize = styled(Typography) `
+  color: inherit;
+  opacity: 0.7;
+`;
+export const ErrorMessage = styled(Typography) `
+  text-align: center;
+`;
+export const PreviewContainer = styled.div `
+  width: 100%;
+  max-height: 300px;
+  overflow: auto;
+  border: 1px solid;
+  border-radius: 4px;
+
+  ${({ theme }) => theme === DropzoneTheme.Dark
+    ? css `
+          background-color: var(--color-primary);
+          border-color: var(--color-light-blue);
+        `
+    : css `
+          background-color: var(--color-light-blue);
+          border-color: var(--color-primary);
+
+          [data-theme="dark"] & {
+            background-color: #0e2748;
+            border-color: rgba(255, 255, 255, 0.14);
+          }
+        `}
+`;
+export const LoadingContainer = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 200px;
+  gap: 16px;
+`;
+export const LoadingText = styled.div `
+  ${({ theme }) => theme === DropzoneTheme.Dark
+    ? css `
+          color: var(--color-light-blue);
+        `
+    : css `
+          color: var(--color-primary);
+
+          [data-theme="dark"] & {
+            color: var(--color-light-blue);
+          }
+        `}
+`;
+export const PageContainer = styled.div `
+  padding: 8px;
+`;
+export const PreviewIframe = styled.iframe `
+  width: 100%;
+  min-height: 320px;
+  border: 0;
+  background: white;
+`;
+export const PageInfo = styled(Typography) `
+  display: block;
+  text-align: center;
+  margin-top: 8px;
+
+  ${({ theme }) => theme === DropzoneTheme.Dark
+    ? css `
+          color: var(--color-light-blue);
+          opacity: 0.7;
+        `
+    : css `
+          color: var(--color-primary);
+          opacity: 0.7;
+
+          [data-theme="dark"] & {
+            color: var(--color-light-blue);
+          }
+        `}
+`;
+//# sourceMappingURL=PDFPreview.styles.js.map

package/dist/components/dropzone/components/PDFPreview.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDFPreview.styles.js","sourceRoot":"","sources":["../../../../src/components/dropzone/components/PDFPreview.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;;;;IAW9D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,aAAa,CAAC,IAAI;IAC1B,CAAC,CAAC,GAAG,CAAA;;;;SAIF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;;;;SASF;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,CAA0B;;;CAGtE,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAA0B;;;;CAIxE,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAA0B;;;CAGxE,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;CAE7C,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;IAOhE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,aAAa,CAAC,IAAI;IAC1B,CAAC,CAAC,GAAG,CAAA;;;SAGF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;;;SAQF;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMzC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAA0B;IAC3D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,aAAa,CAAC,IAAI;IAC1B,CAAC,CAAC,GAAG,CAAA;;SAEF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;SAMF;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEtC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;CAKzC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAA0B;;;;;IAKhE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,aAAa,CAAC,IAAI;IAC1B,CAAC,CAAC,GAAG,CAAA;;;SAGF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;;SAOF;CACR,CAAC"}

package/dist/components/dropzone/components/PDFPreviewCard.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { DropzoneTheme } from "../types";
+interface PDFPreviewCardProps {
+    file: string;
+    theme: DropzoneTheme;
+}
+export declare const PDFPreviewCard: React.FC<PDFPreviewCardProps>;
+export default PDFPreviewCard;
+//# sourceMappingURL=PDFPreviewCard.d.ts.map

package/dist/components/dropzone/components/PDFPreviewCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDFPreviewCard.d.ts","sourceRoot":"","sources":["../../../../src/components/dropzone/components/PDFPreviewCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAQzC,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkFxD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/dropzone/components/PDFPreviewCard.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { usePageContent } from "@snokam/sanity-page-content";
+import * as Styled from "./PDFPreviewCard.styles";
+const PLACEHOLDER_PREFIX = "Placeholder for ";
+function withDefault(value, fallback) {
+    return value.startsWith(PLACEHOLDER_PREFIX) ? fallback : value;
+}
+export const PDFPreviewCard = ({ file, theme, }) => {
+    const { getText } = usePageContent();
+    const [numPages, setNumPages] = useState(0);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [isClient, setIsClient] = useState(false);
+    const [pdfComponents, setPdfComponents] = useState(null);
+    useEffect(() => {
+        if (typeof window !== "undefined") {
+            setIsClient(true);
+            import("react-pdf")
+                .then(async (reactPdf) => {
+                reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${reactPdf.pdfjs.version}/build/pdf.worker.min.mjs`;
+                setPdfComponents({
+                    Document: reactPdf.Document,
+                    Page: reactPdf.Page,
+                });
+            })
+                .catch((err) => {
+                setError(`Failed to load PDF viewer: ${err}`);
+            })
+                .finally(() => {
+                setLoading(false);
+            });
+        }
+    }, []);
+    const onDocumentLoadSuccess = ({ numPages }) => {
+        setNumPages(numPages);
+        setLoading(false);
+        setError(null);
+    };
+    const onDocumentLoadError = (error) => {
+        setLoading(false);
+        setError(error.message);
+    };
+    if (error) {
+        return (_jsxs(Styled.ErrorContainer, { theme: theme, children: [_jsx(Styled.ErrorIcon, { theme: theme }), _jsx(Styled.ErrorText, { variant: "caption", theme: theme, children: withDefault(getText("dropzone.pdfErrorText"), "Kunne ikke laste PDF-en") })] }));
+    }
+    if (loading || !isClient || !pdfComponents) {
+        return null;
+    }
+    const { Document: PdfDocument, Page } = pdfComponents;
+    return (_jsx(Styled.PreviewContainer, { theme: theme, children: _jsx(PdfDocument, { file: file, onLoadSuccess: onDocumentLoadSuccess, onLoadError: onDocumentLoadError, loading: null, children: numPages > 0 && (_jsx(Page, { pageNumber: 1, width: 200, height: 150, renderTextLayer: false, renderAnnotationLayer: false })) }) }));
+};
+export default PDFPreviewCard;
+//# sourceMappingURL=PDFPreviewCard.js.map

package/dist/components/dropzone/components/PDFPreviewCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDFPreviewCard.js","sourceRoot":"","sources":["../../../../src/components/dropzone/components/PDFPreviewCard.tsx"],"names":[],"mappings":"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"}

package/dist/components/dropzone/components/PDFPreviewCard.styles.d.ts

@@ -0,0 +1,34 @@
+import { DropzoneTheme } from "../types";
+export declare const ErrorContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme: DropzoneTheme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ErrorIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").SVGProps<SVGSVGElement>, "className" | "style" | "classes" | "children" | "sx" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    theme: DropzoneTheme;
+}, {}, {}>;
+export declare const ErrorText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "children" | "sx" | "color" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    theme: DropzoneTheme;
+}, {}, {}>;
+export declare const PreviewContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme: DropzoneTheme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoadingOverlay: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme: DropzoneTheme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoadingText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=PDFPreviewCard.styles.d.ts.map

package/dist/components/dropzone/components/PDFPreviewCard.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDFPreviewCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/dropzone/components/PDFPreviewCard.styles.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,eAAO,MAAM,cAAc;;;;WAAuB,aAAa;yGAqB9D,CAAC;AAEF,eAAO,MAAM,SAAS;;;WAAiC,aAAa;UAGnE,CAAC;AAEF,eAAO,MAAM,SAAS;;;WAA+B,aAAa;UAIjE,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;WAAuB,aAAa;yGAkBhE,CAAC;AAEF,eAAO,MAAM,cAAc;;;;WAAuB,aAAa;yGA4B9D,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAEvB,CAAC"}

package/dist/components/dropzone/components/PDFPreviewCard.styles.js

@@ -0,0 +1,85 @@
+import styled from "@emotion/styled";
+import { css } from "@emotion/react";
+import { Typography } from "@mui/material";
+import { PictureAsPdf } from "@mui/icons-material";
+import { DropzoneTheme } from "../types";
+export const ErrorContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  gap: 8px;
+
+  ${({ theme }) => theme === DropzoneTheme.Dark
+    ? css `
+          color: var(--color-light-blue);
+        `
+    : css `
+          color: var(--color-primary);
+
+          [data-theme="dark"] & {
+            color: var(--color-light-blue);
+          }
+        `}
+`;
+export const ErrorIcon = styled(PictureAsPdf) `
+  font-size: 48px;
+  color: inherit;
+`;
+export const ErrorText = styled(Typography) `
+  color: inherit;
+  opacity: 0.7;
+  text-align: center;
+`;
+export const PreviewContainer = styled.div `
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+
+  ${({ theme }) => theme === DropzoneTheme.Dark
+    ? css `
+          background-color: var(--color-primary);
+        `
+    : css `
+          background-color: var(--color-light-blue);
+
+          [data-theme="dark"] & {
+            background-color: #0e2748;
+          }
+        `}
+`;
+export const LoadingOverlay = styled.div `
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 8px;
+  z-index: 1;
+
+  ${({ theme }) => theme === DropzoneTheme.Dark
+    ? css `
+          background-color: var(--color-primary);
+          color: var(--color-light-blue);
+        `
+    : css `
+          background-color: var(--color-light-blue);
+          color: var(--color-primary);
+
+          [data-theme="dark"] & {
+            background-color: #0e2748;
+            color: var(--color-light-blue);
+          }
+        `}
+`;
+export const LoadingText = styled.div `
+  color: inherit;
+`;
+//# sourceMappingURL=PDFPreviewCard.styles.js.map

package/dist/components/dropzone/components/PDFPreviewCard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDFPreviewCard.styles.js","sourceRoot":"","sources":["../../../../src/components/dropzone/components/PDFPreviewCard.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;;IAS9D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,aAAa,CAAC,IAAI;IAC1B,CAAC,CAAC,GAAG,CAAA;;SAEF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;SAMF;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,CAA0B;;;CAGtE,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,CAA0B;;;;CAIpE,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;IAMhE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,aAAa,CAAC,IAAI;IAC1B,CAAC,CAAC,GAAG,CAAA;;SAEF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;SAMF;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;;;;;;IAa9D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,aAAa,CAAC,IAAI;IAC1B,CAAC,CAAC,GAAG,CAAA;;;SAGF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;;;SAQF;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEpC,CAAC"}

package/dist/components/dropzone/components/SingleFilePreview.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { MediaUploadData, DropzoneTheme } from "../types";
+interface SingleFilePreviewProps {
+    selectedMedia: MediaUploadData;
+    theme: DropzoneTheme;
+    disabled: boolean;
+    onRemove: () => void;
+}
+export declare const SingleFilePreview: React.FC<SingleFilePreviewProps>;
+export {};
+//# sourceMappingURL=SingleFilePreview.d.ts.map

package/dist/components/dropzone/components/SingleFilePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleFilePreview.d.ts","sourceRoot":"","sources":["../../../../src/components/dropzone/components/SingleFilePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAI1D,UAAU,sBAAsB;IAC9B,aAAa,EAAE,eAAe,CAAC;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyE9D,CAAC"}

package/dist/components/dropzone/components/SingleFilePreview.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip } from "@mui/material";
+import { Delete } from "@mui/icons-material";
+import { usePageContent } from "@snokam/sanity-page-content";
+import { PDFPreview } from "./PDFPreview";
+import * as Styled from "./SingleFilePreview.styles";
+export const SingleFilePreview = ({ selectedMedia, theme, disabled, onRemove, }) => {
+    const { getText } = usePageContent();
+    const formatFileSize = (bytes) => {
+        if (bytes === 0)
+            return "0 Bytes";
+        const k = 1024;
+        const sizes = ["Bytes", "KB", "MB", "GB"];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+    };
+    const renderPreview = () => {
+        if (selectedMedia.type === "video") {
+            return _jsx(Styled.VideoPreview, { src: selectedMedia.preview, controls: true });
+        }
+        else if (selectedMedia.type === "image") {
+            return (_jsx(Styled.ImagePreview, { src: selectedMedia.preview, alt: selectedMedia.file.name }));
+        }
+        else if (selectedMedia.type === "document") {
+            if (selectedMedia.file.type === "application/pdf") {
+                return (_jsx(PDFPreview, { file: selectedMedia.preview, fileName: selectedMedia.file.name, fileSize: selectedMedia.file.size, theme: theme }));
+            }
+            else {
+                return (_jsxs(Styled.DocumentContainer, { theme: theme, children: [_jsx(Styled.DocumentIcon, { theme: theme }), _jsx(Styled.DocumentName, { variant: "body2", theme: theme, children: selectedMedia.file.name }), _jsx(Styled.DocumentSize, { variant: "caption", theme: theme, children: formatFileSize(selectedMedia.file.size) })] }));
+            }
+        }
+        else {
+            return (_jsxs(Styled.DocumentContainer, { theme: theme, children: [_jsx(Styled.DocumentIcon, { theme: theme }), _jsx(Styled.DocumentName, { variant: "body2", theme: theme, children: selectedMedia.file.name }), _jsx(Styled.DocumentSize, { variant: "caption", theme: theme, children: formatFileSize(selectedMedia.file.size) })] }));
+        }
+    };
+    return (_jsxs(Styled.MediaUploadContainer, { children: [renderPreview(), _jsx(Tooltip, { title: getText("dropzone.removeTooltip"), children: _jsx(Styled.RemoveButton, { onClick: onRemove, disabled: disabled, children: _jsx(Delete, {}) }) })] }));
+};
+//# sourceMappingURL=SingleFilePreview.js.map

package/dist/components/dropzone/components/SingleFilePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleFilePreview.js","sourceRoot":"","sources":["../../../../src/components/dropzone/components/SingleFilePreview.tsx"],"names":[],"mappings":"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"}

package/dist/components/dropzone/components/SingleFilePreview.styles.d.ts

@@ -0,0 +1,42 @@
+import { DropzoneTheme } from "../types";
+export declare const MediaUploadContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MediaPreview: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VideoPreview: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, {}>;
+export declare const ImagePreview: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const DocumentContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme: DropzoneTheme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DocumentIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").SVGProps<SVGSVGElement>, "className" | "style" | "classes" | "children" | "sx" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    theme: DropzoneTheme;
+}, {}, {}>;
+export declare const DocumentName: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "children" | "sx" | "color" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    theme: DropzoneTheme;
+}, {}, {}>;
+export declare const DocumentSize: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "children" | "sx" | "color" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    theme: DropzoneTheme;
+}, {}, {}>;
+export declare const RemoveButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, keyof import("@mui/material").IconButtonOwnProps> & Omit<import("@mui/material").ButtonBaseOwnProps, "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof import("@mui/material").IconButtonOwnProps> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "type" | "color" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "edge"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+//# sourceMappingURL=SingleFilePreview.styles.d.ts.map

package/dist/components/dropzone/components/SingleFilePreview.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleFilePreview.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/dropzone/components/SingleFilePreview.styles.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAKxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;kHAKxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;gHAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;WAAuB,aAAa;yGA4BjE,CAAC;AAEF,eAAO,MAAM,YAAY;;;WAAoC,aAAa;UAGzE,CAAC;AAEF,eAAO,MAAM,YAAY;;;WAA+B,aAAa;UAIpE,CAAC;AAEF,eAAO,MAAM,YAAY;;;WAA+B,aAAa;UAGpE,CAAC;AAEF,eAAO,MAAM,YAAY;;UAoBxB,CAAC"}

package/dist/components/dropzone/components/SingleFilePreview.styles.js

@@ -0,0 +1,93 @@
+import styled from "@emotion/styled";
+import { css } from "@emotion/react";
+import { Typography, IconButton } from "@mui/material";
+import { InsertDriveFile } from "@mui/icons-material";
+import { DropzoneTheme } from "../types";
+export const MediaUploadContainer = styled.div `
+  position: relative;
+  display: inline-block;
+  border: 2px dashed #ccc;
+  border-radius: 8px;
+  padding: 8px;
+`;
+export const MediaPreview = styled.div `
+  max-width: 100%;
+  max-height: 200px;
+  object-fit: contain;
+  display: block;
+`;
+export const VideoPreview = styled.video `
+  max-width: 100%;
+  max-height: 200px;
+  object-fit: contain;
+  display: block;
+`;
+export const ImagePreview = styled.img `
+  max-width: 100%;
+  max-height: 200px;
+  object-fit: contain;
+  display: block;
+`;
+export const DocumentContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 120px;
+  gap: 16px;
+  padding: 16px;
+  border: 2px dashed;
+  border-radius: 4px;
+
+  ${({ theme }) => theme === DropzoneTheme.Dark
+    ? css `
+          color: var(--color-light-blue);
+          background-color: var(--color-dark-gray, #2a2a2a);
+          border-color: var(--color-light-blue);
+        `
+    : css `
+          color: var(--color-primary);
+          background-color: var(--color-off-white, #f9f9f9);
+          border-color: var(--color-primary);
+
+          [data-theme="dark"] & {
+            color: var(--color-light-blue);
+            border-color: rgba(255, 255, 255, 0.14);
+          }
+        `}
+`;
+export const DocumentIcon = styled(InsertDriveFile) `
+  font-size: 48px;
+  color: inherit;
+`;
+export const DocumentName = styled(Typography) `
+  color: inherit;
+  text-align: center;
+  word-break: break-word;
+`;
+export const DocumentSize = styled(Typography) `
+  color: inherit;
+  opacity: 0.7;
+`;
+export const RemoveButton = styled(IconButton) `
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  background-color: rgba(255, 255, 255, 0.8);
+  color: var(--color-primary);
+  transition: background-color 0.2s;
+
+  &:hover {
+    background-color: rgba(255, 255, 255, 0.9);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  [data-theme="dark"] & {
+    color: var(--color-light-blue);
+  }
+`;
+//# sourceMappingURL=SingleFilePreview.styles.js.map

package/dist/components/dropzone/components/SingleFilePreview.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleFilePreview.styles.js","sourceRoot":"","sources":["../../../../src/components/dropzone/components/SingleFilePreview.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM7C,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKrC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;CAKvC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKrC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;;;;IAWjE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,aAAa,CAAC,IAAI;IAC1B,CAAC,CAAC,GAAG,CAAA;;;;SAIF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;;;;SASF;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,eAAe,CAAC,CAA0B;;;CAG5E,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAA0B;;;;CAIvE,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAA0B;;;CAGvE,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;CAoB7C,CAAC"}

package/dist/components/dropzone/components/UploadArea.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { DropzoneTheme, BatchProgress } from "../types";
+interface UploadAreaProps {
+    getRootProps: () => any;
+    getInputProps: () => any;
+    disabled: boolean;
+    uploading: boolean;
+    theme: DropzoneTheme;
+    accept: Record<string, string[]>;
+    batchProgress?: BatchProgress | null;
+    texts: {
+        processingText: string;
+        files: string;
+        dragDropText: string;
+        fileTypesText?: string;
+    };
+}
+export declare const UploadArea: React.FC<UploadAreaProps>;
+export {};
+//# sourceMappingURL=UploadArea.d.ts.map

package/dist/components/dropzone/components/UploadArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadArea.d.ts","sourceRoot":"","sources":["../../../../src/components/dropzone/components/UploadArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGxD,UAAU,eAAe;IACvB,YAAY,EAAE,MAAM,GAAG,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,KAAK,EAAE;QACL,cAAc,EAAE,MAAM,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;CACH;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyDhD,CAAC"}