fedapay-reactjs 1.1.0 → 1.1.2

package/lib/cjs/checkout-options.d.ts

@@ -0,0 +1,32 @@
+export default interface CheckoutOptions {
+    environment?: 'live' | 'production' | 'test' | 'sandbox' | 'dev' | 'local';
+    url?: string;
+    public_key?: string;
+    container?: string | HTMLElement | null;
+    trigger?: string;
+    locale?: 'en' | 'fr';
+    transaction: {
+        id?: number;
+        amount: number;
+        description: string;
+        custom_metadata?: any;
+    };
+    currency: {
+        iso: string;
+        code?: number;
+    };
+    customer?: {
+        firstname: string;
+        lastname: string;
+        email: string;
+        phone_number?: {
+            number: string;
+            country: string;
+        };
+    };
+    button?: {
+        text?: string;
+        class?: string;
+    };
+    onComplete?: any;
+}

package/lib/cjs/checkout-options.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=checkout-options.js.map

package/lib/cjs/checkout-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-options.js","sourceRoot":"","sources":["../../src/checkout-options.ts"],"names":[],"mappings":""}

package/lib/cjs/index.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import CheckoutOptions from './checkout-options';
+export interface Props {
+    options: CheckoutOptions;
+}
+/**
+ * @class BaseComponent
+ */
+export declare class BaseComponent extends React.Component<Props> {
+    componentDidMount(): void;
+}
+/**
+ * @class FedaCheckoutButton
+ */
+export declare class FedaCheckoutButton extends BaseComponent {
+    buttonRef: any;
+    constructor(props: Props);
+    componentDidMount(): void;
+    initFedaPay(): void;
+    render(): React.JSX.Element;
+}
+/**
+ * @class FedaCheckoutContainer
+ */
+export declare class FedaCheckoutContainer extends BaseComponent {
+    containerRef: any;
+    constructor(props: Props);
+    componentDidMount(): void;
+    initFedaPay(): void;
+    render(): React.JSX.Element;
+}

package/lib/cjs/index.js

@@ -0,0 +1,96 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FedaCheckoutContainer = exports.FedaCheckoutButton = exports.BaseComponent = void 0;
+var React = require("react");
+/**
+ * @class BaseComponent
+ */
+var BaseComponent = /** @class */ (function (_super) {
+    __extends(BaseComponent, _super);
+    function BaseComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BaseComponent.prototype.componentDidMount = function () {
+        if (typeof FedaPay === 'undefined') {
+            throw new Error('checkout.js script need to be included!');
+        }
+    };
+    return BaseComponent;
+}(React.Component));
+exports.BaseComponent = BaseComponent;
+/**
+ * @class FedaCheckoutButton
+ */
+var FedaCheckoutButton = /** @class */ (function (_super) {
+    __extends(FedaCheckoutButton, _super);
+    function FedaCheckoutButton(props) {
+        var _this = _super.call(this, props) || this;
+        _this.buttonRef = React.createRef();
+        return _this;
+    }
+    FedaCheckoutButton.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        this.initFedaPay();
+    };
+    FedaCheckoutButton.prototype.initFedaPay = function () {
+        FedaPay.init(this.buttonRef, this.props.options);
+    };
+    FedaCheckoutButton.prototype.render = function () {
+        var _this = this;
+        return (React.createElement("button", __assign({ ref: function (el) { return _this.buttonRef = el; } }, this.props), "Click to Pay"));
+    };
+    return FedaCheckoutButton;
+}(BaseComponent));
+exports.FedaCheckoutButton = FedaCheckoutButton;
+/**
+ * @class FedaCheckoutContainer
+ */
+var FedaCheckoutContainer = /** @class */ (function (_super) {
+    __extends(FedaCheckoutContainer, _super);
+    function FedaCheckoutContainer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.containerRef = React.createRef();
+        return _this;
+    }
+    FedaCheckoutContainer.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        this.initFedaPay();
+    };
+    FedaCheckoutContainer.prototype.initFedaPay = function () {
+        this.props.options.container = this.containerRef;
+        FedaPay.init(this.props.options);
+    };
+    FedaCheckoutContainer.prototype.render = function () {
+        var _this = this;
+        return (React.createElement("div", __assign({ ref: function (el) { return _this.containerRef = el; } }, this.props)));
+    };
+    return FedaCheckoutContainer;
+}(BaseComponent));
+exports.FedaCheckoutContainer = FedaCheckoutContainer;
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA+B;AAO/B;;GAEG;AACH;IAAmC,iCAAsB;IAAzD;;IAMA,CAAC;IALC,yCAAiB,GAAjB;QACE,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;YAClC,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;SAC5D;IACH,CAAC;IACH,oBAAC;AAAD,CAAC,AAND,CAAmC,KAAK,CAAC,SAAS,GAMjD;AANY,sCAAa;AAQ1B;;GAEG;AACH;IAAwC,sCAAa;IAGnD,4BAAY,KAAY;QAAxB,YACE,kBAAM,KAAK,CAAC,SAEb;QADC,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;;IACrC,CAAC;IAED,8CAAiB,GAAjB;QACE,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,wCAAW,GAAX;QACE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC;IAED,mCAAM,GAAN;QAAA,iBAMC;QALC,OAAO,CACL,yCAAQ,GAAG,EAAE,UAAA,EAAE,IAAI,OAAA,KAAI,CAAC,SAAS,GAAG,EAAE,EAAnB,CAAmB,IAAM,IAAI,CAAC,KAAK,kBAE7C,CACV,CAAA;IACH,CAAC;IACH,yBAAC;AAAD,CAAC,AAxBD,CAAwC,aAAa,GAwBpD;AAxBY,gDAAkB;AA0B/B;;GAEG;AACH;IAA2C,yCAAa;IAGtD,+BAAY,KAAY;QAAxB,YACE,kBAAM,KAAK,CAAC,SAEb;QADC,KAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;;IACxC,CAAC;IAED,iDAAiB,GAAjB;QACE,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,2CAAW,GAAX;QACE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC;QACjD,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IAED,sCAAM,GAAN;QAAA,iBAIC;QAHC,OAAO,CACL,sCAAK,GAAG,EAAE,UAAA,EAAE,IAAI,OAAA,KAAI,CAAC,YAAY,GAAG,EAAE,EAAtB,CAAsB,IAAM,IAAI,CAAC,KAAK,EAAQ,CAC/D,CAAA;IACH,CAAC;IACH,4BAAC;AAAD,CAAC,AAvBD,CAA2C,aAAa,GAuBvD;AAvBY,sDAAqB"}

