@selfcommunity/react-ui 0.11.0-alpha.67 → 0.11.0-alpha.68

package/lib/cjs/shared/Media/File/PreviewComponent.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { BoxProps } from '@mui/material';
 import { SCMediaType } from '@selfcommunity/types';
 export interface PreviewComponentProps extends Omit<BoxProps, 'value' | 'onChange'> {
     onChange: (value: SCMediaType[]) => void;
     value: SCMediaType[];
 }
-declare const PreviewComponent: React.ForwardRefExoticComponent<Pick<PreviewComponentProps, "id" | "role" | "className" | "style" | "classes" | "p" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "component" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "value"> & React.RefAttributes<unknown>>;
+declare const PreviewComponent: import("react").ForwardRefExoticComponent<Pick<PreviewComponentProps, "id" | "role" | "className" | "style" | "classes" | "p" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "component" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "value"> & import("react").RefAttributes<unknown>>;
 export default PreviewComponent;

package/lib/cjs/shared/Media/File/PreviewComponent.js

@@ -2,32 +2,32 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
 const material_1 = require("@mui/material");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const react_sortablejs_1 = require("react-sortablejs");
 const constants_1 = require("./constants");
-const filter_1 = tslib_1.__importDefault(require("./filter"));
-const Media_1 = require("../../../constants/Media");
+const filter_1 = require("./filter");
+const DocComponent_1 = tslib_1.__importDefault(require("./DocComponent"));
 const classes = {
     previewRoot: `${constants_1.PREFIX}-preview-root`,
     media: `${constants_1.PREFIX}-media`,
     delete: `${constants_1.PREFIX}-delete`,
-    title: `${constants_1.PREFIX}-title`
+    title: `${constants_1.PREFIX}-title`,
+    docsWrapper: `${constants_1.PREFIX}-docs-wrapper`
 };
 const Root = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'PreviewRoot'
 })(() => ({}));
 const SORTABLE_ID = 'file_sort';
-const PreviewComponent = react_1.default.forwardRef((props, ref) => {
+const PreviewComponent = (0, react_1.forwardRef)((props, ref) => {
     // PROPS
     const { className, onChange, value = [] } = props, rest = tslib_1.__rest(props, ["className", "onChange", "value"]);
-    // HOOKS
-    const theme = (0, material_1.useTheme)();
-    const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
     // MEMO
-    const medias = (0, react_1.useMemo)(() => value.filter(filter_1.default), [value]);
+    const images = (0, react_1.useMemo)(() => value.filter(filter_1.filteredImages), [value]);
+    const docs = (0, react_1.useMemo)(() => value.filter(filter_1.filteredDocs), [value]);
+    const mediasLength = (0, react_1.useMemo)(() => images.length + docs.length, [images, docs]);
     // EFFECTS
     (0, react_1.useEffect)(() => {
         if (typeof document === undefined) {
@@ -37,15 +37,13 @@ const PreviewComponent = react_1.default.forwardRef((props, ref) => {
         if (sortable) {
             sortable.scrollLeft = sortable.scrollWidth;
         }
-    }, [medias]);
+    }, [images]);
     // HANDLERS
-    const handleSort = (0, react_1.useCallback)((medias) => {
-        onChange && onChange([...value.filter((media) => medias.findIndex((m) => m.id === media.id) === -1), ...medias]);
-    }, [onChange, value]);
-    const handleDelete = (0, react_1.useCallback)((id) => () => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
+    const handleSort = (0, react_1.useCallback)((medias) => onChange && onChange([...value.filter((media) => medias.findIndex((m) => m.id === media.id) === -1), ...medias]), [onChange, value]);
+    const handleDelete = (0, react_1.useCallback)((id) => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
     // RENDER
-    const mediaElements = (0, react_1.useMemo)(() => medias.map((media) => ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.media, sx: { backgroundImage: `url(${(media === null || media === void 0 ? void 0 : media.image_thumbnail) ? media.image_thumbnail.url : media.image})` } }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ className: classes.delete, onClick: handleDelete(media.id), size: "small" }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "delete" }) })), media.title && ((0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ className: classes.title }, { children: [media.type === Media_1.MEDIA_TYPE_DOCUMENT && (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "picture_as_pdf" }), media.title] })))] }), media.id))), [medias]);
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.previewRoot) }, rest, { children: medias.length > 0 &&
-            (isMobile ? ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ id: SORTABLE_ID }, { children: mediaElements }))) : ((0, jsx_runtime_1.jsx)(react_sortablejs_1.ReactSortable, Object.assign({ list: medias, setList: handleSort, scroll: true, animation: 200, scrollSensitivity: 50 }, { children: mediaElements })))) })));
+    const imageElements = (0, react_1.useMemo)(() => images.map((media) => ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.media, sx: { backgroundImage: `url(${(media === null || media === void 0 ? void 0 : media.image_thumbnail) ? media.image_thumbnail.url : media.image})` } }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ className: classes.delete, onClick: () => handleDelete(media.id), size: "small" }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "delete" }) })), media.title && (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.title }, { children: media.title }))] }), media.id))), [images]);
+    const docElements = (0, react_1.useMemo)(() => docs.map((doc) => (0, jsx_runtime_1.jsx)(DocComponent_1.default, { doc: doc, onDelete: handleDelete }, doc.id)), [docs]);
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.previewRoot) }, rest, { children: mediasLength > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_sortablejs_1.ReactSortable, Object.assign({ list: images, setList: handleSort, scroll: true, animation: 200, scrollSensitivity: 50 }, { children: imageElements })), (0, jsx_runtime_1.jsx)(react_sortablejs_1.ReactSortable, Object.assign({ list: docs, setList: handleSort, animation: 200, direction: "vertical", className: classes.docsWrapper }, { children: docElements }))] })) })));
 });
 exports.default = PreviewComponent;

