@coinflowlabs/react 4.1.2 → 4.2.0

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,94 +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
-        };
-    }, [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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"}