package/lib/esm/checkout-options.d.ts

@@ -0,0 +1,32 @@
+export default interface CheckoutOptions {
+    environment?: 'live' | 'production' | 'test' | 'sandbox' | 'dev' | 'local';
+    url?: string;
+    public_key?: string;
+    container?: string | HTMLElement | null;
+    trigger?: string;
+    locale?: 'en' | 'fr';
+    transaction: {
+        id?: number;
+        amount: number;
+        description: string;
+        custom_metadata?: any;
+    };
+    currency: {
+        iso: string;
+        code?: number;
+    };
+    customer?: {
+        firstname: string;
+        lastname: string;
+        email: string;
+        phone_number?: {
+            number: string;
+            country: string;
+        };
+    };
+    button?: {
+        text?: string;
+        class?: string;
+    };
+    onComplete?: any;
+}

package/lib/esm/checkout-options.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=checkout-options.js.map

package/lib/esm/checkout-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-options.js","sourceRoot":"","sources":["../../src/checkout-options.ts"],"names":[],"mappings":""}

package/lib/esm/index.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import CheckoutOptions from './checkout-options';
+export interface Props {
+    options: CheckoutOptions;
+}
+/**
+ * @class BaseComponent
+ */
+export declare class BaseComponent extends React.Component<Props> {
+    componentDidMount(): void;
+}
+/**
+ * @class FedaCheckoutButton
+ */
+export declare class FedaCheckoutButton extends BaseComponent {
+    buttonRef: any;
+    constructor(props: Props);
+    componentDidMount(): void;
+    initFedaPay(): void;
+    render(): React.JSX.Element;
+}
+/**
+ * @class FedaCheckoutContainer
+ */
+export declare class FedaCheckoutContainer extends BaseComponent {
+    containerRef: any;
+    constructor(props: Props);
+    componentDidMount(): void;
+    initFedaPay(): void;
+    render(): React.JSX.Element;
+}

package/lib/esm/index.js

