@heyama/pay-react-native 0.0.0-stage → 1.0.0

package/dist/components/SheetToast.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { useSheetTheme } from "../hooks/use-sheet-theme.js";
+import { FigtreeEnum } from "../models/sheet.enum.js";
+import { SheetText } from "./SheetText.js";
+/** One short message at a time, over the top of the sheet. */
+export function SheetToast({ message }) {
+    const { colors } = useSheetTheme();
+    if (!message)
+        return null;
+    return (_jsx(View, { pointerEvents: "none", accessibilityLiveRegion: "polite", accessibilityRole: "alert", style: [styles.toast, { backgroundColor: colors.ink }], children: _jsx(SheetText, { weight: FigtreeEnum.SEMI_BOLD, size: 13.5, color: colors.surface, style: styles.text, children: message }) }));
+}
+const styles = StyleSheet.create({
+    toast: {
+        position: 'absolute',
+        top: 56,
+        left: 18,
+        right: 18,
+        borderRadius: 12,
+        paddingHorizontal: 14,
+        paddingVertical: 11,
+    },
+    text: { textAlign: 'center' },
+});

package/dist/components/SheetWaiting.d.ts

@@ -0,0 +1,7 @@
+import type { SheetScreenProps } from '../models/sheet.interface.js';
+/**
+ * Waiting for the payer to approve on their phone: what to do, the method
+ * and the clock, Resend once 30 seconds have passed, and another method.
+ * It moves on by itself.
+ */
+export declare function SheetWaiting({ core }: SheetScreenProps): import("react").JSX.Element;

