@payriff-sdk/react 1.0.0 → 1.0.2

package/README.md

@@ -93,6 +93,5 @@ This is for the customer only. Your server decides whether the order is paid, fr
 
 - **Next.js:** the components are client components (`'use client'` is built in) and render an empty container
   on the server.
-- **Sandbox:** `<PayriffProvider apiBase="https://sb-api.payriff.com" …>` with your sandbox key.
 - **HTTPS:** the card fields only load on HTTPS pages, `https://localhost` included.
 - React 18 or newer. StrictMode is supported.

package/dist/PayriffProvider.d.ts

@@ -11,7 +11,7 @@ export type PayriffReactError = PayriffError & {
 export interface PayriffProviderProps {
     /** Your publishable key (pr_pk_live_…). Never the secret key. */
     publishableKey: string;
-    /** Default `https://api.payriff.com`. Use `https://sb-api.payriff.com` for the sandbox. */
+    /** Default (and only accepted value) `https://api.payriff.com`. */
     apiBase?: PayriffApiBase;
     /** Default `az`. */
     locale?: PayriffLocale;

package/dist/PayriffProvider.js

@@ -10,10 +10,18 @@ const FALLBACK_MESSAGES = {
     order_not_payable: 'This order can no longer be paid.',
     invalid_public_key: 'Payments are not available on this site.',
 };
+/** Payriff errors are plain objects with a string `type`. A thrown Error/TypeError is something else. */
+function isPayriffError(err) {
+    return !!err && typeof err === 'object' && !(err instanceof Error) && typeof err.type === 'string';
+}
 export function toReactError(err) {
-    const e = (err && typeof err === 'object' ? err : { type: 'sdk', code: 'unknown', message: String(err) });
-    const message = ('message' in e && typeof e.message === 'string' && e.message) || FALLBACK_MESSAGES[e.type] || 'Payment failed.';
-    return { ...e, message };
+    if (!isPayriffError(err)) {
+        // Its text could be anything (e.g. "Payriff is not a function"); keep it out of the customer's view.
+        console.error('[payriff] unexpected error:', err);
+        return { type: 'sdk', code: 'unexpected', message: 'Something went wrong. Please try again.' };
+    }
+    const message = ('message' in err && typeof err.message === 'string' && err.message) || FALLBACK_MESSAGES[err.type] || 'Payment failed.';
+    return { ...err, message };
 }
 /** Loads Payriff.js once for everything inside it, and shares the payment state with usePayriff(). */
 export function PayriffProvider({ publishableKey, apiBase, locale, theme, autoAdvance, children }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payriff-sdk/react",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "React components for Payriff.js card payments",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -22,7 +22,7 @@
     "prepublishOnly": "npm test"
   },
   "dependencies": {
-    "@payriff-sdk/payriff-js": "^1.2.1"
+    "@payriff-sdk/payriff-js": "^1.2.3"
   },
   "peerDependencies": {
     "react": ">=18"