package/lib/cjs/shared/Media/File/TriggerButton.js

@@ -56,7 +56,20 @@ exports.default = (_a) => {
         setAnchorEl(null);
     }, []);
     const handleFilterByMime = (0, react_1.useCallback)((file) => {
-        return file.type.startsWith('image/') || file.type === 'application/pdf';
+        if (file.type.startsWith('image/') || file.type === 'application/pdf') {
+            return true;
+        }
+        const _snackBar = enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.file.error", defaultMessage: "ui.composer.media.file.error" }), {
+            variant: 'error',
+            anchorOrigin: { horizontal: 'center', vertical: 'top' },
+            autoHideDuration: 5000,
+            SnackbarProps: {
+                onClick: () => {
+                    closeSnackbar(_snackBar);
+                }
+            }
+        });
+        return false;
     }, []);
     const handleSuccess = (0, react_1.useCallback)((media) => {
         onAdd && onAdd(media);

package/lib/cjs/shared/Media/File/asUploadButton.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from "react";
-type FileInputProps = {
+declare type FileInputProps = {
     capture?: string;
     accept: string;
 };

package/lib/cjs/shared/Media/File/filter.d.ts

@@ -1,3 +1,3 @@
 import { SCMediaType } from '@selfcommunity/types/src/types';
-declare const _default: (media: SCMediaType) => boolean;
-export default _default;
+export declare const filteredImages: (media: SCMediaType) => boolean;
+export declare const filteredDocs: (media: SCMediaType) => boolean;

package/lib/cjs/shared/Media/File/filter.js

@@ -1,4 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.filteredDocs = exports.filteredImages = void 0;
 const Media_1 = require("../../../constants/Media");
-exports.default = (media) => media.type === Media_1.MEDIA_TYPE_IMAGE || media.type === Media_1.MEDIA_TYPE_DOCUMENT;
+const filteredImages = (media) => media.type === Media_1.MEDIA_TYPE_IMAGE;
+exports.filteredImages = filteredImages;
+const filteredDocs = (media) => media.type === Media_1.MEDIA_TYPE_DOCUMENT;
+exports.filteredDocs = filteredDocs;

package/lib/cjs/shared/Media/File/index.js

@@ -4,13 +4,13 @@ const tslib_1 = require("tslib");
 const DisplayComponent_1 = tslib_1.__importDefault(require("./DisplayComponent"));
 const TriggerButton_1 = tslib_1.__importDefault(require("./TriggerButton"));
 const PreviewComponent_1 = tslib_1.__importDefault(require("./PreviewComponent"));
-const filter_1 = tslib_1.__importDefault(require("./filter"));
+const filter_1 = require("./filter");
 const File = {
     name: 'file',
     displayComponent: DisplayComponent_1.default,
     triggerButton: TriggerButton_1.default,
     layerComponent: null,
     previewComponent: PreviewComponent_1.default,
-    filter: filter_1.default
+    filter: filter_1.filteredImages
 };
 exports.default = File;

package/lib/cjs/shared/Media/Link/UrlTextField/index.d.ts

@@ -72,6 +72,6 @@ export interface OutlinedUrlTextFieldProps extends BaseUrlTextFieldProps {
      */
     InputProps?: Partial<OutlinedInputProps>;
 }
-export type UrlTextFieldProps = StandardUrlTextFieldProps | FilledUrlTextFieldProps | OutlinedUrlTextFieldProps;
+export declare type UrlTextFieldProps = StandardUrlTextFieldProps | FilledUrlTextFieldProps | OutlinedUrlTextFieldProps;
 declare const _default: (props: UrlTextFieldProps) => JSX.Element;
 export default _default;

package/lib/cjs/shared/MetadataField/MetadataField.d.ts

@@ -1,6 +1,6 @@
 import { TextFieldProps } from '@mui/material';
 import { SCMetadataType } from '@selfcommunity/types';
-export type MetadataFieldProps = TextFieldProps & {
+export declare type MetadataFieldProps = TextFieldProps & {
     metadata: SCMetadataType;
 };
 declare const MetadataField: (props: MetadataFieldProps) => JSX.Element;

package/lib/cjs/shared/StickyBox/index.d.ts

@@ -32,18 +32,18 @@ import React from 'react';
 /**
  * Types/interfaces
  */
-export type UseStickyBoxProps = {
+export declare type UseStickyBoxProps = {
     offsetTop?: number;
     offsetBottom?: number;
     bottom?: boolean;
 };
-export type StickyBoxProps = UseStickyBoxProps & {
+export declare type StickyBoxProps = UseStickyBoxProps & {
     style?: React.CSSProperties;
     className?: string;
     children?: React.ReactNode;
 };
-export type useStickyBox = <T = any>(options?: UseStickyBoxProps) => React.RefCallback<T>;
-export type StickyBoxComponent = React.FunctionComponent<StickyBoxProps>;
+export declare type useStickyBox = <T = any>(options?: UseStickyBoxProps) => React.RefCallback<T>;
+export declare type StickyBoxComponent = React.FunctionComponent<StickyBoxProps>;
 /**
  * useStickyBox
  * @param offsetTop

package/lib/cjs/shared/Tags/index.js

@@ -105,14 +105,18 @@ function Tags(props) {
     /**
      * Renders component
      */
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tags.length && ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: type === TagsComponentType.POPPER ? ((0, jsx_runtime_1.jsxs)(TagsPopperRoot, Object.assign({}, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ ref: popperRef, fontSize: "small", onClick: handleToggle, "aria-haspopup": "true" }, { children: "label" })), (0, jsx_runtime_1.jsx)(TagsPopper, Object.assign({ open: open, anchorEl: popperRef.current, transition: true, placement: "bottom-start", modifiers: [
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tags.length && tags.filter((tag) => tag.visible).length > 0 && ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: type === TagsComponentType.POPPER ? ((0, jsx_runtime_1.jsxs)(TagsPopperRoot, Object.assign({}, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ ref: popperRef, fontSize: "small", onClick: handleToggle, "aria-haspopup": "true" }, { children: "label" })), (0, jsx_runtime_1.jsx)(TagsPopper, Object.assign({ open: open, anchorEl: popperRef.current, transition: true, placement: "bottom-start", modifiers: [
                             {
                                 name: 'preventOverflow',
                                 enabled: true
                             }
                         ] }, { children: (_a) => {
                             var { TransitionProps, placement } = _a, rest = tslib_1.__rest(_a, ["TransitionProps", "placement"]);
-                            return ((0, jsx_runtime_1.jsx)(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 2 }, rest, { children: tags.map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] }) })) })) })));
-                        } }))] }))) : ((0, jsx_runtime_1.jsxs)(ListRoot, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 1, direction: rest.direction ? rest.direction : 'column' }, { children: tags.map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] })) })) }));
+                            return ((0, jsx_runtime_1.jsx)(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 2 }, rest, { children: tags
+                                                        .filter((tag) => tag.visible)
+                                                        .map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] }) })) })) })));
+                        } }))] }))) : ((0, jsx_runtime_1.jsxs)(ListRoot, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 1, direction: rest.direction ? rest.direction : 'column' }, { children: tags
+                            .filter((tag) => tag.visible)
+                            .map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] })) })) }));
 }
 exports.default = Tags;

