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

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

@@ -1,31 +1,31 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useMemo } from 'react';
-import { Box, IconButton, Typography, useMediaQuery, useTheme, styled, Icon } from '@mui/material';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useMemo } from 'react';
+import { Box, IconButton, Typography, styled, Icon } from '@mui/material';
 import classNames from 'classnames';
 import { ReactSortable } from 'react-sortablejs';
 import { PREFIX } from './constants';
-import filter from './filter';
-import { MEDIA_TYPE_DOCUMENT } from '../../../constants/Media';
+import { filteredDocs, filteredImages } from './filter';
+import DocComponent from './DocComponent';
 const classes = {
     previewRoot: `${PREFIX}-preview-root`,
     media: `${PREFIX}-media`,
     delete: `${PREFIX}-delete`,
-    title: `${PREFIX}-title`
+    title: `${PREFIX}-title`,
+    docsWrapper: `${PREFIX}-docs-wrapper`
 };
 const Root = styled(Box, {
     name: PREFIX,
     slot: 'PreviewRoot'
 })(() => ({}));
 const SORTABLE_ID = 'file_sort';
-const PreviewComponent = React.forwardRef((props, ref) => {
+const PreviewComponent = forwardRef((props, ref) => {
     // PROPS
     const { className, onChange, value = [] } = props, rest = __rest(props, ["className", "onChange", "value"]);
-    // HOOKS
-    const theme = useTheme();
-    const isMobile = useMediaQuery(theme.breakpoints.down('md'));
     // MEMO
-    const medias = useMemo(() => value.filter(filter), [value]);
+    const images = useMemo(() => value.filter(filteredImages), [value]);
+    const docs = useMemo(() => value.filter(filteredDocs), [value]);
+    const mediasLength = useMemo(() => images.length + docs.length, [images, docs]);
     // EFFECTS
     useEffect(() => {
         if (typeof document === undefined) {
@@ -35,15 +35,13 @@ const PreviewComponent = React.forwardRef((props, ref) => {
         if (sortable) {
             sortable.scrollLeft = sortable.scrollWidth;
         }
-    }, [medias]);
+    }, [images]);
     // HANDLERS
-    const handleSort = useCallback((medias) => {
-        onChange && onChange([...value.filter((media) => medias.findIndex((m) => m.id === media.id) === -1), ...medias]);
-    }, [onChange, value]);
-    const handleDelete = useCallback((id) => () => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
+    const handleSort = useCallback((medias) => onChange && onChange([...value.filter((media) => medias.findIndex((m) => m.id === media.id) === -1), ...medias]), [onChange, value]);
+    const handleDelete = useCallback((id) => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
     // RENDER
-    const mediaElements = useMemo(() => medias.map((media) => (_jsxs(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: [_jsx(IconButton, Object.assign({ className: classes.delete, onClick: handleDelete(media.id), size: "small" }, { children: _jsx(Icon, { children: "delete" }) })), media.title && (_jsxs(Typography, Object.assign({ className: classes.title }, { children: [media.type === MEDIA_TYPE_DOCUMENT && _jsx(Icon, { children: "picture_as_pdf" }), media.title] })))] }), media.id))), [medias]);
-    return (_jsx(Root, Object.assign({ ref: ref, className: classNames(className, classes.previewRoot) }, rest, { children: medias.length > 0 &&
-            (isMobile ? (_jsx(Box, Object.assign({ id: SORTABLE_ID }, { children: mediaElements }))) : (_jsx(ReactSortable, Object.assign({ list: medias, setList: handleSort, scroll: true, animation: 200, scrollSensitivity: 50 }, { children: mediaElements })))) })));
+    const imageElements = useMemo(() => images.map((media) => (_jsxs(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: [_jsx(IconButton, Object.assign({ className: classes.delete, onClick: () => handleDelete(media.id), size: "small" }, { children: _jsx(Icon, { children: "delete" }) })), media.title && _jsx(Typography, Object.assign({ className: classes.title }, { children: media.title }))] }), media.id))), [images]);
+    const docElements = useMemo(() => docs.map((doc) => _jsx(DocComponent, { doc: doc, onDelete: handleDelete }, doc.id)), [docs]);
+    return (_jsx(Root, Object.assign({ ref: ref, className: classNames(className, classes.previewRoot) }, rest, { children: mediasLength > 0 && (_jsxs(_Fragment, { children: [_jsx(ReactSortable, Object.assign({ list: images, setList: handleSort, scroll: true, animation: 200, scrollSensitivity: 50 }, { children: imageElements })), _jsx(ReactSortable, Object.assign({ list: docs, setList: handleSort, animation: 200, direction: "vertical", className: classes.docsWrapper }, { children: docElements }))] })) })));
 });
 export default PreviewComponent;

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

@@ -54,7 +54,20 @@ export default (_a) => {
         setAnchorEl(null);
     }, []);
     const handleFilterByMime = 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(_jsx(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 = useCallback((media) => {
         onAdd && onAdd(media);

package/lib/esm/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/esm/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/esm/shared/Media/File/filter.js

@@ -1,2 +1,3 @@
 import { MEDIA_TYPE_DOCUMENT, MEDIA_TYPE_IMAGE } from '../../../constants/Media';
-export default (media) => media.type === MEDIA_TYPE_IMAGE || media.type === MEDIA_TYPE_DOCUMENT;
+export const filteredImages = (media) => media.type === MEDIA_TYPE_IMAGE;
+export const filteredDocs = (media) => media.type === MEDIA_TYPE_DOCUMENT;

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

@@ -1,13 +1,13 @@
 import DisplayComponent from './DisplayComponent';
 import TriggerButton from './TriggerButton';
 import PreviewComponent from './PreviewComponent';
-import filter from './filter';
+import { filteredImages } from './filter';
 const File = {
     name: 'file',
     displayComponent: DisplayComponent,
     triggerButton: TriggerButton,
     layerComponent: null,
     previewComponent: PreviewComponent,
-    filter
+    filter: filteredImages
 };
 export default File;

package/lib/esm/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/esm/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/esm/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/esm/shared/Tags/index.js

@@ -102,13 +102,17 @@ export default function Tags(props) {
     /**
      * Renders component
      */
-    return (_jsx(_Fragment, { children: tags.length && (_jsx(React.Fragment, { children: type === TagsComponentType.POPPER ? (_jsxs(TagsPopperRoot, Object.assign({}, rest, { children: [_jsx(Icon, Object.assign({ ref: popperRef, fontSize: "small", onClick: handleToggle, "aria-haspopup": "true" }, { children: "label" })), _jsx(TagsPopper, Object.assign({ open: open, anchorEl: popperRef.current, transition: true, placement: "bottom-start", modifiers: [
+    return (_jsx(_Fragment, { children: tags.length && tags.filter((tag) => tag.visible).length > 0 && (_jsx(React.Fragment, { children: type === TagsComponentType.POPPER ? (_jsxs(TagsPopperRoot, Object.assign({}, rest, { children: [_jsx(Icon, Object.assign({ ref: popperRef, fontSize: "small", onClick: handleToggle, "aria-haspopup": "true" }, { children: "label" })), _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 = __rest(_a, ["TransitionProps", "placement"]);
-                            return (_jsx(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: _jsx(Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: _jsx(ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: _jsxs(_Fragment, { children: [renderTitle(), _jsx(StackList, Object.assign({ spacing: 2 }, rest, { children: tags.map((tag) => (_jsx(ItemList, { children: _jsx(TagChip, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] }) })) })) })));
-                        } }))] }))) : (_jsxs(ListRoot, { children: [renderTitle(), _jsx(StackList, Object.assign({ spacing: 1, direction: rest.direction ? rest.direction : 'column' }, { children: tags.map((tag) => (_jsx(ItemList, { children: _jsx(TagChip, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] })) })) }));
+                            return (_jsx(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: _jsx(Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: _jsx(ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: _jsxs(_Fragment, { children: [renderTitle(), _jsx(StackList, Object.assign({ spacing: 2 }, rest, { children: tags
+                                                        .filter((tag) => tag.visible)
+                                                        .map((tag) => (_jsx(ItemList, { children: _jsx(TagChip, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] }) })) })) })));
+                        } }))] }))) : (_jsxs(ListRoot, { children: [renderTitle(), _jsx(StackList, Object.assign({ spacing: 1, direction: rest.direction ? rest.direction : 'column' }, { children: tags
+                            .filter((tag) => tag.visible)
+                            .map((tag) => (_jsx(ItemList, { children: _jsx(TagChip, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] })) })) }));
 }

package/lib/esm/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/esm/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/esm/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/esm/types/index.js

@@ -5,4 +5,5 @@ import { SCBroadcastMessageTemplateType } from './broadcastMessage';
 import { SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations } from './user';
 import { SCEventTemplateType } from './event';
 import { SCCourseTemplateType, SCLessonActionsType, SCLessonModeType, SCCourseEditTabType } from './course';
-export { SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, SCEventTemplateType, SCCourseTemplateType, SCLessonActionsType, SCLessonModeType, SCCourseEditTabType };
+import { StripeCurrency, StripeCurrencySymbol, StripeCurrencyRightSymbol } from './payment';
+export { SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, SCEventTemplateType, SCCourseTemplateType, SCLessonActionsType, SCLessonModeType, SCCourseEditTabType, StripeCurrency, StripeCurrencySymbol, StripeCurrencyRightSymbol };

package/lib/esm/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/esm/types/payment.js

@@ -0,0 +1,26 @@
+export 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 || (StripeCurrency = {}));
+export const 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$'
+};
+export const StripeCurrencyRightSymbol = [StripeCurrency.EUR];

package/lib/esm/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/esm/utils/address.js

@@ -0,0 +1,19 @@
+import { countries } from '../constants/Country';
+/**
+ * Get country by code
+ * @param code
+ */
+export function getCountryLabelByCode(code) {
+    return countries.filter((c) => c.code === code)[0].label;
+}
+/**
+ * Select option in countries
+ * @param code
+ */
+export const getCountryOption = (code) => {
+    if (!code) {
+        return null;
+    }
+    const _filtered = countries.filter((country) => country.code === code);
+    return _filtered.length > 0 ? _filtered[0] : null;
+};

package/lib/esm/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/esm/utils/checkout.js

@@ -0,0 +1,19 @@
+import { SCPaymentRecurringInterval } from '@selfcommunity/types';
+export function getPaymentRecurringLabel(interval, locale = 'en') {
+    const labels = {
+        ['en']: {
+            [SCPaymentRecurringInterval.WEEK]: 'weekly',
+            [SCPaymentRecurringInterval.MONTH]: 'monthly',
+            [SCPaymentRecurringInterval.YEAR]: 'yearly'
+        },
+        ['it']: {
+            [SCPaymentRecurringInterval.WEEK]: 'settimanale',
+            [SCPaymentRecurringInterval.MONTH]: 'mensile',
+            [SCPaymentRecurringInterval.YEAR]: 'annuale'
+        }
+    };
+    if (!interval || !(interval in labels[locale])) {
+        return interval !== null && interval !== void 0 ? interval : '';
+    }
+    return labels[locale][interval];
+}

package/lib/esm/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/esm/utils/payment.js

@@ -0,0 +1,62 @@
+import { SCPaymentPriceCurrencyType } from '@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'
+            }
+        }
+    }
+});
+const getDefaultLocale = (intl) => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    return { locale: intl.locale };
+};
+const getDefaultPaymentMethodConfiguration = () => ({
+    // payment_method_configuration: SCPaymentMethodConfiguration
+    paymentMethodTypes: ['card']
+});
+const getConvertedAmount = (paymentPrice) => {
+    if (!paymentPrice)
+        return;
+    return `${(paymentPrice.unit_amount / 100).toFixed(2)}${paymentPrice.currency === SCPaymentPriceCurrencyType.EUR ? '€' : '$'}`;
+};
+const getRecurringConvertedAmount = (paymentPrice, intl) => {
+    if (!paymentPrice)
+        return;
+    const amount = (paymentPrice.unit_amount / 100).toFixed(2);
+    const currencySymbol = paymentPrice.currency === SCPaymentPriceCurrencyType.EUR ? '€' : '$';
+    const interval = paymentPrice.recurring_interval
+        ? ` / ${intl.formatMessage({
+            id: `ui.paymentProduct.price.${paymentPrice.recurring_interval}`
+        })}`
+        : '';
+    return `${amount}${currencySymbol}${interval}`;
+};
+export { getDefaultAppearanceStyle, getDefaultLocale, getDefaultPaymentMethodConfiguration, getConvertedAmount, getRecurringConvertedAmount };