@clockpay/react-native 1.0.0

package/README.md

@@ -0,0 +1,113 @@
+# ClockPay React Native SDK
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+A type-safe React Native SDK for accepting crypto payments with ClockPay. Drop in a
+single `<PaymentButton />` — it opens a **Stripe-style bottom-sheet** payment modal
+that slides up from the bottom of the screen.
+
+- 📱 **Native bottom sheet** — slides up with a dimmed backdrop and drag-to-dismiss.
+- 🎨 **Themeable** — a Stripe-style `appearance` object controls colours and shape.
+- 🔑 **Env-aware** — the API gateway is auto-selected from your key prefix.
+- 🛡️ **Type-safe** — full TypeScript types for props, callbacks and responses.
+
+## Installation
+
+```bash
+npm install @clockpay/react-native
+```
+
+Install the required peer dependencies (native modules):
+
+```bash
+npm install react-native-svg react-native-qrcode-svg @react-native-clipboard/clipboard
+cd ios && pod install   # iOS only
+```
+
+`react` and `react-native` are also peer dependencies.
+
+## Quick start
+
+```tsx
+import { PaymentButton } from '@clockpay/react-native';
+
+export function Checkout({ clientSecret }: { clientSecret: string }) {
+  return (
+    <PaymentButton
+      publicKey="cpay_test_pk_..."   // from your developer dashboard
+      clientSecret={clientSecret}    // from your server-side checkout call
+      appearance={{ buttonColor: '#27AAE1', variant: 'outline' }}
+      onSuccess={(data) => console.log('Payment confirmed', data)}
+      onError={(error) => console.error(error)}
+    />
+  );
+}
+```
+
+Pressing the button initiates a checkout and presents the bottom sheet: a QR code +
+deposit address to transfer to, a countdown, then a screen to paste the transaction
+hash for on-chain verification. `onSuccess` fires once the payment is confirmed.
+
+> `clientSecret` must be created on **your server** (never expose your secret key in
+> the app), then passed to the button.
+
+## Theming
+
+```tsx
+<PaymentButton
+  publicKey="cpay_test_pk_..."
+  clientSecret={clientSecret}
+  appearance={{
+    variant: 'solid',          // 'solid' | 'outline' (default: 'outline')
+    buttonColor: '#6C5CE7',    // primary brand colour
+    buttonTextColor: '#ffffff',
+    borderRadius: 12,
+    modalAccentColor: '#6C5CE7',
+  }}
+/>
+```
+
+## API reference
+
+### `<PaymentButton />`
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `publicKey` | `string` | Yes | Public key from the developer dashboard. |
+| `clientSecret` | `string` | Yes | Returned from your server-side checkout call. |
+| `appearance` | `ClockPayAppearance` | No | Button/sheet theming. |
+| `label` | `ReactNode` | No | Button label. Defaults to `"Pay with Clockpay"`. |
+| `disabled` | `boolean` | No | Disables the button. |
+| `apiBaseUrl` | `string` | No | Override the API gateway. By default it's selected from the key prefix: `cpay_test_pk_` → dev, `cpay_live_pk_` → live. |
+| `redirectUrl` | `string` | No | Opened via `Linking` after a successful payment. |
+| `onSuccess` | `(data: VerifyCryptoResponse) => void` | No | Fired when payment is confirmed. |
+| `onError` | `(error: Error) => void` | No | Fired if initiating or verifying fails. |
+| `onClose` | `() => void` | No | Fired when the sheet closes. |
+
+### `ClockPayAppearance`
+
+| Field | Type | Default | Description |
+|-------|------|---------|-------------|
+| `variant` | `'solid' \| 'outline'` | `'outline'` | Button fill style. |
+| `buttonColor` | `string` | `#27AAE1` | Primary brand colour. |
+| `buttonTextColor` | `string` | brand / white | Button label colour. |
+| `borderRadius` | `number` | `8` | Corner radius (dp). |
+| `fontFamily` | `string` | system | Button label font. |
+| `modalAccentColor` | `string` | `buttonColor` | Accent used inside the sheet. |
+
+## Supported networks
+
+ETH, Optimism, BSC, Polygon, and Tron. The network is determined by the checkout
+created with your `clientSecret`.
+
+## Local development
+
+```bash
+npm install
+npm run typecheck
+npm run build      # react-native-builder-bob → lib/
+```
+
+## License
+
+MIT