@@ -0,0 +1,93 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+/**
+ * @class BaseComponent
+ */
+var BaseComponent = /** @class */ (function (_super) {
+    __extends(BaseComponent, _super);
+    function BaseComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    BaseComponent.prototype.componentDidMount = function () {
+        if (typeof FedaPay === 'undefined') {
+            throw new Error('checkout.js script need to be included!');
+        }
+    };
+    return BaseComponent;
+}(React.Component));
+export { BaseComponent };
+/**
+ * @class FedaCheckoutButton
+ */
+var FedaCheckoutButton = /** @class */ (function (_super) {
+    __extends(FedaCheckoutButton, _super);
+    function FedaCheckoutButton(props) {
+        var _this = _super.call(this, props) || this;
+        _this.buttonRef = React.createRef();
+        return _this;
+    }
+    FedaCheckoutButton.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        this.initFedaPay();
+    };
+    FedaCheckoutButton.prototype.initFedaPay = function () {
+        FedaPay.init(this.buttonRef, this.props.options);
+    };
+    FedaCheckoutButton.prototype.render = function () {
+        var _this = this;
+        return (React.createElement("button", __assign({ ref: function (el) { return _this.buttonRef = el; } }, this.props), "Click to Pay"));
+    };
+    return FedaCheckoutButton;
+}(BaseComponent));
+export { FedaCheckoutButton };
+/**
+ * @class FedaCheckoutContainer
+ */
+var FedaCheckoutContainer = /** @class */ (function (_super) {
+    __extends(FedaCheckoutContainer, _super);
+    function FedaCheckoutContainer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.containerRef = React.createRef();
+        return _this;
+    }
+    FedaCheckoutContainer.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        this.initFedaPay();
+    };
+    FedaCheckoutContainer.prototype.initFedaPay = function () {
+        this.props.options.container = this.containerRef;
+        FedaPay.init(this.props.options);
+    };
+    FedaCheckoutContainer.prototype.render = function () {
+        var _this = this;
+        return (React.createElement("div", __assign({ ref: function (el) { return _this.containerRef = el; } }, this.props)));
+    };
+    return FedaCheckoutContainer;
+}(BaseComponent));
+export { FedaCheckoutContainer };
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;GAEG;AACH;IAAmC,iCAAsB;IAAzD;;IAMA,CAAC;IALC,yCAAiB,GAAjB;QACE,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;YAClC,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;SAC5D;IACH,CAAC;IACH,oBAAC;AAAD,CAAC,AAND,CAAmC,KAAK,CAAC,SAAS,GAMjD;;AAED;;GAEG;AACH;IAAwC,sCAAa;IAGnD,4BAAY,KAAY;QAAxB,YACE,kBAAM,KAAK,CAAC,SAEb;QADC,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;;IACrC,CAAC;IAED,8CAAiB,GAAjB;QACE,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,wCAAW,GAAX;QACE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC;IAED,mCAAM,GAAN;QAAA,iBAMC;QALC,OAAO,CACL,yCAAQ,GAAG,EAAE,UAAA,EAAE,IAAI,OAAA,KAAI,CAAC,SAAS,GAAG,EAAE,EAAnB,CAAmB,IAAM,IAAI,CAAC,KAAK,kBAE7C,CACV,CAAA;IACH,CAAC;IACH,yBAAC;AAAD,CAAC,AAxBD,CAAwC,aAAa,GAwBpD;;AAED;;GAEG;AACH;IAA2C,yCAAa;IAGtD,+BAAY,KAAY;QAAxB,YACE,kBAAM,KAAK,CAAC,SAEb;QADC,KAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;;IACxC,CAAC;IAED,iDAAiB,GAAjB;QACE,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,2CAAW,GAAX;QACE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC;QACjD,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IAED,sCAAM,GAAN;QAAA,iBAIC;QAHC,OAAO,CACL,sCAAK,GAAG,EAAE,UAAA,EAAE,IAAI,OAAA,KAAI,CAAC,YAAY,GAAG,EAAE,EAAtB,CAAsB,IAAM,IAAI,CAAC,KAAK,EAAQ,CAC/D,CAAA;IACH,CAAC;IACH,4BAAC;AAAD,CAAC,AAvBD,CAA2C,aAAa,GAuBvD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fedapay-reactjs",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "FedaPay integration for ReactJs applications",
   "author": "FedaPay",
   "license": "MIT",
@@ -30,6 +30,6 @@
     "typescript": "^4.9.5"
   },
   "files": [
-    "dist"
+    "lib"
   ]
 }