package/dist/components/SheetWaiting.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { useTranslations } from 'use-intl';
+import { FLOW_TRAITS, URGENT_SECONDS, WAIT_SECONDS, } from "../checkout-core/models/checkout.constants.js";
+import { CheckoutButtonVariantEnum } from "../checkout-core/models/checkout.enum.js";
+import { formatClock, formatMoney, } from "../checkout-core/models/checkout.money.utils.js";
+import { maskE164 } from "../checkout-core/models/checkout.phone.utils.js";
+import { useSheetTheme } from "../hooks/use-sheet-theme.js";
+import { FigtreeEnum } from "../models/sheet.enum.js";
+import { resendLeftOf } from "../models/sheet.utils.js";
+import { SheetButton } from "./SheetButton.js";
+import { SheetLayout } from "./SheetLayout.js";
+import { SheetRow } from "./SheetRow.js";
+import { SheetSimulator } from "./SheetSimulator.js";
+import { SheetText } from "./SheetText.js";
+const NO_BREAK_SPACE = '\u00a0';
+/**
+ * Waiting for the payer to approve on their phone: what to do, the method
+ * and the clock, Resend once 30 seconds have passed, and another method.
+ * It moves on by itself.
+ */
+export function SheetWaiting({ core }) {
+    const t = useTranslations('checkout');
+    const { colors, brand } = useSheetTheme();
+    const { view, waitLeft, actions } = core;
+    const attempt = view.attempt;
+    // A payment code or a card needs nothing more from the payer: no prompt to resend.
+    const { prompt } = FLOW_TRAITS[attempt.flow];
+    /** The second of the wait the prompt was last sent at. */
+    const [sentAt, setSentAt] = useState(0);
+    const resendLeft = resendLeftOf(waitLeft, sentAt);
+    // The number never breaks across lines.
+    const phone = attempt.phone
+        ? maskE164(attempt.phone).replace(/ /g, NO_BREAK_SPACE)
+        : '';
+    return (_jsx(SheetLayout, { foot: _jsxs(_Fragment, { children: [prompt && (_jsx(SheetButton, { variant: CheckoutButtonVariantEnum.SECONDARY, label: resendLeft > 0
+                        ? t('sheet.resend_in', { clock: formatClock(resendLeft) })
+                        : t('resend'), disabled: resendLeft > 0, onPress: () => {
+                        setSentAt(WAIT_SECONDS - waitLeft);
+                        actions.resend();
+                    } })), _jsx(Pressable, { onPress: actions.useAnother, accessibilityRole: "button", style: styles.link, children: _jsx(SheetText, { weight: FigtreeEnum.SEMI_BOLD, style: styles.center, children: t('use_another') }) })] }), children: _jsxs(View, { style: styles.waiting, children: [_jsxs(View, { style: styles.pulse, children: [_jsx(View, { style: [styles.halo, styles.outer, { backgroundColor: brand }] }), _jsx(View, { style: [styles.halo, styles.inner, { backgroundColor: brand }] }), _jsx(View, { testID: "icon-phone", style: [styles.phone, { borderColor: brand }], children: _jsx(View, { style: [styles.speaker, { backgroundColor: brand }] }) })] }), _jsx(SheetText, { weight: FigtreeEnum.EXTRA_BOLD, size: 21, accessibilityRole: "header", style: [styles.center, styles.title], children: prompt ? t('sheet.approve_title') : t('checking_title') }), _jsx(SheetText, { size: 14, color: colors.muted, style: styles.center, children: attempt.phone
+                        ? prompt
+                            ? t('sheet.approve_body', {
+                                method: attempt.methodName,
+                                phone,
+                            })
+                            : `${t('checking_with', { method: attempt.methodName })} ${phone}`
+                        : t('checking_card', { method: attempt.methodName }) }), _jsxs(View, { style: [styles.rows, { borderColor: colors.line }], children: [_jsx(SheetRow, { label: attempt.methodName, children: formatMoney(view.amount, view.currency) }), _jsx(SheetRow, { label: t('sheet.expires_in'), urgent: waitLeft <= URGENT_SECONDS, children: formatClock(waitLeft) })] }), attempt.simulated && _jsx(SheetSimulator, { core: core })] }) }));
+}
+const styles = StyleSheet.create({
+    waiting: { paddingHorizontal: 18, paddingTop: 30 },
+    pulse: {
+        alignSelf: 'center',
+        width: 128,
+        height: 128,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    halo: { position: 'absolute' },
+    outer: { width: 128, height: 128, borderRadius: 64, opacity: 0.06 },
+    inner: { width: 96, height: 96, borderRadius: 48, opacity: 0.12 },
+    phone: {
+        width: 24,
+        height: 38,
+        borderWidth: 2.5,
+        borderRadius: 6,
+        alignItems: 'center',
+        justifyContent: 'flex-end',
+        paddingBottom: 4,
+    },
+    speaker: { width: 6, height: 2.5, borderRadius: 1.25 },
+    title: { marginTop: 22, marginBottom: 8, letterSpacing: -0.4 },
+    center: { textAlign: 'center' },
+    rows: { borderTopWidth: 1, marginTop: 22 },
+    link: { minHeight: 40, justifyContent: 'center' },
+});

package/dist/hooks/use-native-platform.d.ts

@@ -0,0 +1,10 @@
+import type { RefObject } from 'react';
+import type { TextInputInstance } from 'react-native';
+import type { NativePlatform } from '../models/sheet.interface.js';
+/**
+ * What only the phone does for the checkout core. Leaving for the app is
+ * closing the sheet: `presentPayment` resolves, nothing opens the return URL.
+ * The card fields page talks through its WebView (`cardFields`). One stable
+ * object for the sheet's life.
+ */
+export declare function useNativePlatform(onLeave: () => void, phoneField: RefObject<TextInputInstance | null>): NativePlatform;

package/dist/hooks/use-native-platform.js

@@ -0,0 +1,47 @@
+import { useEffect, useRef, useState } from 'react';
+import { AppState, Share } from 'react-native';
+import { cardFieldsSubmit } from "../models/sheet.utils.js";
+/**
+ * What only the phone does for the checkout core. Leaving for the app is
+ * closing the sheet: `presentPayment` resolves, nothing opens the return URL.
+ * The card fields page talks through its WebView (`cardFields`). One stable
+ * object for the sheet's life.
+ */
+export function useNativePlatform(onLeave, phoneField) {
+    const leave = useRef(onLeave);
+    useEffect(() => {
+        leave.current = onLeave;
+    }, [onLeave]);
+    const cardPage = useRef(null);
+    const [cardListeners] = useState(() => new Set());
+    const [platform] = useState(() => ({
+        onReturn: (listener) => {
+            const subscription = AppState.addEventListener('change', (state) => {
+                if (state === 'active')
+                    listener();
+            });
+            return () => subscription.remove();
+        },
+        // No clipboard in React Native itself: the share sheet offers Copy.
+        copyText: (text) => {
+            void Share.share({ message: text }).catch(() => undefined);
+        },
+        openUrl: () => leave.current(),
+        onCardMessage: (listener) => {
+            cardListeners.add(listener);
+            return () => void cardListeners.delete(listener);
+        },
+        // Pay is pressed on the form, where a picked card always shows its page.
+        submitCard: () => cardPage.current.injectJavaScript(cardFieldsSubmit()),
+        saveReceipt: (fileName, text) => {
+            void Share.share({ title: fileName, message: text }).catch(() => undefined);
+        },
+        // A wrong number on Pay: the keyboard comes up on it.
+        onPhoneRejected: () => phoneField.current?.focus(),
+    }));
+    const [cardFields] = useState(() => ({
+        page: cardPage,
+        receive: (message) => cardListeners.forEach((listener) => listener(message)),
+    }));
+    return { platform, cardFields };
+}

package/dist/hooks/use-payment-sheet.d.ts

@@ -0,0 +1,4 @@
+import type { PaymentSheet } from '../models/sheet.interface.js';
+export declare const PaymentSheetContext: import("react").Context<PaymentSheet | null>;
+/** `presentPayment`, from the `BrissotoPayProvider` around the app. */
+export declare function usePaymentSheet(): PaymentSheet;

package/dist/hooks/use-payment-sheet.js

@@ -0,0 +1,10 @@
+import { createContext, use } from 'react';
+export const PaymentSheetContext = createContext(null);
+/** `presentPayment`, from the `BrissotoPayProvider` around the app. */
+export function usePaymentSheet() {
+    const sheet = use(PaymentSheetContext);
+    if (!sheet) {
+        throw new Error('usePaymentSheet needs a BrissotoPayProvider around the app.');
+    }
+    return sheet;
+}

package/dist/hooks/use-sheet-motion.d.ts

@@ -0,0 +1,7 @@
+import type { SheetMotion } from '../models/sheet.interface.js';
+/**
+ * The bottom sheet's moves, in plain React Native: it slides up from below
+ * the screen, follows a finger dragging its top down, springs back or
+ * `onSwipe`s when let go, and slides away once `open` turns false.
+ */
+export declare function useSheetMotion(open: boolean, onSwipe: () => void): SheetMotion;

package/dist/hooks/use-sheet-motion.js

@@ -0,0 +1,62 @@
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, Easing, PanResponder, useWindowDimensions, } from 'react-native';
+import { SHEET_DIM_OPACITY, SHEET_SLIDE_MS, SHEET_TOP_GAP, } from "../models/sheet.constants.js";
+import { sheetSwipeCloses } from "../models/sheet.utils.js";
+/**
+ * The bottom sheet's moves, in plain React Native: it slides up from below
+ * the screen, follows a finger dragging its top down, springs back or
+ * `onSwipe`s when let go, and slides away once `open` turns false.
+ */
+export function useSheetMotion(open, onSwipe) {
+    const { height } = useWindowDimensions();
+    const [slide] = useState(() => new Animated.Value(height));
+    const [drag] = useState(() => new Animated.Value(0));
+    const [shown, setShown] = useState(open);
+    const swiped = useRef(onSwipe);
+    useEffect(() => {
+        swiped.current = onSwipe;
+    }, [onSwipe]);
+    useEffect(() => {
+        Animated.timing(slide, {
+            toValue: open ? 0 : height,
+            duration: SHEET_SLIDE_MS,
+            easing: Easing.out(Easing.cubic),
+            useNativeDriver: true,
+        }).start(() => {
+            if (!open)
+                setShown(false);
+        });
+    }, [open, height, slide]);
+    const [dragHandlers] = useState(() => {
+        const settle = () => Animated.spring(drag, {
+            toValue: 0,
+            bounciness: 0,
+            useNativeDriver: true,
+        }).start();
+        return PanResponder.create({
+            // The top holds only close, which takes its own taps.
+            onStartShouldSetPanResponder: () => true,
+            onPanResponderMove: (_event, { dy }) => drag.setValue(Math.max(0, dy)),
+            onPanResponderRelease: (_event, { dy, vy }) => {
+                // Closing asks first while a prompt waits: the sheet comes back up.
+                if (sheetSwipeCloses(dy, vy))
+                    swiped.current();
+                settle();
+            },
+            onPanResponderTerminate: settle,
+        }).panHandlers;
+    });
+    const [translateY] = useState(() => Animated.add(slide, drag));
+    const dim = useMemo(() => translateY.interpolate({
+        inputRange: [0, height],
+        outputRange: [SHEET_DIM_OPACITY, 0],
+        extrapolate: 'clamp',
+    }), [translateY, height]);
+    return {
+        shown,
+        translateY,
+        dim,
+        dragHandlers,
+        topGap: height * SHEET_TOP_GAP,
+    };
+}

