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

package/dist/checkout-core/hooks/use-phone-number.js

@@ -0,0 +1,82 @@
+import { useCallback, useState } from 'react';
+import { DIAL_CODES } from "../models/checkout.constants.js";
+import { caretAfterDigits, formatInternational, formatNational, getPhoneStatus, placeholderOf, readTypedNumber, toE164, } from "../models/checkout.phone.utils.js";
+const digitsOf = (text) => text.replace(/\D/g, '');
+/**
+ * The Mobile Money number, checked by the country's own rules
+ * (libphonenumber-js) and grouped as the payer types. A space deleted takes
+ * the digit before it. The field itself is the platform's.
+ */
+export function usePhoneNumber({ country, countries, onCountryChange, }) {
+    const [number, setNumber] = useState({
+        country,
+        digits: '',
+        pending: null,
+    });
+    const [touched, setTouched] = useState(false);
+    const [focused, setFocused] = useState(false);
+    const [submitTried, setSubmitTried] = useState(false);
+    // The page moved to another country: the number belonged to the previous one.
+    const ours = number.country === country;
+    const digits = ours ? number.digits : '';
+    const pending = ours ? number.pending : null;
+    const value = pending === null
+        ? formatNational(digits, country)
+        : formatInternational(pending);
+    const type = (typed, caret) => {
+        let raw = typed;
+        let before = digitsOf(typed.slice(0, caret)).length;
+        const international = /^\s*(\+|00)/.test(typed);
+        if (!international &&
+            typed.length < value.length &&
+            digitsOf(typed) === digitsOf(value) &&
+            before > 0) {
+            // Backspace on a space: the payer meant the digit before it.
+            const all = digitsOf(typed);
+            raw = all.slice(0, before - 1) + all.slice(before);
+            before -= 1;
+        }
+        const next = readTypedNumber(raw, country, countries);
+        setNumber(next);
+        setSubmitTried(false);
+        if (next.country !== country)
+            onCountryChange(next.country);
+        return international
+            ? null
+            : caretAfterDigits(formatNational(next.digits, next.country), before);
+    };
+    const status = getPhoneStatus({
+        country,
+        digits,
+        foreign: pending !== null,
+        touched,
+        focused,
+        submitTried,
+    });
+    const reject = useCallback(() => {
+        setTouched(true);
+        setSubmitTried(true);
+    }, []);
+    const fill = useCallback((e164) => {
+        const next = readTypedNumber(e164, country, [country]);
+        if (next.country === country && next.pending === null)
+            setNumber(next);
+    }, [country]);
+    return {
+        value,
+        type,
+        e164: pending === null ? toE164(digits, country) : '',
+        dial: DIAL_CODES[country],
+        placeholder: placeholderOf(country),
+        status,
+        focused,
+        onFocus: () => setFocused(true),
+        onBlur: () => {
+            setFocused(false);
+            if (value.length > 0)
+                setTouched(true);
+        },
+        reject,
+        fill,
+    };
+}

package/dist/checkout-core/messages/en.d.ts

