@coinflowlabs/react 4.1.3 → 4.2.2

package/build/cjs/CoinflowCardForm.js

@@ -1,100 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CoinflowCardForm = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var CoinflowIFrame_1 = require("./CoinflowIFrame");
-/**
- * Allows merchants to collect card information from their customers in a PCI-compliant way and receive a token for use with the `/api/checkout/token` endpoint.
- *
- * Usage:
- * ```tsx
- *  const ref =  useRef<{getToken(): Promise<{token: string}>}>();
- *
- *  <CoinflowCardForm
- *    ref={coinflowCardFormRef}
- *    ...
- *  />
- *
- *  <button onClick={() => {
- *   ref.current?.getToken()
- *     .then(({token}) => console.log(token))
- *     .catch(e => console.error('GET TOKEN ERROR', e))
- *  }}>Get Token</button>
- *
- * ```
- */
-exports.CoinflowCardForm = (0, react_1.forwardRef)(function (props, ref) {
-    var iframeRef = (0, react_1.useRef)();
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        getToken: function () {
-            return tslib_1.__awaiter(this, void 0, void 0, function () {
-                var methodName, isValid, response;
-                return tslib_1.__generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            methodName = 'getToken';
-                            if (!iframeRef.current)
-                                throw new Error('Unable to get token');
-                            isValid = function (data) {
-                                try {
-                                    var res = JSON.parse(data);
-                                    return 'method' in res && res.method === methodName;
-                                }
-                                catch (e) {
-                                    return false;
-                                }
-                            };
-                            return [4 /*yield*/, iframeRef.current.sendAndReceiveMessage(methodName, isValid)];
-                        case 1:
-                            response = _a.sent();
-                            return [2 /*return*/, JSON.parse(response).data];
-                    }
-                });
-            });
-        },
-    }); });
-    var merchantCss = (0, react_1.useMemo)(function () {
-        if (!props.customCss)
-            return undefined;
-        var cssStr = Object.entries(props.customCss).reduce(function (acc, _a) {
-            var key = _a[0], value = _a[1];
-            return acc + "".concat(key, " {").concat(CSSPropertiesToComponent(value), "}\n");
-        }, '');
-        return Buffer.from(cssStr).toString('base64');
-    }, [props.customCss]);
-    var iframeProps = (0, react_1.useMemo)(function () {
-        return tslib_1.__assign(tslib_1.__assign({}, props), { walletPubkey: props.walletPubkey, route: "/checkout-form/".concat(props.merchantId), routePrefix: 'form', merchantCss: merchantCss, transaction: undefined });
-    }, [merchantCss, props]);
-    var messageHandlers = (0, react_1.useMemo)(function () {
-        return {
-            handleSendTransaction: function () {
-                throw new Error('Not Supported');
-            },
-            handleHeightChange: props.handleHeightChange,
-            onSuccess: undefined,
-        };
-    }, [props]);
-    return (react_1.default.createElement(CoinflowIFrame_1.CoinflowIFrame, tslib_1.__assign({ ref: iframeRef }, iframeProps, messageHandlers)));
-});
-function CSSPropertiesToComponent(dict) {
-    var str = '';
-    var _loop_1 = function (key, value) {
-        var clo = '';
-        key.split('').forEach(function (lt) {
-            if (lt.toUpperCase() === lt) {
-                clo += '-' + lt.toLowerCase();
-            }
-            else {
-                clo += lt;
-            }
-        });
-        str += clo + ':' + value + ';';
-    };
-    for (var _i = 0, _a = Object.entries(dict); _i < _a.length; _i++) {
-        var _b = _a[_i], key = _b[0], value = _b[1];
-        _loop_1(key, value);
-    }
-    return str;
-}
-//# sourceMappingURL=CoinflowCardForm.js.map

package/build/cjs/CoinflowCardForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CoinflowCardForm.js","sourceRoot":"","sources":["../../src/CoinflowCardForm.tsx"],"names":[],"mappings":"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"}

package/build/esm/CoinflowCardForm.d.ts