package/dist/hooks/use-sheet-resize.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Eases the sheet's height when what it shows changes `shape` (another
+ * screen, tab, method, the card fields' page): the next layout animates,
+ * on iOS and Android alike. The first one does not: the sheet slides up.
+ */
+export declare function useSheetResize(shape: string): void;

package/dist/hooks/use-sheet-resize.js

@@ -0,0 +1,15 @@
+import { useState } from 'react';
+import { LayoutAnimation } from 'react-native';
+import { SHEET_RESIZE } from "../models/sheet.constants.js";
+/**
+ * Eases the sheet's height when what it shows changes `shape` (another
+ * screen, tab, method, the card fields' page): the next layout animates,
+ * on iOS and Android alike. The first one does not: the sheet slides up.
+ */
+export function useSheetResize(shape) {
+    const [last, setLast] = useState(shape);
+    if (last !== shape) {
+        setLast(shape);
+        LayoutAnimation.configureNext(SHEET_RESIZE);
+    }
+}

package/dist/hooks/use-sheet-theme.d.ts

@@ -0,0 +1,4 @@
+import type { SheetTheme } from '../models/sheet.interface.js';
+export declare const SheetThemeContext: import("react").Context<SheetTheme>;
+/** The open sheet's colours. */
+export declare function useSheetTheme(): SheetTheme;