@@ -0,0 +1,253 @@
+declare const _default: {
+    total_label: string;
+    total: string;
+    details: string;
+    hide_details: string;
+    each: string;
+    pay_with: string;
+    unavailable: string;
+    soon: string;
+    phone_label: string;
+    helper: string;
+    phone_errors: {
+        start: string;
+        short: string;
+        invalid: string;
+        empty: string;
+        country: string;
+        operator: string;
+    };
+    otp_label: string;
+    otp_placeholder: string;
+    otp_help: string;
+    card_fields: {
+        title: string;
+        number: string;
+        number_placeholder: string;
+        expiry: string;
+        expiry_placeholder: string;
+        cvc: string;
+        cvc_placeholder: string;
+        incomplete: string;
+        simulator_note: string;
+    };
+    mismatch: string;
+    switch_to: string;
+    pay_short: string;
+    pay_plain: string;
+    sending: string;
+    tab_wallet: string;
+    tab_card: string;
+    wallets: {
+        paypal: {
+            name: string;
+            sub: string;
+        };
+        'apple-pay': {
+            name: string;
+            sub: string;
+        };
+        'google-pay': {
+            name: string;
+            sub: string;
+        };
+    };
+    countries: {
+        cm: string;
+        ci: string;
+        sn: string;
+        bj: string;
+        tg: string;
+        bf: string;
+        intl: string;
+    };
+    country: string;
+    change: string;
+    secured_by: string;
+    help: string;
+    terms: string;
+    privacy: string;
+    test_sub: string;
+    test_badge: string;
+    loading: string;
+    confirm_title: string;
+    sent_to: string;
+    remaining: string;
+    steps: {
+        first: string;
+        last: string;
+    };
+    no_prompt: string;
+    dial: string;
+    dial_only: string;
+    resend: string;
+    cancel: string;
+    checking_title: string;
+    checking_with: string;
+    checking_card: string;
+    simulator: {
+        title: string;
+        body: string;
+        no_answer: string;
+        approved: string;
+        declined: string;
+        insufficient_funds: string;
+        no_account: string;
+        wrong_pin: string;
+        wrong_code: string;
+        provider_error: string;
+        wrong_amount: string;
+        approved_late: string;
+        reversed: string;
+    };
+    failure: {
+        declined: {
+            title: string;
+            body: string;
+            next: string;
+        };
+        insufficient_funds: {
+            title: string;
+            body: string;
+            next: string;
+        };
+        no_account: {
+            title: string;
+            body: string;
+            next: string;
+        };
+        wrong_pin: {
+            title: string;
+            body: string;
+            next: string;
+        };
+        wrong_code: {
+            title: string;
+            body: string;
+            next: string;
+        };
+        provider_error: {
+            title: string;
+            body: string;
+            next: string;
+        };
+        timeout: {
+            title: string;
+            body: string;
+            next: string;
+        };
+        mismatch: {
+            title: string;
+            body: string;
+            next: string;
+        };
+    };
+    retry: string;
+    retry_code: string;
+    use_another: string;
+    try_with: string;
+    tries_left: string;
+    tries_value: string;
+    not_charged: string;
+    success_title: string;
+    paid_to: string;
+    amount: string;
+    method: string;
+    number: string;
+    card: string;
+    date: string;
+    reference: string;
+    copy: string;
+    copied: string;
+    download: string;
+    return_to: string;
+    return_in: string;
+    stay: string;
+    expired: {
+        title: string;
+        body: string;
+    };
+    cancelled: {
+        title: string;
+        body: string;
+    };
+    locked_screen: {
+        title: string;
+        body: string;
+    };
+    invalid: {
+        title: string;
+        body: string;
+    };
+    no_method: {
+        title: string;
+        body: string;
+    };
+    contact_support: string;
+    get_help: string;
+    returning: string;
+    not_redirected: string;
+    contact_title: string;
+    reference_title: string;
+    reference_hint: string;
+    close: string;
+    sheet: {
+        approve_title: string;
+        approve_body: string;
+        expires_in: string;
+        resend_in: string;
+        done_in: string;
+        close_title: string;
+        close_body: string;
+        keep_waiting: string;
+        dial: string;
+    };
+    faqs: {
+        not_received: {
+            q: string;
+            a: string;
+        };
+        debited: {
+            q: string;
+            a: string;
+        };
+    };
+    channels: {
+        whatsapp: string;
+        email: string;
+    };
+    error: {
+        title: string;
+        body: string;
+        retry: string;
+    };
+    refusals: {
+        closed: string;
+        method: string;
+        phone: string;
+        code: string;
+        busy: string;
+    };
+    toast: {
+        copied: string;
+        downloaded: string;
+        switched: string;
+        unavailable: string;
+        soon: string;
+        no_answer: string;
+        failed: string;
+        resent: string;
+        resend_wait: string;
+        preview: string;
+        dial: string;
+    };
+    dark_mode: string;
+    light_mode: string;
+    language_label: string;
+    receipt_title: string;
+    meta: {
+        title: string;
+        description: string;
+    };
+};
+export default _default;

package/dist/checkout-core/messages/en.js

