UNPKG

kite-publisher

Version:

The Kite Publisher Javascript plugin lets you add one-click trade buttons to your webpage. It works like a basket combined with a payment gateway, where an inline popup opens on your webpage, guides the user through a trade, and lands the user back on you

92 lines (91 loc) 4.83 kB
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; var __generator = (this && this.__generator) || function (thisArg, body) { var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype); return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); while (g && (g = 0, op[0] && (_ = 0)), _) try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime"; import { createContext, useContext, useState, useEffect, } from "react"; import KitePublisher from "./index"; var KitePublisherContext = createContext(undefined); export var KitePublisherProvider = function (_a) { var children = _a.children, apiKey = _a.apiKey, redirectUrl = _a.redirectUrl; var _b = useState(null), publisher = _b[0], setPublisher = _b[1]; useEffect(function () { var initPublisher = function () { return __awaiter(void 0, void 0, void 0, function () { var kitePublisher; return __generator(this, function (_a) { switch (_a.label) { case 0: kitePublisher = new KitePublisher(apiKey, redirectUrl); return [4 /*yield*/, kitePublisher.initialize()]; case 1: _a.sent(); setPublisher(kitePublisher); return [2 /*return*/]; } }); }); }; initPublisher(); }, [apiKey, redirectUrl]); var addStockToBasket = function (item) { if (!publisher) { console.error("KitePublisher is not initialized yet."); return; } publisher.addStockToBasket(item); console.log("Stock added to basket:", item); }; // const RenderButton: React.FC = () => { // if (!publisher) { // console.error("KitePublisher is not initialized yet."); // return <div />; // } // return ( // <button // className="kite-render-button" // onClick={() => publisher.renderButton("#kite-button-container")} // > // Trade with Kite // </button> // ); // }; return (_jsx(KitePublisherContext.Provider, { value: { addStockToBasket: addStockToBasket, RenderButton: function () { return _jsx(_Fragment, {}); } }, children: children })); }; export var useKitePublisher = function () { var context = useContext(KitePublisherContext); if (!context) { throw new Error("useKitePublisher must be used within a KitePublisherProvider"); } return context; };