package/dist/hooks/use-sheet-theme.js

@@ -0,0 +1,12 @@
+import { createContext, use } from 'react';
+import { CHECKOUT_COLORS } from "../checkout-core/models/checkout.constants.js";
+import { CheckoutThemeEnum } from "../checkout-core/models/checkout.enum.js";
+export const SheetThemeContext = createContext({
+    colors: CHECKOUT_COLORS[CheckoutThemeEnum.LIGHT],
+    brand: CHECKOUT_COLORS[CheckoutThemeEnum.LIGHT].ink,
+    dark: false,
+});
+/** The open sheet's colours. */
+export function useSheetTheme() {
+    return use(SheetThemeContext);
+}

package/dist/hooks/use-watched-payment.d.ts

@@ -0,0 +1,6 @@
+import type { CheckoutCalls, WatchedPayment } from '../models/sheet.interface.js';
+/**
+ * One payment, live, while `paymentId` is set. Once it is cleared (the sheet
+ * closing) the last answer stays, so the sheet slides away unchanged.
+ */
+export declare function useWatchedPayment(calls: CheckoutCalls, paymentId: string | null): WatchedPayment;

package/dist/hooks/use-watched-payment.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+/**
+ * One payment, live, while `paymentId` is set. Once it is cleared (the sheet
+ * closing) the last answer stays, so the sheet slides away unchanged.
+ */
+export function useWatchedPayment(calls, paymentId) {
+    const [watched, setWatched] = useState({
+        view: undefined,
+        failed: false,
+    });
+    useEffect(() => {
+        if (!paymentId)
+            return undefined;
+        return calls.watch(paymentId, (view) => setWatched({ view, failed: false }), () => setWatched((previous) => ({ ...previous, failed: true })));
+    }, [calls, paymentId]);
+    return watched;
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { BrissotoPayProvider } from './components/BrissotoPayProvider.js';
+export { usePaymentSheet } from './hooks/use-payment-sheet.js';
+export type { BrissotoPayProviderProps, PaymentSheet, PaymentSheetError, PaymentSheetResult, PaymentSheetStatus, PresentPaymentOptions, } from './models/sheet.interface.js';

package/dist/index.js

@@ -0,0 +1,2 @@
+export { BrissotoPayProvider } from "./components/BrissotoPayProvider.js";
+export { usePaymentSheet } from "./hooks/use-payment-sheet.js";

package/dist/models/sheet.constants.d.ts

@@ -0,0 +1,39 @@
+import type { LayoutAnimationConfig } from 'react-native';
+import en from '../checkout-core/messages/en.js';
+import { LangEnum, ProviderLogoEnum } from '../checkout-core/models/domain.enum.js';
+import { FigtreeEnum } from './sheet.enum.js';
+/** The production backend: Live and Test payments alike. */
+export declare const DEFAULT_URL = "https://api-pay.brissoto.com";
+/** The public Convex functions the web checkout calls, by path. */
+export declare const CHECKOUT_FUNCTIONS: {
+    get: string;
+    pay: string;
+    payWithCode: string;
+    checkNow: string;
+    open: string;
+    cancel: string;
+    resend: string;
+    simulate: string;
+};
+/** Figtree ships inside the package: `expo-font` loads it when a sheet opens. */
+export declare const FIGTREE_FILES: Record<FigtreeEnum, number>;
+/** The sheet's timezone for dates, as the web checkout's. */
+export declare const TIME_ZONE = "Africa/Douala";
+/** The payer copy the web checkout shows, by language. */
+export declare const MESSAGES: Record<LangEnum, {
+    checkout: typeof en;
+}>;
+/** Brand tiles, the web's `public/logo/` PNGs bundled with the package. */
+export declare const PROVIDER_LOGOS: Record<ProviderLogoEnum, number>;
+/** At its tallest, the sheet leaves this share of the screen above it, clear of the status bar. */
+export declare const SHEET_TOP_GAP = 0.1;
+/** How dark the app gets behind the sheet. */
+export declare const SHEET_DIM_OPACITY = 0.4;
+/** How long the sheet takes to slide up or away, in ms. */
+export declare const SHEET_SLIDE_MS = 280;
+/** Points down that close the sheet when the finger lets go. */
+export declare const SHEET_SWIPE_DISTANCE = 120;
+/** A flick down this fast (points per ms) closes it, however short. */
+export declare const SHEET_FLICK_SPEED = 0.8;
+/** How the sheet's height eases from one screen to the next. */
+export declare const SHEET_RESIZE: LayoutAnimationConfig;

package/dist/models/sheet.constants.js

@@ -0,0 +1,78 @@
+import figtreeBold from '../../assets/fonts/Figtree-Bold.ttf';
+import figtreeExtraBold from '../../assets/fonts/Figtree-ExtraBold.ttf';
+import figtreeMedium from '../../assets/fonts/Figtree-Medium.ttf';
+import figtreeRegular from '../../assets/fonts/Figtree-Regular.ttf';
+import figtreeSemiBold from '../../assets/fonts/Figtree-SemiBold.ttf';
+import logoApplePay from '../../assets/logos/apple-pay.png';
+import logoCard from '../../assets/logos/card.png';
+import logoGooglePay from '../../assets/logos/google-pay.png';
+import logoMastercard from '../../assets/logos/mastercard.png';
+import logoMixx from '../../assets/logos/mixx.png';
+import logoMoov from '../../assets/logos/moov.png';
+import logoMtn from '../../assets/logos/mtn.png';
+import logoOrange from '../../assets/logos/orange.png';
+import logoPaypal from '../../assets/logos/paypal.png';
+import logoVisa from '../../assets/logos/visa.png';
+import logoWave from '../../assets/logos/wave.png';
+import { LayoutAnimation } from 'react-native';
+import en from "../checkout-core/messages/en.js";
+import fr from "../checkout-core/messages/fr.js";
+import { LangEnum, ProviderLogoEnum, } from "../checkout-core/models/domain.enum.js";
+import { FigtreeEnum } from "./sheet.enum.js";
+/** The production backend: Live and Test payments alike. */
+export const DEFAULT_URL = 'https://api-pay.brissoto.com';
+/** The public Convex functions the web checkout calls, by path. */
+export const CHECKOUT_FUNCTIONS = {
+    get: 'checkout/queries:get',
+    pay: 'checkout/mutations:pay',
+    payWithCode: 'checkout/actions:payWithCode',
+    checkNow: 'checkout/mutations:checkNow',
+    open: 'checkout/mutations:open',
+    cancel: 'checkout/mutations:cancel',
+    resend: 'checkout/mutations:resend',
+    simulate: 'simulator/mutations:decide',
+};
+/** Figtree ships inside the package: `expo-font` loads it when a sheet opens. */
+export const FIGTREE_FILES = {
+    [FigtreeEnum.REGULAR]: figtreeRegular,
+    [FigtreeEnum.MEDIUM]: figtreeMedium,
+    [FigtreeEnum.SEMI_BOLD]: figtreeSemiBold,
+    [FigtreeEnum.BOLD]: figtreeBold,
+    [FigtreeEnum.EXTRA_BOLD]: figtreeExtraBold,
+};
+/** The sheet's timezone for dates, as the web checkout's. */
+export const TIME_ZONE = 'Africa/Douala';
+/** The payer copy the web checkout shows, by language. */
+export const MESSAGES = {
+    [LangEnum.EN]: { checkout: en },
+    [LangEnum.FR]: { checkout: fr },
+};
+/** Brand tiles, the web's `public/logo/` PNGs bundled with the package. */
+export const PROVIDER_LOGOS = {
+    [ProviderLogoEnum.ORANGE]: logoOrange,
+    [ProviderLogoEnum.MTN]: logoMtn,
+    [ProviderLogoEnum.MOOV]: logoMoov,
+    [ProviderLogoEnum.WAVE]: logoWave,
+    [ProviderLogoEnum.MIXX]: logoMixx,
+    [ProviderLogoEnum.VISA]: logoVisa,
+    [ProviderLogoEnum.MASTERCARD]: logoMastercard,
+    [ProviderLogoEnum.PAYPAL]: logoPaypal,
+    [ProviderLogoEnum.CARD]: logoCard,
+    [ProviderLogoEnum.APPLE_PAY]: logoApplePay,
+    [ProviderLogoEnum.GOOGLE_PAY]: logoGooglePay,
+};
+/** At its tallest, the sheet leaves this share of the screen above it, clear of the status bar. */
+export const SHEET_TOP_GAP = 0.1;
+/** How dark the app gets behind the sheet. */
+export const SHEET_DIM_OPACITY = 0.4;
+/** How long the sheet takes to slide up or away, in ms. */
+export const SHEET_SLIDE_MS = 280;
+/** Points down that close the sheet when the finger lets go. */
+export const SHEET_SWIPE_DISTANCE = 120;
+/** A flick down this fast (points per ms) closes it, however short. */
+export const SHEET_FLICK_SPEED = 0.8;
+/** How the sheet's height eases from one screen to the next. */
+export const SHEET_RESIZE = {
+    duration: 220,
+    update: { type: LayoutAnimation.Types.easeInEaseOut },
+};

package/dist/models/sheet.enum.d.ts

@@ -0,0 +1,16 @@
+/** Figtree's weights the sheet uses. Values are the font family names `expo-font` registers. */
+export declare enum FigtreeEnum {
+    REGULAR = "Figtree-Regular",
+    MEDIUM = "Figtree-Medium",
+    SEMI_BOLD = "Figtree-SemiBold",
+    BOLD = "Figtree-Bold",
+    EXTRA_BOLD = "Figtree-ExtraBold"
+}
+/** The signs the sheet draws, in a disc. */
+export declare enum SheetIconEnum {
+    BAN = "ban",
+    CLOCK = "clock",
+    LOCK = "lock",
+    CROSS = "cross",
+    CHECK = "check"
+}

package/dist/models/sheet.enum.js

@@ -0,0 +1,18 @@
+/** Figtree's weights the sheet uses. Values are the font family names `expo-font` registers. */
+export var FigtreeEnum;
+(function (FigtreeEnum) {
+    FigtreeEnum["REGULAR"] = "Figtree-Regular";
+    FigtreeEnum["MEDIUM"] = "Figtree-Medium";
+    FigtreeEnum["SEMI_BOLD"] = "Figtree-SemiBold";
+    FigtreeEnum["BOLD"] = "Figtree-Bold";
+    FigtreeEnum["EXTRA_BOLD"] = "Figtree-ExtraBold";
+})(FigtreeEnum || (FigtreeEnum = {}));
+/** The signs the sheet draws, in a disc. */
+export var SheetIconEnum;
+(function (SheetIconEnum) {
+    SheetIconEnum["BAN"] = "ban";
+    SheetIconEnum["CLOCK"] = "clock";
+    SheetIconEnum["LOCK"] = "lock";
+    SheetIconEnum["CROSS"] = "cross";
+    SheetIconEnum["CHECK"] = "check";
+})(SheetIconEnum || (SheetIconEnum = {}));