package/lib/commonjs/api/client.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClockPayClient = void 0;
+var _axios = _interopRequireWildcard(require("axios"));
+var _endpoints = require("./endpoints");
+var _constants = require("../internal/constants");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Normalizes an unknown thrown value into a useful `Error`. */
+function toError(error, fallback) {
+  if (error instanceof _axios.AxiosError) {
+    const message = error.response?.data?.message ?? error.message;
+    return new Error(message || fallback);
+  }
+  if (error instanceof Error) return error;
+  return new Error(fallback);
+}
+
+/**
+ * A small, typed wrapper around the ClockPay REST API.
+ *
+ * Each client carries its own public key on a dedicated axios instance. The base
+ * URL is selected from the key's environment prefix (`cpay_test_pk_` → dev
+ * gateway, `cpay_live_pk_` → live gateway) unless `apiBaseUrl` overrides it.
+ */
+class ClockPayClient {
+  constructor(publicKey, apiBaseUrl) {
+    if (!publicKey) {
+      throw new Error('ClockPay: a publicKey is required.');
+    }
+    this.http = _axios.default.create({
+      baseURL: (0, _constants.resolveApiBaseUrl)(publicKey, apiBaseUrl),
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json',
+        'clock-pub-key': publicKey
+      }
+    });
+  }
+
+  /** Initiates a checkout for the given client secret. */
+  async initiatePayment(clientSecret) {
+    if (!clientSecret) {
+      throw new Error('ClockPay: a clientSecret is required.');
+    }
+    try {
+      const {
+        data
+      } = await this.http.post(_endpoints.endpoints.initiatePayment, {
+        clientSecret
+      });
+      return data;
+    } catch (error) {
+      throw toError(error, 'Failed to initiate payment.');
+    }
+  }
+
+  /** Verifies an on-chain transaction by hash. */
+  async verifyCrypto(payload) {
+    try {
+      const {
+        data
+      } = await this.http.post(_endpoints.endpoints.verifyCrypto, payload);
+      return data;
+    } catch (error) {
+      throw toError(error, 'Failed to verify transaction.');
+    }
+  }
+}
+exports.ClockPayClient = ClockPayClient;
+//# sourceMappingURL=client.js.map

package/lib/commonjs/api/client.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_axios","_interopRequireWildcard","require","_endpoints","_constants","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","toError","error","fallback","AxiosError","message","response","data","Error","ClockPayClient","constructor","publicKey","apiBaseUrl","http","axios","create","baseURL","resolveApiBaseUrl","headers","Accept","initiatePayment","clientSecret","post","endpoints","verifyCrypto","payload","exports"],"sourceRoot":"..\\..\\..\\src","sources":["api/client.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/api/endpoints.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.endpoints = void 0;
+const endpoints = exports.endpoints = Object.freeze({
+  initiatePayment: '/payment/client/checkout',
+  verifyCrypto: '/transactions/verify-crypto'
+});
+//# sourceMappingURL=endpoints.js.map