@@ -0,0 +1,243 @@
+export default {
+    total_label: 'Amount to pay',
+    total: 'Total',
+    details: 'Details',
+    hide_details: 'Hide',
+    each: '{price} each',
+    pay_with: 'Pay with',
+    unavailable: 'Temporarily unavailable',
+    soon: 'Coming soon',
+    phone_label: 'Mobile Money number',
+    helper: 'The number linked to your {method} account',
+    phone_errors: {
+        start: 'Cameroon mobile numbers start with 6',
+        short: 'This number is too short',
+        invalid: "This number isn't valid",
+        empty: 'Enter your Mobile Money number',
+        country: 'Enter a number from one of the countries offered',
+        operator: "This number isn't on Orange or MTN",
+    },
+    otp_label: 'Payment code',
+    otp_placeholder: 'Enter the code',
+    otp_help: 'Dial this code on your {method} phone to get a payment code, then enter it here.',
+    card_fields: {
+        title: 'Card details',
+        number: 'Card number',
+        number_placeholder: '1234 1234 1234 1234',
+        expiry: 'Expiry date',
+        expiry_placeholder: 'MM / YY',
+        cvc: 'Security code',
+        cvc_placeholder: 'CVC',
+        incomplete: 'Check the card number, expiry date and security code.',
+        simulator_note: 'Simulator card fields: no real card is charged.',
+    },
+    mismatch: 'Looks like a {method} number. Switch?',
+    switch_to: 'Switch',
+    pay_short: 'Pay {amount} {currency} with',
+    pay_plain: 'Pay {amount} {currency}',
+    sending: 'Sending request…',
+    tab_wallet: 'Mobile Money',
+    tab_card: 'Card & wallet',
+    wallets: {
+        paypal: { name: 'PayPal', sub: 'PayPal account' },
+        'apple-pay': { name: 'Apple Pay', sub: 'iPhone · Mac' },
+        'google-pay': { name: 'Google Pay', sub: 'Android · Chrome' },
+    },
+    countries: {
+        cm: 'Cameroon',
+        ci: 'Côte d’Ivoire',
+        sn: 'Senegal',
+        bj: 'Benin',
+        tg: 'Togo',
+        bf: 'Burkina Faso',
+        intl: 'International',
+    },
+    country: 'Country',
+    change: 'Change',
+    secured_by: 'Payment secured by',
+    help: 'Need help?',
+    terms: 'Terms',
+    privacy: 'Privacy',
+    test_sub: 'No real money will be moved',
+    test_badge: 'Test',
+    loading: 'Loading the payment',
+    confirm_title: 'Confirm the payment on your phone',
+    sent_to: 'We sent a {method} request to',
+    remaining: 'left to approve',
+    steps: {
+        first: 'Unlock your phone and open the request',
+        last: 'Enter your PIN to approve',
+    },
+    no_prompt: "Didn't get the request?",
+    dial: 'Send it again, or dial this code to see pending payments',
+    dial_only: 'Send it again to your phone',
+    resend: 'Send again',
+    cancel: 'Cancel payment',
+    checking_title: 'Confirming your payment',
+    checking_with: '{method} is checking your code for',
+    checking_card: '{method} is checking your card.',
+    simulator: {
+        title: 'Simulator',
+        body: 'Test payment: pick what happens to it.',
+        no_answer: 'A number ending in {suffix} gets no answer on start.',
+        approved: 'Approve',
+        declined: 'Decline',
+        insufficient_funds: 'Low balance',
+        no_account: 'No account',
+        wrong_pin: 'Wrong PIN',
+        wrong_code: 'Wrong code',
+        provider_error: 'Provider error',
+        wrong_amount: 'Approve a wrong amount',
+        approved_late: 'Approve late',
+        reversed: 'Approve, then reverse',
+    },
+    failure: {
+        declined: {
+            title: 'Payment declined',
+            body: 'The {method} request was declined on your phone.',
+            next: 'Try again, or pay with another method.',
+        },
+        insufficient_funds: {
+            title: 'Insufficient balance',
+            body: 'Your {method} balance is too low for this payment.',
+            next: 'Top up your account and try again, or pay with another method.',
+        },
+        no_account: {
+            title: 'No {method} account',
+            body: 'This number has no {method} account.',
+            next: 'Check the number and try again, or pay with another method.',
+        },
+        wrong_pin: {
+            title: 'Wrong PIN',
+            body: 'The PIN entered for {method} was not the right one.',
+            next: 'Try again with the right PIN.',
+        },
+        wrong_code: {
+            title: 'Wrong or expired code',
+            body: 'The {method} payment code was not accepted.',
+            next: 'Get a new code and try again.',
+        },
+        provider_error: {
+            title: '{method} is not responding',
+            body: "{method} couldn't process the payment. It isn't on your side.",
+            next: 'Try again in a moment, or pay with another method.',
+        },
+        timeout: {
+            title: 'Payment not confirmed',
+            body: "{method} didn't confirm the payment in time.",
+            next: 'Try again, or pay with another method.',
+        },
+        mismatch: {
+            title: 'Payment to be checked',
+            body: '{method} reported a different amount from the one asked. The payment was not accepted.',
+            next: 'Contact support with the payment reference before trying again.',
+        },
+    },
+    retry: 'Try again',
+    retry_code: 'Try with a new code',
+    use_another: 'Use another method',
+    try_with: 'Try with {method}',
+    tries_left: 'Attempts left',
+    tries_value: '{left} of {max}',
+    not_charged: 'Nothing was taken from your account.',
+    success_title: 'Payment successful',
+    paid_to: 'Paid to {app}',
+    amount: 'Amount',
+    method: 'Method',
+    number: 'Number',
+    card: 'Card',
+    date: 'Date',
+    reference: 'Reference',
+    copy: 'Copy',
+    copied: 'Copied',
+    download: 'Download receipt',
+    return_to: 'Return to {app}',
+    return_in: 'Return to {app} ({seconds})',
+    stay: 'Stay on this page',
+    expired: {
+        title: 'This payment link has expired',
+        body: 'Go back to {app} to get a new one.',
+    },
+    cancelled: {
+        title: 'This payment was cancelled',
+        body: 'Go back to {app} to pay again.',
+    },
+    locked_screen: {
+        title: 'Too many attempts',
+        body: 'For your security, this payment is paused after too many unsuccessful attempts.',
+    },
+    invalid: {
+        title: "This link isn't valid",
+        body: "We couldn't find this payment. The link may be incomplete. Open it again from the app you were paying in.",
+    },
+    no_method: {
+        title: 'No way to pay right now',
+        body: '{app} offers no payment method at the moment. Try again later.',
+    },
+    contact_support: 'Contact support',
+    get_help: 'Get help',
+    returning: 'Returning to {app}…',
+    not_redirected: 'Not redirected? Tap here',
+    contact_title: 'Contact support',
+    reference_title: 'Payment reference',
+    reference_hint: 'Share it with support so we can find your payment quickly.',
+    close: 'Close',
+    sheet: {
+        approve_title: 'Approve on your phone',
+        approve_body: 'Enter your {method} PIN in the request sent to {phone}.',
+        expires_in: 'Expires in',
+        resend_in: 'Send again in {clock}',
+        done_in: 'Done ({seconds})',
+        close_title: 'Close the payment?',
+        close_body: 'The request is still on your phone. If you approve it, the payment goes through.',
+        keep_waiting: 'Keep waiting',
+        dial: 'Dial {code}',
+    },
+    faqs: {
+        not_received: {
+            q: "I didn't get the request on my phone",
+            a: 'Check that your phone is on and has network. You can also dial the code shown on the waiting screen to see and approve pending payments.',
+        },
+        debited: {
+            q: 'I was debited but the page says failed',
+            a: "Don't pay again. Contact support with your payment reference so we can check it.",
+        },
+    },
+    channels: {
+        whatsapp: 'WhatsApp',
+        email: 'Email',
+    },
+    error: {
+        title: 'This page could not load',
+        body: 'Nothing was charged. Try again in a moment.',
+        retry: 'Try again',
+    },
+    refusals: {
+        closed: 'This payment can no longer be paid.',
+        method: 'This method is not available right now. Pick another one.',
+        phone: 'This number does not belong to this method’s country.',
+        code: 'Enter the payment code you generated.',
+        busy: 'Your earlier attempts are still in progress. Wait for their answer before trying again.',
+    },
+    toast: {
+        copied: 'Reference copied',
+        downloaded: 'Receipt downloaded',
+        switched: 'Switched to {method}',
+        unavailable: '{method} is temporarily unavailable',
+        soon: '{method} is coming soon',
+        no_answer: 'No answer yet: try again or pick another method',
+        failed: 'Something went wrong. Try again.',
+        resent: 'Request sent again to {phone}',
+        resend_wait: 'Wait a few seconds before asking again.',
+        preview: 'Preview only: nothing is paid here',
+        dial: 'Dial {code} from your {method} phone.',
+    },
+    dark_mode: 'Dark mode',
+    light_mode: 'Light mode',
+    language_label: 'Language / Langue',
+    receipt_title: 'Brissoto Pay: Payment successful',
+    meta: {
+        title: 'Secure payment',
+        description: 'Pay securely by mobile money or card with Brissoto Pay.',
+    },
+};

package/dist/checkout-core/messages/fr.d.ts

@@ -0,0 +1,4 @@
+import type checkout from './en.js';
+/** Same keys as the English catalog: the compiler flags a missing or extra one. */
+declare const messages: typeof checkout;
+export default messages;