package/lib/cjs/shared/UsernameTextField/index.d.ts

@@ -1,5 +1,5 @@
 import { TextFieldProps } from '@mui/material';
-export type UsernameTextFieldProps = {
+export declare type UsernameTextFieldProps = {
     /**
      * Allows the field to accept an email format as well
      */

package/lib/cjs/types/composer.d.ts

@@ -10,6 +10,6 @@ export interface ComposerLayerProps {
     onSave: (value: any) => void;
     defaultValue: any;
 }
-export type ComposerContentType = Omit<SCFeedPostType, 'id' | 'last_activity_at' | 'added_at' | 'slug' | 'summary' | 'deleted' | 'collapsed' | 'comment_count' | 'share_count' | 'view_count' | 'vote_count' | 'follower_count' | 'reaction' | 'reactions_count' | 'flag_count' | 'type'> & {
+export declare type ComposerContentType = Omit<SCFeedPostType, 'id' | 'last_activity_at' | 'last_edited_at' | 'added_at' | 'slug' | 'summary' | 'deleted' | 'collapsed' | 'comment_count' | 'share_count' | 'view_count' | 'vote_count' | 'follower_count' | 'reaction' | 'reactions_count' | 'flag_count' | 'type'> & {
     title?: string;
 };

package/lib/cjs/types/index.d.ts

@@ -9,4 +9,5 @@ import { SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations }
 import { PlatformWidgetActionType } from './platformWidget';
 import { SCEventTemplateType } from './event';
 import { SCCourseTemplateType, SCLessonActionsType, SCLessonModeType, SCCourseEditTabType } from './course';
-export { SCFeedWidgetType, SCMediaObjectType, SCMediaChunkType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, VirtualScrollerItemProps, PlatformWidgetActionType, SCEventTemplateType, SCCourseTemplateType, SCLessonActionsType, SCLessonModeType, SCCourseEditTabType };
+import { StripeCurrency, StripeCurrencySymbol, StripeCurrencyRightSymbol } from './payment';
+export { SCFeedWidgetType, SCMediaObjectType, SCMediaChunkType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, VirtualScrollerItemProps, PlatformWidgetActionType, SCEventTemplateType, SCCourseTemplateType, SCLessonActionsType, SCLessonModeType, SCCourseEditTabType, StripeCurrency, StripeCurrencySymbol, StripeCurrencyRightSymbol };

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SCCourseEditTabType = exports.SCLessonModeType = exports.SCLessonActionsType = exports.SCCourseTemplateType = exports.SCEventTemplateType = exports.SCUserSocialAssociations = exports.SCUserProfileSettings = exports.SCUserProfileFields = exports.SCBroadcastMessageTemplateType = exports.SCNotificationObjectTemplateType = exports.SCFeedObjectTemplateType = exports.SCFeedObjectActivitiesType = exports.SCCommentsOrderBy = void 0;
+exports.StripeCurrencyRightSymbol = exports.StripeCurrencySymbol = exports.StripeCurrency = exports.SCCourseEditTabType = exports.SCLessonModeType = exports.SCLessonActionsType = exports.SCCourseTemplateType = exports.SCEventTemplateType = exports.SCUserSocialAssociations = exports.SCUserProfileSettings = exports.SCUserProfileFields = exports.SCBroadcastMessageTemplateType = exports.SCNotificationObjectTemplateType = exports.SCFeedObjectTemplateType = exports.SCFeedObjectActivitiesType = exports.SCCommentsOrderBy = void 0;
 const comments_1 = require("./comments");
 Object.defineProperty(exports, "SCCommentsOrderBy", { enumerable: true, get: function () { return comments_1.SCCommentsOrderBy; } });
 const feedObject_1 = require("./feedObject");
@@ -21,3 +21,7 @@ Object.defineProperty(exports, "SCCourseTemplateType", { enumerable: true, get:
 Object.defineProperty(exports, "SCLessonActionsType", { enumerable: true, get: function () { return course_1.SCLessonActionsType; } });
 Object.defineProperty(exports, "SCLessonModeType", { enumerable: true, get: function () { return course_1.SCLessonModeType; } });
 Object.defineProperty(exports, "SCCourseEditTabType", { enumerable: true, get: function () { return course_1.SCCourseEditTabType; } });
+const payment_1 = require("./payment");
+Object.defineProperty(exports, "StripeCurrency", { enumerable: true, get: function () { return payment_1.StripeCurrency; } });
+Object.defineProperty(exports, "StripeCurrencySymbol", { enumerable: true, get: function () { return payment_1.StripeCurrencySymbol; } });
+Object.defineProperty(exports, "StripeCurrencyRightSymbol", { enumerable: true, get: function () { return payment_1.StripeCurrencyRightSymbol; } });

package/lib/cjs/types/payment.d.ts

@@ -0,0 +1,25 @@
+export declare enum StripeCurrency {
+    EUR = "eur",
+    USD = "usd",
+    GBP = "gbp",
+    JPY = "jpy",
+    CAD = "cad",
+    AUD = "aud",
+    CHF = "chf",
+    CNY = "cny",
+    INR = "inr",
+    BRL = "brl"
+}
+export declare const StripeCurrencySymbol: {
+    eur: string;
+    usd: string;
+    gbp: string;
+    jpy: string;
+    cad: string;
+    aud: string;
+    chf: string;
+    cny: string;
+    inr: string;
+    brl: string;
+};
+export declare const StripeCurrencyRightSymbol: StripeCurrency[];

package/lib/cjs/types/payment.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StripeCurrencyRightSymbol = exports.StripeCurrencySymbol = exports.StripeCurrency = void 0;
+var StripeCurrency;
+(function (StripeCurrency) {
+    StripeCurrency["EUR"] = "eur";
+    StripeCurrency["USD"] = "usd";
+    StripeCurrency["GBP"] = "gbp";
+    StripeCurrency["JPY"] = "jpy";
+    StripeCurrency["CAD"] = "cad";
+    StripeCurrency["AUD"] = "aud";
+    StripeCurrency["CHF"] = "chf";
+    StripeCurrency["CNY"] = "cny";
+    StripeCurrency["INR"] = "inr";
+    StripeCurrency["BRL"] = "brl";
+})(StripeCurrency = exports.StripeCurrency || (exports.StripeCurrency = {}));
+exports.StripeCurrencySymbol = {
+    [StripeCurrency.EUR]: '€',
+    [StripeCurrency.USD]: '$',
+    [StripeCurrency.GBP]: '£',
+    [StripeCurrency.JPY]: '¥',
+    [StripeCurrency.CAD]: 'C$',
+    [StripeCurrency.AUD]: 'A$',
+    [StripeCurrency.CHF]: 'CHF',
+    [StripeCurrency.CNY]: '¥',
+    [StripeCurrency.INR]: '₹',
+    [StripeCurrency.BRL]: 'R$'
+};
+exports.StripeCurrencyRightSymbol = [StripeCurrency.EUR];

package/lib/cjs/utils/address.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Get country by code
+ * @param code
+ */
+export declare function getCountryLabelByCode(code: string): string;
+/**
+ * Select option in countries
+ * @param code
+ */
+export declare const getCountryOption: (code: string | null | undefined) => import("@selfcommunity/types/src/types").SCCountryType;

package/lib/cjs/utils/address.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCountryOption = exports.getCountryLabelByCode = void 0;
+const Country_1 = require("../constants/Country");
+/**
+ * Get country by code
+ * @param code
+ */
+function getCountryLabelByCode(code) {
+    return Country_1.countries.filter((c) => c.code === code)[0].label;
+}
+exports.getCountryLabelByCode = getCountryLabelByCode;
+/**
+ * Select option in countries
+ * @param code
+ */
+const getCountryOption = (code) => {
+    if (!code) {
+        return null;
+    }
+    const _filtered = Country_1.countries.filter((country) => country.code === code);
+    return _filtered.length > 0 ? _filtered[0] : null;
+};
+exports.getCountryOption = getCountryOption;

package/lib/cjs/utils/checkout.d.ts

@@ -0,0 +1,2 @@
+import { SCPaymentRecurringInterval } from '@selfcommunity/types';
+export declare function getPaymentRecurringLabel(interval: SCPaymentRecurringInterval | undefined, locale?: string): string;

package/lib/cjs/utils/checkout.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPaymentRecurringLabel = void 0;
+const types_1 = require("@selfcommunity/types");
+function getPaymentRecurringLabel(interval, locale = 'en') {
+    const labels = {
+        ['en']: {
+            [types_1.SCPaymentRecurringInterval.WEEK]: 'weekly',
+            [types_1.SCPaymentRecurringInterval.MONTH]: 'monthly',
+            [types_1.SCPaymentRecurringInterval.YEAR]: 'yearly'
+        },
+        ['it']: {
+            [types_1.SCPaymentRecurringInterval.WEEK]: 'settimanale',
+            [types_1.SCPaymentRecurringInterval.MONTH]: 'mensile',
+            [types_1.SCPaymentRecurringInterval.YEAR]: 'annuale'
+        }
+    };
+    if (!interval || !(interval in labels[locale])) {
+        return interval !== null && interval !== void 0 ? interval : '';
+    }
+    return labels[locale][interval];
+}
+exports.getPaymentRecurringLabel = getPaymentRecurringLabel;

package/lib/cjs/utils/payment.d.ts

@@ -0,0 +1,17 @@
+import { SCThemeType } from '@selfcommunity/react-core';
+import { Appearance } from '@stripe/stripe-js';
+import { IntlShape } from 'react-intl';
+import { SCLanguageType, SCPaymentPrice } from '@selfcommunity/types';
+declare const getDefaultAppearanceStyle: (theme: SCThemeType) => {
+    appearance: Appearance;
+};
+declare const getDefaultLocale: (intl: IntlShape) => {
+    locale: SCLanguageType;
+};
+declare const getDefaultPaymentMethodConfiguration: () => {
+    payment_method_configuration?: string;
+    paymentMethodTypes?: string[];
+};
+declare const getConvertedAmount: (paymentPrice: SCPaymentPrice) => string | null;
+declare const getRecurringConvertedAmount: (paymentPrice: SCPaymentPrice, intl: IntlShape) => string | null;
+export { getDefaultAppearanceStyle, getDefaultLocale, getDefaultPaymentMethodConfiguration, getConvertedAmount, getRecurringConvertedAmount };

package/lib/cjs/utils/payment.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRecurringConvertedAmount = exports.getConvertedAmount = exports.getDefaultPaymentMethodConfiguration = exports.getDefaultLocale = exports.getDefaultAppearanceStyle = void 0;
+const types_1 = require("@selfcommunity/types");
+const getDefaultAppearanceStyle = (theme) => ({
+    appearance: {
+        variables: {
+            borderRadius: '5px',
+            colorPrimary: theme.palette.primary.main,
+            colorBackground: '#FFF',
+            colorWarning: theme.palette.secondary.main,
+            colorDanger: theme.palette.secondary.main,
+            spacingUnit: '6px'
+        },
+        rules: {
+            '.Input': {
+                borderWidth: '2px',
+                borderColor: theme.palette.grey['300'],
+                boxShadow: 'unset',
+                boxSizing: 'border-box'
+            },
+            '.Input:hover': {
+                boxShadow: 'unset'
+            },
+            '.Input:focus': {
+                // outline: 0,
+                boxShadow: 'unset',
+                borderColor: theme.palette.primary.main
+                // borderWidth: '0px',
+                // boxShadow: `0 0 0 2px ${theme.palette.primary.main}`,
+            },
+            '.Input--invalid': {
+                borderWidth: '2px',
+                boxShadow: 'unset'
+            }
+        }
+    }
+});
+exports.getDefaultAppearanceStyle = getDefaultAppearanceStyle;
+const getDefaultLocale = (intl) => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    return { locale: intl.locale };
+};
+exports.getDefaultLocale = getDefaultLocale;
+const getDefaultPaymentMethodConfiguration = () => ({
+    // payment_method_configuration: SCPaymentMethodConfiguration
+    paymentMethodTypes: ['card']
+});
+exports.getDefaultPaymentMethodConfiguration = getDefaultPaymentMethodConfiguration;
+const getConvertedAmount = (paymentPrice) => {
+    if (!paymentPrice)
+        return;
+    return `${(paymentPrice.unit_amount / 100).toFixed(2)}${paymentPrice.currency === types_1.SCPaymentPriceCurrencyType.EUR ? '€' : '$'}`;
+};
+exports.getConvertedAmount = getConvertedAmount;
+const getRecurringConvertedAmount = (paymentPrice, intl) => {
+    if (!paymentPrice)
+        return;
+    const amount = (paymentPrice.unit_amount / 100).toFixed(2);
+    const currencySymbol = paymentPrice.currency === types_1.SCPaymentPriceCurrencyType.EUR ? '€' : '$';
+    const interval = paymentPrice.recurring_interval
+        ? ` / ${intl.formatMessage({
+            id: `ui.paymentProduct.price.${paymentPrice.recurring_interval}`
+        })}`
+        : '';
+    return `${amount}${currencySymbol}${interval}`;
+};
+exports.getRecurringConvertedAmount = getRecurringConvertedAmount;

package/lib/esm/assets/checkout/general.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU5IiBoZWlnaHQ9IjY1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02LjY1OCA2Mi4zODZjLTEuODE3LS4xODEtMy42MzItLjM2NC01LjQ1LS41NDYtLjYzLS4wNjMtLjQ4NS0xLjAzNy4xNDUtLjk3M2w1LjQ1LjU0NWMuNjMuMDYzLjQ4NiAxLjAzNy0uMTQ1Ljk3NFptMjEuNTc4IDIuMTYxLTE0Ljc3My0xLjQ4Yy0uNjMtLjA2My0uNDg2LTEuMDM3LjE0NS0uOTc0bDE0Ljc3MyAxLjQ4Yy42My4wNjMuNDg2IDEuMDM3LS4xNDUuOTc0Wm0xMjQuMzItMjAuOTA3IDUuMjEtMi4zMzJjLjU3OC0uMjU5LjA3Ny0xLjEwNi0uNDk2LS44NDlsLTUuMjEgMi4zMzFjLS41NzguMjU5LS4wNzggMS4xMDYuNDk2Ljg1Wm0tMjAuMTU0IDkuMDE3IDE0LjkxMi02LjY3M2MuNTc3LS4yNTguMDc3LTEuMTA2LS40OTYtLjg0OWwtMTQuOTEyIDYuNjc0Yy0uNTc5LjI1OC0uMDc3IDEuMTA2LjQ5Ni44NDhabTQuMzgyLTI2LjY2NCAxLjY5NC0xLjQ4N2MuNDc3LS40MTktLjIyMS0xLjExMS0uNjk2LS42OTYtLjU2NS40OTYtMS4xMy45OTEtMS42OTMgMS40ODctLjQ3OC40MTkuMjIgMS4xMTIuNjk1LjY5NlpNMTIxLjcgMzkuMjI4bDEyLjQ4Ni0xMC45NTVjLjQ3OC0uNDE5LS4yMi0xLjExMS0uNjk1LS42OTUtNC4xNjIgMy42NTItOC4zMjQgNy4zMDQtMTIuNDg3IDEwLjk1NC0uNDc3LjQyLjIyMSAxLjExMi42OTYuNjk2Wm0tMy42NjUtMjIuOTM4Yy41OTYtMS4yMiAxLjE5MS0yLjQ0MyAxLjc4Ni0zLjY2NC4yNzctLjU2OC0uNTcyLTEuMDY2LS44NDgtLjQ5NmwtMS43ODYgMy42NjVjLS4yNzcuNTY4LjU3MiAxLjA2Ni44NDguNDk2Wm0tNy44ODIgMTYuMTc4IDYuMjQ3LTEyLjgyMWMuMjc3LS41NjgtLjU3Mi0xLjA2Ny0uODQ5LS40OTZsLTYuMjQ3IDEyLjgyYy0uMjc3LjU2OC41NzIgMS4wNjcuODQ5LjQ5N1pNOTguNTUxIDEwLjYxN2MuMzQ2LTEuNzEyLjY5Mi0zLjQyNSAxLjAzNi01LjEzNi4xMjUtLjYyLS44MjQtLjg4My0uOTQ5LS4yNjFsLTEuMDM1IDUuMTM1Yy0uMTI1LjYyLjgyMy44ODMuOTQ4LjI2MlptLTMuNDUgMTcuMTA1IDIuNDczLTEyLjI2Yy4xMjUtLjYyLS44MjMtLjg4My0uOTQ4LS4yNjFsLTIuNDc0IDEyLjI2Yy0uMTI1LjYyLjgyNC44ODIuOTQ5LjI2MVpNODEuMjI1IDguNjE1bC4wNzktNy4zMDNjLjAwNy0uNjM1LS45NzctLjYzNC0uOTg0IDBsLS4wNzkgNy4zMDNjLS4wMDcuNjM1Ljk3Ny42MzMuOTg0IDBabS4xMTUgMTguMTVjLS4xNDktNC4yODQtLjMtOC41NjktLjQ0OC0xMi44NTMtLjAyMy0uNjMzLTEuMDA2LS42MzUtLjk4NCAwIC4xNDkgNC4yODQuMyA4LjU2OS40NDggMTIuODUzLjAyMy42MzMgMS4wMDcuNjM1Ljk4NCAwWk02Mi45NzUgOS4zN2wtMi4wOTMtNi4xOTJjLS4yMDMtLjU5OC0xLjE1Mi0uMzQyLS45NDkuMjZsMi4wOTQgNi4xOTRjLjIwMi41OTcgMS4xNTIuMzQxLjk0OC0uMjYyWm02LjM3OSAxOC44Ny00LjE3LTEyLjMzNGMtLjIwMi0uNTk3LTEuMTUyLS4zNDEtLjk0OC4yNjFsNC4xNyAxMi4zMzRjLjIwMS41OTcgMS4xNTEuMzQxLjk0OC0uMjYyWk00Ni4xNjEgMTUuMjUxbC0xLjczMy0yLjg0Yy0uMzMtLjU0LTEuMTgtLjA0Ni0uODQ4LjQ5NmwxLjczMiAyLjg0Yy4zMy41NDEgMS4xOC4wNDcuODUtLjQ5NlptMTAuMTQ3IDE2LjYyMi01LjYxLTkuMTg4Yy0uMzMtLjU0MS0xLjE4LS4wNDctLjg0OC40OTZsNS42MSA5LjE4OGMuMzMuNTQxIDEuMTguMDQ3Ljg0OC0uNDk2Wk0yOC41IDI3LjQyM2wtNC44NTYtMy42OGMtLjUwNi0uMzg0LS45OTUuNDctLjQ5Ni44NDlsNC44NTYgMy42OGMuNTA2LjM4My45OTUtLjQ3LjQ5Ni0uODQ5Wm0xNS4xNzcgMTEuNTA0Yy00LjA4Mi0zLjA5NC04LjE2NC02LjE4OC0xMi4yNDYtOS4yODQtLjUwNi0uMzgzLS45OTUuNDcxLS40OTYuODQ5IDQuMDgyIDMuMDk0IDguMTY0IDYuMTg4IDEyLjI0NiA5LjI4NC41MDYuMzg0Ljk5NS0uNDcuNDk2LS44NDlabS0yOC43MjIgMy42NzgtNS4xMzktMS43MmMtLjYwMy0uMjAzLS44Ni43NDctLjI2MS45NDhsNS4xMzggMS43MmMuNjAzLjIwMi44Ni0uNzQ4LjI2Mi0uOTQ4Wm0xOC41MTcgNi4xOThMMTguNzAxIDQzLjg2Yy0uNjAzLS4yMDMtLjg2Ljc0Ny0uMjYyLjk0OGwxNC43NyA0Ljk0NGMuNjAzLjIwMi44Ni0uNzQ4LjI2Mi0uOTQ5aC4wMDFaIiBmaWxsPSIjZmZmIi8+PC9zdmc+";
+export default _default;

package/lib/esm/assets/checkout/general.js

@@ -0,0 +1 @@
+export default 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU5IiBoZWlnaHQ9IjY1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02LjY1OCA2Mi4zODZjLTEuODE3LS4xODEtMy42MzItLjM2NC01LjQ1LS41NDYtLjYzLS4wNjMtLjQ4NS0xLjAzNy4xNDUtLjk3M2w1LjQ1LjU0NWMuNjMuMDYzLjQ4NiAxLjAzNy0uMTQ1Ljk3NFptMjEuNTc4IDIuMTYxLTE0Ljc3My0xLjQ4Yy0uNjMtLjA2My0uNDg2LTEuMDM3LjE0NS0uOTc0bDE0Ljc3MyAxLjQ4Yy42My4wNjMuNDg2IDEuMDM3LS4xNDUuOTc0Wm0xMjQuMzItMjAuOTA3IDUuMjEtMi4zMzJjLjU3OC0uMjU5LjA3Ny0xLjEwNi0uNDk2LS44NDlsLTUuMjEgMi4zMzFjLS41NzguMjU5LS4wNzggMS4xMDYuNDk2Ljg1Wm0tMjAuMTU0IDkuMDE3IDE0LjkxMi02LjY3M2MuNTc3LS4yNTguMDc3LTEuMTA2LS40OTYtLjg0OWwtMTQuOTEyIDYuNjc0Yy0uNTc5LjI1OC0uMDc3IDEuMTA2LjQ5Ni44NDhabTQuMzgyLTI2LjY2NCAxLjY5NC0xLjQ4N2MuNDc3LS40MTktLjIyMS0xLjExMS0uNjk2LS42OTYtLjU2NS40OTYtMS4xMy45OTEtMS42OTMgMS40ODctLjQ3OC40MTkuMjIgMS4xMTIuNjk1LjY5NlpNMTIxLjcgMzkuMjI4bDEyLjQ4Ni0xMC45NTVjLjQ3OC0uNDE5LS4yMi0xLjExMS0uNjk1LS42OTUtNC4xNjIgMy42NTItOC4zMjQgNy4zMDQtMTIuNDg3IDEwLjk1NC0uNDc3LjQyLjIyMSAxLjExMi42OTYuNjk2Wm0tMy42NjUtMjIuOTM4Yy41OTYtMS4yMiAxLjE5MS0yLjQ0MyAxLjc4Ni0zLjY2NC4yNzctLjU2OC0uNTcyLTEuMDY2LS44NDgtLjQ5NmwtMS43ODYgMy42NjVjLS4yNzcuNTY4LjU3MiAxLjA2Ni44NDguNDk2Wm0tNy44ODIgMTYuMTc4IDYuMjQ3LTEyLjgyMWMuMjc3LS41NjgtLjU3Mi0xLjA2Ny0uODQ5LS40OTZsLTYuMjQ3IDEyLjgyYy0uMjc3LjU2OC41NzIgMS4wNjcuODQ5LjQ5N1pNOTguNTUxIDEwLjYxN2MuMzQ2LTEuNzEyLjY5Mi0zLjQyNSAxLjAzNi01LjEzNi4xMjUtLjYyLS44MjQtLjg4My0uOTQ5LS4yNjFsLTEuMDM1IDUuMTM1Yy0uMTI1LjYyLjgyMy44ODMuOTQ4LjI2MlptLTMuNDUgMTcuMTA1IDIuNDczLTEyLjI2Yy4xMjUtLjYyLS44MjMtLjg4My0uOTQ4LS4yNjFsLTIuNDc0IDEyLjI2Yy0uMTI1LjYyLjgyNC44ODIuOTQ5LjI2MVpNODEuMjI1IDguNjE1bC4wNzktNy4zMDNjLjAwNy0uNjM1LS45NzctLjYzNC0uOTg0IDBsLS4wNzkgNy4zMDNjLS4wMDcuNjM1Ljk3Ny42MzMuOTg0IDBabS4xMTUgMTguMTVjLS4xNDktNC4yODQtLjMtOC41NjktLjQ0OC0xMi44NTMtLjAyMy0uNjMzLTEuMDA2LS42MzUtLjk4NCAwIC4xNDkgNC4yODQuMyA4LjU2OS40NDggMTIuODUzLjAyMy42MzMgMS4wMDcuNjM1Ljk4NCAwWk02Mi45NzUgOS4zN2wtMi4wOTMtNi4xOTJjLS4yMDMtLjU5OC0xLjE1Mi0uMzQyLS45NDkuMjZsMi4wOTQgNi4xOTRjLjIwMi41OTcgMS4xNTIuMzQxLjk0OC0uMjYyWm02LjM3OSAxOC44Ny00LjE3LTEyLjMzNGMtLjIwMi0uNTk3LTEuMTUyLS4zNDEtLjk0OC4yNjFsNC4xNyAxMi4zMzRjLjIwMS41OTcgMS4xNTEuMzQxLjk0OC0uMjYyWk00Ni4xNjEgMTUuMjUxbC0xLjczMy0yLjg0Yy0uMzMtLjU0LTEuMTgtLjA0Ni0uODQ4LjQ5NmwxLjczMiAyLjg0Yy4zMy41NDEgMS4xOC4wNDcuODUtLjQ5NlptMTAuMTQ3IDE2LjYyMi01LjYxLTkuMTg4Yy0uMzMtLjU0MS0xLjE4LS4wNDctLjg0OC40OTZsNS42MSA5LjE4OGMuMzMuNTQxIDEuMTguMDQ3Ljg0OC0uNDk2Wk0yOC41IDI3LjQyM2wtNC44NTYtMy42OGMtLjUwNi0uMzg0LS45OTUuNDctLjQ5Ni44NDlsNC44NTYgMy42OGMuNTA2LjM4My45OTUtLjQ3LjQ5Ni0uODQ5Wm0xNS4xNzcgMTEuNTA0Yy00LjA4Mi0zLjA5NC04LjE2NC02LjE4OC0xMi4yNDYtOS4yODQtLjUwNi0uMzgzLS45OTUuNDcxLS40OTYuODQ5IDQuMDgyIDMuMDk0IDguMTY0IDYuMTg4IDEyLjI0NiA5LjI4NC41MDYuMzg0Ljk5NS0uNDcuNDk2LS44NDlabS0yOC43MjIgMy42NzgtNS4xMzktMS43MmMtLjYwMy0uMjAzLS44Ni43NDctLjI2MS45NDhsNS4xMzggMS43MmMuNjAzLjIwMi44Ni0uNzQ4LjI2Mi0uOTQ4Wm0xOC41MTcgNi4xOThMMTguNzAxIDQzLjg2Yy0uNjAzLS4yMDMtLjg2Ljc0Ny0uMjYyLjk0OGwxNC43NyA0Ljk0NGMuNjAzLjIwMi44Ni0uNzQ4LjI2Mi0uOTQ5aC4wMDFaIiBmaWxsPSIjZmZmIi8+PC9zdmc+';