package/lib/commonjs/api/endpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["endpoints","exports","Object","freeze","initiatePayment","verifyCrypto"],"sourceRoot":"..\\..\\..\\src","sources":["api/endpoints.ts"],"mappings":";;;;;;AAAO,MAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,MAAM,CAACC,MAAM,CAAC;EACrCC,eAAe,EAAE,0BAA0B;EAC3CC,YAAY,EAAE;AAChB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/bottom-sheet.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BottomSheet = BottomSheet;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+const SCREEN_HEIGHT = _reactNative.Dimensions.get('window').height;
+const DISMISS_THRESHOLD = 120;
+
+/**
+ * A Stripe-style bottom sheet: slides up from the bottom over a dimmed backdrop,
+ * with drag-to-dismiss on the handle. Built on RN primitives — no native deps.
+ */
+function BottomSheet({
+  visible,
+  onClose,
+  onClosed,
+  closeOnBackdropPress = true,
+  children
+}) {
+  const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(SCREEN_HEIGHT)).current;
+  const backdrop = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const [mounted, setMounted] = (0, _react.useState)(visible);
+  const animateIn = () => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(translateY, {
+      toValue: 0,
+      duration: 280,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(backdrop, {
+      toValue: 1,
+      duration: 280,
+      useNativeDriver: true
+    })]).start();
+  };
+  const animateOut = () => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(translateY, {
+      toValue: SCREEN_HEIGHT,
+      duration: 220,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(backdrop, {
+      toValue: 0,
+      duration: 220,
+      useNativeDriver: true
+    })]).start(() => {
+      setMounted(false);
+      onClosed?.();
+    });
+  };
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      setMounted(true);
+      // Defer so the sheet starts off-screen before animating in.
+      requestAnimationFrame(animateIn);
+    } else if (mounted) {
+      animateOut();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [visible]);
+  const panResponder = (0, _react.useRef)(_reactNative.PanResponder.create({
+    onMoveShouldSetPanResponder: (_, g) => g.dy > 6 && Math.abs(g.dy) > Math.abs(g.dx),
+    onPanResponderMove: (_, g) => {
+      if (g.dy > 0) translateY.setValue(g.dy);
+    },
+    onPanResponderRelease: (_, g) => {
+      if (g.dy > DISMISS_THRESHOLD) onClose();else _reactNative.Animated.spring(translateY, {
+        toValue: 0,
+        useNativeDriver: true,
+        bounciness: 4
+      }).start();
+    }
+  })).current;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: mounted,
+    transparent: true,
+    animationType: "none",
+    statusBarTranslucent: true,
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.root,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [styles.backdrop, {
+          opacity: backdrop
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          style: _reactNative.StyleSheet.absoluteFill,
+          onPress: closeOnBackdropPress ? onClose : undefined
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+        style: [styles.sheet, {
+          transform: [{
+            translateY
+          }]
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.handleArea,
+          ...panResponder.panHandlers,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.handle
+          })
+        }), children]
+      })]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flex: 1,
+    justifyContent: 'flex-end'
+  },
+  backdrop: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    backgroundColor: 'rgba(15,23,42,0.45)'
+  },
+  sheet: {
+    backgroundColor: '#ffffff',
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    paddingHorizontal: 20,
+    paddingBottom: 32,
+    maxHeight: '92%'
+  },
+  handleArea: {
+    alignItems: 'center',
+    paddingTop: 10,
+    paddingBottom: 6
+  },
+  handle: {
+    width: 40,
+    height: 5,
+    borderRadius: 3,
+    backgroundColor: '#CBD5E1'
+  }
+});
+//# sourceMappingURL=bottom-sheet.js.map