@@ -1,39 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { CoinflowBlockchain, CoinflowEnvs } from './common';
-export type CoinflowCardTokenResponse = {
-    last4: string;
-    type: 'VISA' | 'MSTR' | 'AMEX' | 'DISC';
-    token: string;
-};
-export interface CoinflowCardFormProps {
-    merchantId: string;
-    walletPubkey?: string;
-    handleHeightChange?: (height: string) => void;
-    env: CoinflowEnvs;
-    inputCss?: CSSProperties;
-    customCss?: {
-        [key: string]: CSSProperties;
-    };
-    blockchain: CoinflowBlockchain;
-}
-/**
- * Allows merchants to collect card information from their customers in a PCI-compliant way and receive a token for use with the `/api/checkout/token` endpoint.
- *
- * Usage:
- * ```tsx
- *  const ref =  useRef<{getToken(): Promise<{token: string}>}>();
- *
- *  <CoinflowCardForm
- *    ref={coinflowCardFormRef}
- *    ...
- *  />
- *
- *  <button onClick={() => {
- *   ref.current?.getToken()
- *     .then(({token}) => console.log(token))
- *     .catch(e => console.error('GET TOKEN ERROR', e))
- *  }}>Get Token</button>
- *
- * ```
- */
-export declare const CoinflowCardForm: React.ForwardRefExoticComponent<CoinflowCardFormProps & React.RefAttributes<unknown>>;

package/build/esm/CoinflowCardForm.js

@@ -1,97 +0,0 @@
-import { __assign, __awaiter, __generator } from "tslib";
-import React, { forwardRef, useImperativeHandle, useMemo, useRef, } from 'react';
-import { CoinflowIFrame } from './CoinflowIFrame';
-/**
- * Allows merchants to collect card information from their customers in a PCI-compliant way and receive a token for use with the `/api/checkout/token` endpoint.
- *
- * Usage:
- * ```tsx
- *  const ref =  useRef<{getToken(): Promise<{token: string}>}>();
- *
- *  <CoinflowCardForm
- *    ref={coinflowCardFormRef}
- *    ...
- *  />
- *
- *  <button onClick={() => {
- *   ref.current?.getToken()
- *     .then(({token}) => console.log(token))
- *     .catch(e => console.error('GET TOKEN ERROR', e))
- *  }}>Get Token</button>
- *
- * ```
- */
-export var CoinflowCardForm = forwardRef(function (props, ref) {
-    var iframeRef = useRef();
-    useImperativeHandle(ref, function () { return ({
-        getToken: function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var methodName, isValid, response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            methodName = 'getToken';
-                            if (!iframeRef.current)
-                                throw new Error('Unable to get token');
-                            isValid = function (data) {
-                                try {
-                                    var res = JSON.parse(data);
-                                    return 'method' in res && res.method === methodName;
-                                }
-                                catch (e) {
-                                    return false;
-                                }
-                            };
-                            return [4 /*yield*/, iframeRef.current.sendAndReceiveMessage(methodName, isValid)];
-                        case 1:
-                            response = _a.sent();
-                            return [2 /*return*/, JSON.parse(response).data];
-                    }
-                });
-            });
-        },
-    }); });
-    var merchantCss = useMemo(function () {
-        if (!props.customCss)
-            return undefined;
-        var cssStr = Object.entries(props.customCss).reduce(function (acc, _a) {
-            var key = _a[0], value = _a[1];
-            return acc + "".concat(key, " {").concat(CSSPropertiesToComponent(value), "}\n");
-        }, '');
-        return Buffer.from(cssStr).toString('base64');
-    }, [props.customCss]);
-    var iframeProps = useMemo(function () {
-        return __assign(__assign({}, props), { walletPubkey: props.walletPubkey, route: "/checkout-form/".concat(props.merchantId), routePrefix: 'form', merchantCss: merchantCss, transaction: undefined });
-    }, [merchantCss, props]);
-    var messageHandlers = useMemo(function () {
-        return {
-            handleSendTransaction: function () {
-                throw new Error('Not Supported');
-            },
-            handleHeightChange: props.handleHeightChange,
-            onSuccess: undefined,
-        };
-    }, [props]);
-    return (React.createElement(CoinflowIFrame, __assign({ ref: iframeRef }, iframeProps, messageHandlers)));
-});
-function CSSPropertiesToComponent(dict) {
-    var str = '';
-    var _loop_1 = function (key, value) {
-        var clo = '';
-        key.split('').forEach(function (lt) {
-            if (lt.toUpperCase() === lt) {
-                clo += '-' + lt.toLowerCase();
-            }
-            else {
-                clo += lt;
-            }
-        });
-        str += clo + ':' + value + ';';
-    };
-    for (var _i = 0, _a = Object.entries(dict); _i < _a.length; _i++) {
-        var _b = _a[_i], key = _b[0], value = _b[1];
-        _loop_1(key, value);
-    }
-    return str;
-}
-//# sourceMappingURL=CoinflowCardForm.js.map

package/build/esm/CoinflowCardForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CoinflowCardForm.js","sourceRoot":"","sources":["../../src/CoinflowCardForm.tsx"],"names":[],"mappings":"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"}