package/lib/commonjs/components/bottom-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","SCREEN_HEIGHT","Dimensions","get","height","DISMISS_THRESHOLD","BottomSheet","visible","onClose","onClosed","closeOnBackdropPress","children","translateY","useRef","Animated","Value","current","backdrop","mounted","setMounted","useState","animateIn","parallel","timing","toValue","duration","useNativeDriver","start","animateOut","useEffect","requestAnimationFrame","panResponder","PanResponder","create","onMoveShouldSetPanResponder","_","g","dy","Math","abs","dx","onPanResponderMove","setValue","onPanResponderRelease","spring","bounciness","jsx","Modal","transparent","animationType","statusBarTranslucent","onRequestClose","jsxs","View","style","styles","root","opacity","Pressable","StyleSheet","absoluteFill","onPress","undefined","sheet","transform","handleArea","panHandlers","handle","flex","justifyContent","absoluteFillObject","backgroundColor","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","paddingBottom","maxHeight","alignItems","paddingTop","width","borderRadius"],"sourceRoot":"..\\..\\..\\src","sources":["components/bottom-sheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/icons.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckIcon = CheckIcon;
+exports.CloseIcon = CloseIcon;
+exports.CopyIcon = CopyIcon;
+exports.InfoIcon = InfoIcon;
+exports.LogoIcon = LogoIcon;
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** ClockPay brandmark. */
+function LogoIcon({
+  size = 16
+}) {
+  const height = size;
+  const width = 23 / 28 * size;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    width: width,
+    height: height,
+    viewBox: "0 0 23 28",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M22.7193 20.6621H6.78613V27.548H22.7193V20.6621Z",
+      fill: "#26A9E1"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M11.3619 15.9327C12.5385 15.9327 13.4923 14.9649 13.4923 13.7711C13.4923 12.5772 12.5385 11.6094 11.3619 11.6094C10.1854 11.6094 9.23157 12.5772 9.23157 13.7711C9.23157 14.9649 10.1854 15.9327 11.3619 15.9327Z",
+      fill: "#26A9E1"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M22.7193 0V6.88589H6.79088V20.6577H0V0H22.7193Z",
+      fill: "#26A9E1"
+    })]
+  });
+}
+function CloseIcon({
+  size = 24,
+  color = '#1E1E1E'
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    width: size,
+    height: size,
+    viewBox: "0 0 32 32",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M20 12L12 19.9995M20 20L12 12.0005",
+      stroke: color,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M3.33325 15.9999C3.33325 10.0288 3.33325 7.04324 5.18824 5.18824C7.04324 3.33325 10.0288 3.33325 15.9999 3.33325C21.971 3.33325 24.9566 3.33325 26.8117 5.18824C28.6666 7.04324 28.6666 10.0288 28.6666 15.9999C28.6666 21.971 28.6666 24.9566 26.8117 26.8117C24.9566 28.6666 21.971 28.6666 15.9999 28.6666C10.0288 28.6666 7.04324 28.6666 5.18824 26.8117C3.33325 24.9566 3.33325 21.971 3.33325 15.9999Z",
+      stroke: color,
+      strokeWidth: 2
+    })]
+  });
+}
+function CopyIcon({
+  size = 18,
+  color = '#27AAE1'
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    width: size,
+    height: size,
+    viewBox: "0 0 20 21",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M7.5 13C7.5 10.643 7.5 9.4645 8.23223 8.73223C8.9645 8 10.143 8 12.5 8H13.3333C15.6903 8 16.8688 8 17.6011 8.73223C18.3333 9.4645 18.3333 10.643 18.3333 13V13.8333C18.3333 16.1903 18.3333 17.3688 17.6011 18.1011C16.8688 18.8333 15.6903 18.8333 13.3333 18.8333H12.5C10.143 18.8333 8.9645 18.8333 8.23223 18.1011C7.5 17.3688 7.5 16.1903 7.5 13.8333V13Z",
+      stroke: color,
+      strokeWidth: 1.25,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M14.1664 8.00033C14.1644 5.53608 14.1272 4.25967 13.4098 3.38568C13.2713 3.2169 13.1166 3.06214 12.9478 2.92363C12.0258 2.16699 10.6561 2.16699 7.9165 2.16699C5.17694 2.16699 3.80715 2.16699 2.8852 2.92363C2.71641 3.06213 2.56165 3.2169 2.42314 3.38568C1.6665 4.30764 1.6665 5.67743 1.6665 8.41699C1.6665 11.1566 1.6665 12.5263 2.42314 13.4483C2.56165 13.6171 2.71641 13.7718 2.8852 13.9103C3.75918 14.6277 5.0356 14.6649 7.49984 14.6669",
+      stroke: color,
+      strokeWidth: 1.25,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+function InfoIcon({
+  size = 16
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    width: size,
+    height: size,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z",
+      fill: "#9DAAD2"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M6 8V6",
+      stroke: "#FAFBFF",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M6 4H6.005",
+      stroke: "#FAFBFF",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+function CheckIcon({
+  size = 48
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+      cx: 12,
+      cy: 12,
+      r: 10,
+      fill: "#22c55e"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M8 12.5L11 15.5L16 9.5",
+      stroke: "#fff",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+//# sourceMappingURL=icons.js.map

package/lib/commonjs/components/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSvg","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LogoIcon","size","height","width","jsxs","viewBox","fill","children","jsx","Path","d","CloseIcon","color","stroke","strokeWidth","strokeLinecap","strokeLinejoin","CopyIcon","InfoIcon","CheckIcon","Circle","cx","cy"],"sourceRoot":"..\\..\\..\\src","sources":["components/icons.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/payment-button.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaymentButton = PaymentButton;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _client = require("../api/client");
+var _theme = require("../internal/theme");
+var _paymentSheet = require("./payment-sheet");
+var _icons = require("./icons");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Drop-in payment button for React Native. Renders a "Pay with Clockpay" trigger
+ * that initiates a checkout and opens a Stripe-style bottom-sheet payment modal.
+ */
+function PaymentButton({
+  publicKey,
+  clientSecret,
+  appearance,
+  label = 'Pay with Clockpay',
+  disabled,
+  apiBaseUrl,
+  redirectUrl,
+  onSuccess,
+  onError,
+  onClose
+}) {
+  const [checkout, setCheckout] = (0, _react.useState)(null);
+  const [visible, setVisible] = (0, _react.useState)(false);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const theme = (0, _react.useMemo)(() => (0, _theme.resolveTheme)(appearance), [appearance]);
+  const initiate = async () => {
+    if (loading) return;
+    setLoading(true);
+    try {
+      const client = new _client.ClockPayClient(publicKey, apiBaseUrl);
+      const response = await client.initiatePayment(clientSecret);
+      setCheckout(response.data);
+      setVisible(true);
+    } catch (error) {
+      onError?.(error instanceof Error ? error : new Error('Payment initialization failed.'));
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleClosed = () => {
+    setCheckout(null);
+    onClose?.();
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      activeOpacity: 0.8,
+      disabled: disabled || loading,
+      onPress: initiate,
+      style: [styles.button, {
+        backgroundColor: theme.buttonBg,
+        borderColor: theme.buttonBorder,
+        borderRadius: theme.radius,
+        opacity: disabled || loading ? 0.6 : 1
+      }],
+      children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        size: "small",
+        color: theme.buttonFg
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LogoIcon, {
+          size: 16
+        }), typeof label === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.label, {
+            color: theme.buttonFg,
+            fontFamily: theme.fontFamily
+          }],
+          children: label
+        }) : label]
+      })
+    }), checkout && /*#__PURE__*/(0, _jsxRuntime.jsx)(_paymentSheet.PaymentSheet, {
+      visible: visible,
+      checkout: checkout,
+      publicKey: publicKey,
+      apiBaseUrl: apiBaseUrl,
+      theme: theme,
+      redirectUrl: redirectUrl,
+      onRequestClose: () => setVisible(false),
+      onClosed: handleClosed,
+      onSuccess: onSuccess,
+      onError: onError
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 8,
+    paddingVertical: 14,
+    paddingHorizontal: 16,
+    borderWidth: 2
+  },
+  label: {
+    fontSize: 15,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=payment-button.js.map

package/lib/commonjs/components/payment-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_client","_theme","_paymentSheet","_icons","_jsxRuntime","PaymentButton","publicKey","clientSecret","appearance","label","disabled","apiBaseUrl","redirectUrl","onSuccess","onError","onClose","checkout","setCheckout","useState","visible","setVisible","loading","setLoading","theme","useMemo","resolveTheme","initiate","client","ClockPayClient","response","initiatePayment","data","error","Error","handleClosed","jsxs","View","children","jsx","TouchableOpacity","activeOpacity","onPress","style","styles","button","backgroundColor","buttonBg","borderColor","buttonBorder","borderRadius","radius","opacity","ActivityIndicator","size","color","buttonFg","Fragment","LogoIcon","Text","fontFamily","PaymentSheet","onRequestClose","onClosed","StyleSheet","create","flexDirection","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","borderWidth","fontSize","fontWeight"],"sourceRoot":"..\\..\\..\\src","sources":["components/payment-button.tsx"],"mappings":"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","ignoreList":[]}