@rebilly/framepay-react 5.6.1 → 6.0.0

package/build/lib/constants.js

@@ -36,12 +36,12 @@ exports.REACT_VERSION = React.version;
  * Remote FramePay library CDN link.
  */
 exports.FRAMEPAY_SCRIPT_LINK = process.env.FRAMEPAY_SCRIPT_LINK ||
-    'https://framepay.rebilly.com/rebilly.js';
+    'https://framepay.rebilly.com/framepay.js';
 /**
  * Remote FramePay style CDN link.
  */
 exports.FRAMEPAY_STYLE_LINK = process.env.FRAMEPAY_STYLE_LINK ||
-    'https://framepay.rebilly.com/rebilly.css';
+    'https://framepay.rebilly.com/framepay.css';
 /**
  * Supported FramePay card types
  */
@@ -56,4 +56,4 @@ exports.SUPPORTED_CARD_BRANDS = {
     MasterCard: "MasterCard" /* MasterCard */,
     Visa: "Visa" /* Visa */,
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDJDQUErQjtBQUUvQjs7Ozs7R0FLRztBQUVIOzs7R0FHRztBQUNVLFFBQUEsYUFBYSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUM7QUFFM0M7O0dBRUc7QUFDVSxRQUFBLG9CQUFvQixHQUM3QixPQUFPLENBQUMsR0FBRyxDQUFDLG9CQUFvQjtJQUNoQyx5Q0FBeUMsQ0FBQztBQUU5Qzs7R0FFRztBQUNVLFFBQUEsbUJBQW1CLEdBQzVCLE9BQU8sQ0FBQyxHQUFHLENBQUMsbUJBQW1CO0lBQy9CLDBDQUEwQyxDQUFDO0FBRS9DOztHQUVHO0FBQ1UsUUFBQSxxQkFBcUIsR0FBOEI7SUFDNUQsSUFBSSwrQkFBMEI7SUFDOUIsWUFBWSxvQ0FBa0M7SUFDOUMsR0FBRywyQkFBeUI7SUFDNUIsVUFBVSxnQ0FBZ0M7SUFDMUMsUUFBUSwyQkFBOEI7SUFDdEMsR0FBRyxpQkFBeUI7SUFDNUIsT0FBTyx5QkFBNkI7SUFDcEMsVUFBVSwrQkFBZ0M7SUFDMUMsSUFBSSxtQkFBMEI7Q0FDakMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDJDQUErQjtBQUUvQjs7Ozs7R0FLRztBQUVIOzs7R0FHRztBQUNVLFFBQUEsYUFBYSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUM7QUFFM0M7O0dBRUc7QUFDVSxRQUFBLG9CQUFvQixHQUM3QixPQUFPLENBQUMsR0FBRyxDQUFDLG9CQUFvQjtJQUNoQywwQ0FBMEMsQ0FBQztBQUUvQzs7R0FFRztBQUNVLFFBQUEsbUJBQW1CLEdBQzVCLE9BQU8sQ0FBQyxHQUFHLENBQUMsbUJBQW1CO0lBQy9CLDJDQUEyQyxDQUFDO0FBRWhEOztHQUVHO0FBQ1UsUUFBQSxxQkFBcUIsR0FBOEI7SUFDNUQsSUFBSSwrQkFBMEI7SUFDOUIsWUFBWSxvQ0FBa0M7SUFDOUMsR0FBRywyQkFBeUI7SUFDNUIsVUFBVSxnQ0FBZ0M7SUFDMUMsUUFBUSwyQkFBOEI7SUFDdEMsR0FBRyxpQkFBeUI7SUFDNUIsT0FBTyx5QkFBNkI7SUFDcEMsVUFBVSwrQkFBZ0M7SUFDMUMsSUFBSSxtQkFBMEI7Q0FDakMsQ0FBQyJ9

package/build/lib/context.js

@@ -25,9 +25,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContextConsumer = exports.ContextProvider = void 0;
 var React = __importStar(require("react"));
 var constants_1 = require("./constants");
-var get_rebilly_api_1 = __importDefault(require("./get-rebilly-api"));
+var get_framepay_api_1 = __importDefault(require("./get-framepay-api"));
 var defaultContextValue = {
-    api: (0, get_rebilly_api_1.default)(),
+    api: (0, get_framepay_api_1.default)(),
     error: null,
     ready: false,
 };
@@ -43,4 +43,4 @@ var ContextProvider = ProvidedContext.Provider;
 exports.ContextProvider = ContextProvider;
 var ContextConsumer = ProvidedContext.Consumer;
 exports.ContextConsumer = ContextConsumer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvY29udGV4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMkNBQStCO0FBQy9CLHlDQUE0QztBQUM1QyxzRUFBOEM7QUFFOUMsSUFBTSxtQkFBbUIsR0FBRztJQUN4QixHQUFHLEVBQUUsSUFBQSx5QkFBYSxHQUFFO0lBQ3BCLEtBQUssRUFBRSxJQUFJO0lBQ1gsS0FBSyxFQUFFLEtBQUs7Q0FDZixDQUFDO0FBRUYsSUFBSSxlQUFlLENBQUM7QUFDcEIsSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLHlCQUFhLENBQUMsSUFBSSxTQUFTLENBQUMsSUFBSSxDQUFDLHlCQUFhLENBQUMsRUFBRTtJQUM5RCxJQUFNLGtCQUFrQixHQUFHLE9BQU8sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQzNELGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0NBQzdEO0tBQU07SUFDSCxlQUFlLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBa0IsbUJBQW1CLENBQUMsQ0FBQztDQUMvRTtBQUVELElBQU0sZUFBZSxHQUFHLGVBQWUsQ0FBQyxRQUFRLENBQUM7QUFHeEMsMENBQWU7QUFGeEIsSUFBTSxlQUFlLEdBQUcsZUFBZSxDQUFDLFFBQVEsQ0FBQztBQUV2QiwwQ0FBZSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvY29udGV4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsMkNBQStCO0FBQy9CLHlDQUE0QztBQUM1Qyx3RUFBZ0Q7QUFFaEQsSUFBTSxtQkFBbUIsR0FBRztJQUN4QixHQUFHLEVBQUUsSUFBQSwwQkFBYyxHQUFFO0lBQ3JCLEtBQUssRUFBRSxJQUFJO0lBQ1gsS0FBSyxFQUFFLEtBQUs7Q0FDZixDQUFDO0FBRUYsSUFBSSxlQUFlLENBQUM7QUFDcEIsSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLHlCQUFhLENBQUMsSUFBSSxTQUFTLENBQUMsSUFBSSxDQUFDLHlCQUFhLENBQUMsRUFBRTtJQUM5RCxJQUFNLGtCQUFrQixHQUFHLE9BQU8sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQzNELGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0NBQzdEO0tBQU07SUFDSCxlQUFlLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBa0IsbUJBQW1CLENBQUMsQ0FBQztDQUMvRTtBQUVELElBQU0sZUFBZSxHQUFHLGVBQWUsQ0FBQyxRQUFRLENBQUM7QUFHeEMsMENBQWU7QUFGeEIsSUFBTSxlQUFlLEdBQUcsZUFBZSxDQUFDLFFBQVEsQ0FBQztBQUV2QiwwQ0FBZSJ9

package/build/lib/framepay-error.js

@@ -10,7 +10,7 @@ exports.ERROR_CODES = {
 exports.defaultErrorMessages = (_a = {},
     _a[exports.ERROR_CODES.remoteScriptError] = "Can't load the FramePay remote script",
     _a[exports.ERROR_CODES.elementMountError] = "Can't mount the element component",
-    _a[exports.ERROR_CODES.initializeError] = "\n        FramePay initialize error\r\n\n        See https://github.com/Rebilly/framepay-react/tree/alpha#the-framepay-context-framepayprovider\r\n\n        See https://rebilly.github.io/framepay-docs/reference/rebilly.html#rebilly-initialize",
+    _a[exports.ERROR_CODES.initializeError] = "\n        FramePay initialize error\r\n\n        See https://github.com/Rebilly/framepay-react/tree/alpha#the-framepay-context-framepayprovider\r\n\n        See https://www.rebilly.com/docs/dev-docs/framepay-global-reference/#framepay.initialize",
     _a);
 var ErrorBuilder = /** @class */ (function () {
     function ErrorBuilder() {
@@ -37,4 +37,4 @@ var FramePayError = function (_a) {
 };
 FramePayError.codes = exports.ERROR_CODES;
 exports.default = FramePayError;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJhbWVwYXktZXJyb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL2ZyYW1lcGF5LWVycm9yLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBYSxRQUFBLFdBQVcsR0FBRztJQUN2QixpQkFBaUIsRUFBRSxxQkFBcUI7SUFDeEMsZUFBZSxFQUFFLGtCQUFrQjtJQUNuQyxpQkFBaUIsRUFBRSxxQkFBcUI7Q0FDN0IsQ0FBQztBQUVILFFBQUEsb0JBQW9CLEdBQUcsQ0FBQTtJQUNoQyxHQUFDLG1CQUFXLENBQUMsaUJBQWlCLElBQUcsdUNBQXVDO0lBQ3hFLEdBQUMsbUJBQVcsQ0FBQyxpQkFBaUIsSUFBRyxtQ0FBbUM7SUFDcEUsR0FBQyxtQkFBVyxDQUFDLGVBQWUsSUFBRyxvUEFHMkQ7TUFDckUsQ0FBQSxDQUFDO0FBRTFCO0lBQUE7SUF3QkEsQ0FBQztJQXZCRywyQkFBSSxHQUFKLFVBQUssRUFTSjtZQVJHLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQTtRQWFMLE9BQU87WUFDSCxJQUFJLE1BQUE7WUFDSixPQUFPLFNBQUE7WUFDUCxPQUFPLEVBQUUsNEJBQW9CLENBQUMsSUFBSSxDQUFDO1lBQ25DLEtBQUssRUFBRSxLQUFLLElBQUksSUFBSTtTQUN2QixDQUFDO0lBQ04sQ0FBQztJQUNMLG1CQUFDO0FBQUQsQ0FBQyxBQXhCRCxJQXdCQztBQUVELElBQU0sT0FBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7QUFFbkMsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQVN0QjtRQVJHLElBQUksVUFBQSxFQUNKLGVBQVksRUFBWixPQUFPLG1CQUFHLEVBQUUsS0FBQSxFQUNaLGFBQVUsRUFBVixLQUFLLG1CQUFHLEVBQUUsS0FBQTtJQU9WLE9BQUEsT0FBTyxDQUFDLElBQUksQ0FBQztRQUNULElBQUksTUFBQTtRQUNKLE9BQU8sU0FBQTtRQUNQLEtBQUssT0FBQTtLQUNSLENBQUM7QUFKRixDQUlFLENBQUM7QUFFUCxhQUFhLENBQUMsS0FBSyxHQUFHLG1CQUFXLENBQUM7QUFFbEMsa0JBQWUsYUFBYSxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnJhbWVwYXktZXJyb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL2ZyYW1lcGF5LWVycm9yLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBYSxRQUFBLFdBQVcsR0FBRztJQUN2QixpQkFBaUIsRUFBRSxxQkFBcUI7SUFDeEMsZUFBZSxFQUFFLGtCQUFrQjtJQUNuQyxpQkFBaUIsRUFBRSxxQkFBcUI7Q0FDN0IsQ0FBQztBQUVILFFBQUEsb0JBQW9CLEdBQUcsQ0FBQTtJQUNoQyxHQUFDLG1CQUFXLENBQUMsaUJBQWlCLElBQUcsdUNBQXVDO0lBQ3hFLEdBQUMsbUJBQVcsQ0FBQyxpQkFBaUIsSUFBRyxtQ0FBbUM7SUFDcEUsR0FBQyxtQkFBVyxDQUFDLGVBQWUsSUFBRyx1UEFHOEQ7TUFDeEUsQ0FBQSxDQUFDO0FBRTFCO0lBQUE7SUF3QkEsQ0FBQztJQXZCRywyQkFBSSxHQUFKLFVBQUssRUFTSjtZQVJHLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQTtRQWFMLE9BQU87WUFDSCxJQUFJLE1BQUE7WUFDSixPQUFPLFNBQUE7WUFDUCxPQUFPLEVBQUUsNEJBQW9CLENBQUMsSUFBSSxDQUFDO1lBQ25DLEtBQUssRUFBRSxLQUFLLElBQUksSUFBSTtTQUN2QixDQUFDO0lBQ04sQ0FBQztJQUNMLG1CQUFDO0FBQUQsQ0FBQyxBQXhCRCxJQXdCQztBQUVELElBQU0sT0FBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7QUFFbkMsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQVN0QjtRQVJHLElBQUksVUFBQSxFQUNKLGVBQVksRUFBWixPQUFPLG1CQUFHLEVBQUUsS0FBQSxFQUNaLGFBQVUsRUFBVixLQUFLLG1CQUFHLEVBQUUsS0FBQTtJQU9WLE9BQUEsT0FBTyxDQUFDLElBQUksQ0FBQztRQUNULElBQUksTUFBQTtRQUNKLE9BQU8sU0FBQTtRQUNQLEtBQUssT0FBQTtLQUNSLENBQUM7QUFKRixDQUlFLENBQUM7QUFFUCxhQUFhLENBQUMsS0FBSyxHQUFHLG1CQUFXLENBQUM7QUFFbEMsa0JBQWUsYUFBYSxDQUFDIn0=

package/build/lib/get-framepay-api.d.ts

@@ -0,0 +1 @@
+export default function getFramepayApi(): FramepayApi;

package/build/lib/get-framepay-api.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Just simple wrapper of remote FramePay api
+ */
+var remoteApi = function () {
+    // @ts-ignore todo setup typescript config correctly
+    return typeof window !== 'undefined' ? window.Framepay : undefined;
+};
+function getFramepayApi() {
+    return remoteApi();
+}
+exports.default = getFramepayApi;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LWZyYW1lcGF5LWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvZ2V0LWZyYW1lcGF5LWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBOztHQUVHO0FBQ0gsSUFBTSxTQUFTLEdBQUc7SUFDZCxvREFBb0Q7SUFDcEQsT0FBTyxPQUFPLE1BQU0sS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztBQUN2RSxDQUFDLENBQUM7QUFFRixTQUF3QixjQUFjO0lBQ2xDLE9BQU8sU0FBUyxFQUFFLENBQUM7QUFDdkIsQ0FBQztBQUZELGlDQUVDIn0=

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rebilly/framepay-react",
-    "version": "5.6.1",
+    "version": "6.0.0",
     "description": "A React wrapper for Rebilly's FramePay offering out-of-the-box support for Redux and other common React features",
     "main": "build/index.js",
     "author": "Rebilly",
@@ -80,7 +80,7 @@
         "eslint-plugin-react": "^7.33.2",
         "express": "^4.17.3",
         "jest": "^29.5.0",
-        "jest-environment-jsdom": "^29.5.0",
+        "jest-environment-jsdom": "^29.7.0",
         "npm-run-all": "^4.1.5",
         "parcel-bundler": "^1.12.5",
         "portfinder": "^1.0.20",

package/src/lib/components/elements/applepay-element.tsx

@@ -7,7 +7,7 @@ export default class ApplePayElement extends BaseElement<
     ApplePayState
 > {
     setupElement() {
-        const { Rebilly } = this.props;
+        const { Framepay } = this.props;
 
         const makeElement = () => {
             // elementNode already checked in BaseElement.handleSetupElement
@@ -20,7 +20,7 @@ export default class ApplePayElement extends BaseElement<
             }
 
             try {
-                return Rebilly.applePay.mount(this.elementNode);
+                return Framepay.applePay.mount(this.elementNode);
             } catch (e) {
                 throw FramePayError({
                     code: FramePayError.codes.elementMountError,

package/src/lib/components/elements/bank-element.spec.tsx

@@ -16,9 +16,9 @@ describe('BankElement', () => {
         render(
             <BankElement
                 {...props}
-                Rebilly={{
-                    ...props.Rebilly,
-                    bankAccount: props.Rebilly.bankAccount,
+                Framepay={{
+                    ...props.Framepay,
+                    bankAccount: props.Framepay.bankAccount,
                     ready: false,
                 }}
                 elementType="bankRoutingNumber"
@@ -39,9 +39,9 @@ describe('BankElement', () => {
         render(
             <BankElement
                 {...props}
-                Rebilly={{
-                    ...props.Rebilly,
-                    bankAccount: props.Rebilly.bankAccount,
+                Framepay={{
+                    ...props.Framepay,
+                    bankAccount: props.Framepay.bankAccount,
                     ready: true,
                 }}
                 elementType="bankAccountType"
@@ -59,16 +59,16 @@ describe('BankElement', () => {
             done();
         });
 
-        props.Rebilly.bankAccount.mount(Arg.any(), Arg.any()).returns(element);
+        props.Framepay.bankAccount.mount(Arg.any(), Arg.any()).returns(element);
 
         class TmpComponent extends React.Component {
             render() {
                 return (
                     <BankElement
                         {...props}
-                        Rebilly={{
-                            ...props.Rebilly,
-                            bankAccount: props.Rebilly.bankAccount,
+                        Framepay={{
+                            ...props.Framepay,
+                            bankAccount: props.Framepay.bankAccount,
                             ready: true,
                         }}
                         elementType="bankRoutingNumber"
@@ -84,10 +84,10 @@ describe('BankElement', () => {
     it('should render the empty div element', () => {
         const props = Substitute.for<BankProps>();
 
-        props.Rebilly.ready.returns(true);
+        props.Framepay.ready.returns(true);
 
         const { container } = render(
-            <BankElement {...props} Rebilly={props.Rebilly} />,
+            <BankElement {...props} Framepay={props.Framepay} />,
         );
         expect(container.firstChild).toMatchInlineSnapshot(`<div />`);
     });
@@ -99,10 +99,10 @@ describe('BankElement', () => {
             render(
                 <BankElement
                     {...props}
-                    Rebilly={{
-                        ...props.Rebilly,
+                    Framepay={{
+                        ...props.Framepay,
                         bankAccount: {
-                            ...props.Rebilly.bankAccount,
+                            ...props.Framepay.bankAccount,
                             mount: null,
                         },
                         ready: true,

package/src/lib/components/elements/bank-element.tsx

@@ -19,7 +19,7 @@ export default class BankElement extends BaseElement<BankProps, BankState> {
             }
 
             try {
-                return this.props.Rebilly.bankAccount.mount(
+                return this.props.Framepay.bankAccount.mount(
                     this.elementNode,
                     elementType,
                 );

package/src/lib/components/elements/base-element.tsx

@@ -33,7 +33,7 @@ export default class BaseElement<
     }
 
     handleSetupElement() {
-        if (!this.props.Rebilly.ready) {
+        if (!this.props.Framepay.ready) {
             /**
              * The remote api isn't ready
              */
@@ -69,7 +69,7 @@ export default class BaseElement<
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const rules: ReadonlyArray<any> = [
             // @ts-ignore todo fix typing issues
-            [this.props.Rebilly.ready, nextProps.Rebilly.ready],
+            [this.props.Framepay.ready, nextProps.Framepay.ready],
             // @ts-ignore todo fix typing issues
             [this.state.mounted, nextState.mounted],
             // @ts-ignore todo fix typing issues

package/src/lib/components/elements/card-element.spec.tsx

@@ -8,14 +8,14 @@ describe('CardElement', () => {
     it('should not setup the element while api is not ready', () => {
         const props = Substitute.for<CardProps>();
 
-        props.Rebilly.ready.returns(false);
+        props.Framepay.ready.returns(false);
 
         const setupElementSpy = jest.spyOn(
             CardElement.prototype,
             'setupElement',
         );
 
-        render(<CardElement {...props} Rebilly={props.Rebilly} />);
+        render(<CardElement {...props} Framepay={props.Framepay} />);
 
         expect(setupElementSpy).not.toHaveBeenCalled();
     });
@@ -29,7 +29,7 @@ describe('CardElement', () => {
 
         const { rerender } = render(
             <CardElement
-                Rebilly={{
+                Framepay={{
                     ready: false,
                 }}
             />,
@@ -39,8 +39,8 @@ describe('CardElement', () => {
 
         rerender(
             <CardElement
-                Rebilly={{
-                    card: props.Rebilly.card,
+                Framepay={{
+                    card: props.Framepay.card,
                     ready: true,
                 }}
             />,
@@ -52,7 +52,7 @@ describe('CardElement', () => {
     it('should render the empty div element', () => {
         const props = Substitute.for<CardProps>();
         const { container } = render(
-            <CardElement {...props} Rebilly={props.Rebilly} />,
+            <CardElement {...props} Framepay={props.Framepay} />,
         );
         expect(container.firstChild).toMatchInlineSnapshot(`<div />`);
     });
@@ -70,10 +70,10 @@ describe('CardElement', () => {
                 return (
                     <CardElement
                         {...props}
-                        Rebilly={{
-                            ...props.Rebilly,
+                        Framepay={{
+                            ...props.Framepay,
                             card: {
-                                ...props.Rebilly.card,
+                                ...props.Framepay.card,
                                 mount: () => element,
                             },
                             ready: true,
@@ -94,10 +94,10 @@ describe('CardElement', () => {
             render(
                 <CardElement
                     {...props}
-                    Rebilly={{
-                        ...props.Rebilly,
+                    Framepay={{
+                        ...props.Framepay,
                         card: {
-                            ...props.Rebilly.card,
+                            ...props.Framepay.card,
                             mount: null,
                         },
                         ready: true,

package/src/lib/components/elements/card-element.tsx

@@ -19,7 +19,7 @@ export default class CardElement extends BaseElement<CardProps, CardState> {
             }
 
             try {
-                return this.props.Rebilly.card.mount(
+                return this.props.Framepay.card.mount(
                     this.elementNode,
                     elementType,
                 );

package/src/lib/components/elements/googlepay-element.tsx

@@ -7,7 +7,7 @@ export default class GooglePayElement extends BaseElement<
     GooglePayState
 > {
     setupElement() {
-        const { Rebilly } = this.props;
+        const { Framepay } = this.props;
 
         const makeElement = () => {
             // elementNode already checked in BaseElement.handleSetupElement
@@ -20,7 +20,7 @@ export default class GooglePayElement extends BaseElement<
             }
 
             try {
-                return Rebilly.googlePay.mount(this.elementNode);
+                return Framepay.googlePay.mount(this.elementNode);
             } catch (e) {
                 throw FramePayError({
                     code: FramePayError.codes.elementMountError,

package/src/lib/components/elements/iban-element.spec.tsx

@@ -8,11 +8,11 @@ describe('IBANElement', () => {
     it('should not setup the element while api is not ready', () => {
         const props = Substitute.for<IBANProps>();
 
-        props.Rebilly.ready.returns(false);
+        props.Framepay.ready.returns(false);
 
         const spy = jest.spyOn(IBANElement.prototype, 'setupElement');
 
-        render(<IBANElement {...props} Rebilly={props.Rebilly} />);
+        render(<IBANElement {...props} Framepay={props.Framepay} />);
         expect(spy).not.toHaveBeenCalled();
     });
 
@@ -20,10 +20,10 @@ describe('IBANElement', () => {
         const props = Substitute.for<IBANProps>();
         const spy = jest.spyOn(IBANElement.prototype, 'setupElement');
 
-        props.Rebilly.ready.returns(false);
+        props.Framepay.ready.returns(false);
 
         const { rerender } = render(
-            <IBANElement {...props} Rebilly={props.Rebilly} />,
+            <IBANElement {...props} Framepay={props.Framepay} />,
         );
 
         expect(spy).toHaveBeenCalledTimes(0);
@@ -33,7 +33,7 @@ describe('IBANElement', () => {
         rerender(
             <IBANElement
                 {...nextProps}
-                Rebilly={{ iban: nextProps.Rebilly.iban, ready: true }}
+                Framepay={{ iban: nextProps.Framepay.iban, ready: true }}
             />,
         );
 
@@ -43,7 +43,7 @@ describe('IBANElement', () => {
     it('should render the empty div element', () => {
         const props = Substitute.for<IBANProps>();
         const { container } = render(
-            <IBANElement {...props} Rebilly={props.Rebilly} />,
+            <IBANElement {...props} Framepay={props.Framepay} />,
         );
         expect(container.firstChild).toMatchInlineSnapshot(`<div />`);
     });
@@ -61,10 +61,10 @@ describe('IBANElement', () => {
                 return (
                     <IBANElement
                         {...props}
-                        Rebilly={{
-                            ...props.Rebilly,
+                        Framepay={{
+                            ...props.Framepay,
                             iban: {
-                                ...props.Rebilly.iban,
+                                ...props.Framepay.iban,
                                 mount: () => element,
                             },
                             ready: true,
@@ -85,10 +85,10 @@ describe('IBANElement', () => {
             render(
                 <IBANElement
                     {...props}
-                    Rebilly={{
-                        ...props.Rebilly,
+                    Framepay={{
+                        ...props.Framepay,
                         iban: {
-                            ...props.Rebilly.iban,
+                            ...props.Framepay.iban,
                             mount: null,
                         },
                         ready: true,

package/src/lib/components/elements/iban-element.tsx

@@ -19,7 +19,7 @@ export default class IBANElement extends BaseElement<IBANProps, IBANState> {
             }
 
             try {
-                return this.props.Rebilly.iban.mount(this.elementNode);
+                return this.props.Framepay.iban.mount(this.elementNode);
             } catch (e) {
                 throw FramePayError({
                     code: FramePayError.codes.elementMountError,

package/src/lib/components/elements/paypal-element.tsx

@@ -7,7 +7,7 @@ export default class PaypalElement extends BaseElement<
     PaypalState
 > {
     setupElement() {
-        const { Rebilly } = this.props;
+        const { Framepay } = this.props;
 
         const makeElement = () => {
             // elementNode already checked in BaseElement.handleSetupElement
@@ -20,7 +20,7 @@ export default class PaypalElement extends BaseElement<
             }
 
             try {
-                return Rebilly.paypal.mount(this.elementNode);
+                return Framepay.paypal.mount(this.elementNode);
             } catch (e) {
                 throw FramePayError({
                     code: FramePayError.codes.elementMountError,

package/src/lib/components/injector.spec.tsx

@@ -22,8 +22,8 @@ describe('Injector', () => {
             render() {
                 return (
                     <div>
-                        error: {this.props.Rebilly.error}
-                        ready: {String(this.props.Rebilly.ready)}
+                        error: {this.props.Framepay.error}
+                        ready: {String(this.props.Framepay.ready)}
                     </div>
                 );
             }
@@ -72,8 +72,8 @@ describe('Injector', () => {
             render() {
                 return (
                     <div>
-                        error: {this.props.Rebilly.error}
-                        ready: {String(this.props.Rebilly.ready)}
+                        error: {this.props.Framepay.error}
+                        ready: {String(this.props.Framepay.ready)}
                     </div>
                 );
             }
@@ -122,8 +122,8 @@ describe('Injector', () => {
             render() {
                 return (
                     <div>
-                        error: {this.props.Rebilly.error}
-                        ready: {String(this.props.Rebilly.ready)}
+                        error: {this.props.Framepay.error}
+                        ready: {String(this.props.Framepay.ready)}
                     </div>
                 );
             }

package/src/lib/components/injector.tsx

@@ -19,11 +19,11 @@ import {
     FramePayPaypalProps,
 } from '../../../types/injector';
 
-const makeRebillyProps = (data: FramePayContext): RebillyProps =>
+const makeFramepayProps = (data: FramePayContext): FramepayProps =>
     Object.assign(Object.create(data.api || {}), {
         error: data.error,
         ready: data.ready,
-    }) as RebillyProps;
+    }) as FramepayProps;
 
 function Hoc<P extends object>(
     name: string,
@@ -71,7 +71,7 @@ const elementsFabric = (type: PaymentElements): object => {
             IBANElementComponent,
             (data: FramePayContext) =>
                 ({
-                    Rebilly: makeRebillyProps(data),
+                    Framepay: makeFramepayProps(data),
                     elementType: 'iban',
                 } as IBANProps),
         );
@@ -84,7 +84,7 @@ const elementsFabric = (type: PaymentElements): object => {
     if (type === 'bankAccount') {
         /**
          * BankAccount
-         * @see https://rebilly.github.io/framepay-docs/reference/rebilly.html#rebilly-bankaccount-mount
+         * @see https://www.rebilly.com/docs/dev-docs/framepay-global-reference/#framepay.bban.mount
          */
 
         /**
@@ -95,7 +95,7 @@ const elementsFabric = (type: PaymentElements): object => {
             BankElementComponent,
             (data: FramePayContext) =>
                 ({
-                    Rebilly: makeRebillyProps(data),
+                    Framepay: makeFramepayProps(data),
                     elementType: 'bankAccountType',
                 } as BankProps),
         );
@@ -108,7 +108,7 @@ const elementsFabric = (type: PaymentElements): object => {
             BankElementComponent,
             (data: FramePayContext) =>
                 ({
-                    Rebilly: makeRebillyProps(data),
+                    Framepay: makeFramepayProps(data),
                     elementType: 'bankRoutingNumber',
                 } as BankProps),
         );
@@ -121,7 +121,7 @@ const elementsFabric = (type: PaymentElements): object => {
             BankElementComponent,
             (data: FramePayContext) =>
                 ({
-                    Rebilly: makeRebillyProps(data),
+                    Framepay: makeFramepayProps(data),
                     elementType: 'bankAccountNumber',
                 } as BankProps),
         );
@@ -136,14 +136,14 @@ const elementsFabric = (type: PaymentElements): object => {
     if (type === 'card') {
         /**
          * Default Card Element
-         * @see https://rebilly.github.io/framepay-docs/reference/rebilly.html#rebilly-card-mount
+         * @see https://www.rebilly.com/docs/dev-docs/framepay-global-reference/#framepay.card.mount
          */
         const CardElement = Hoc(
             'CardElement',
             CardElementComponent,
             (data: FramePayContext) =>
                 ({
-                    Rebilly: makeRebillyProps(data),
+                    Framepay: makeFramepayProps(data),
                 } as CardProps),
         );
 
@@ -155,7 +155,7 @@ const elementsFabric = (type: PaymentElements): object => {
             CardElementComponent,
             (data: FramePayContext) =>
                 ({
-                    Rebilly: makeRebillyProps(data),
+                    Framepay: makeFramepayProps(data),
                     elementType: 'cardCvv',
                 } as CardProps),
         );
@@ -168,7 +168,7 @@ const elementsFabric = (type: PaymentElements): object => {
             CardElementComponent,
             (data: FramePayContext) =>
                 ({
-                    Rebilly: makeRebillyProps(data),
+                    Framepay: makeFramepayProps(data),
                     elementType: 'cardExpiry',
                 } as CardProps),
         );
@@ -181,7 +181,7 @@ const elementsFabric = (type: PaymentElements): object => {
             CardElementComponent,
             (data: FramePayContext) =>
                 ({
-                    Rebilly: makeRebillyProps(data),
+                    Framepay: makeFramepayProps(data),
                     elementType: 'cardNumber',
                 } as CardProps),
         );
@@ -204,7 +204,7 @@ const elementsFabric = (type: PaymentElements): object => {
             ApplePayElementComponent,
             (data: FramePayContext) =>
                 ({
-                    Rebilly: makeRebillyProps(data),
+                    Framepay: makeFramepayProps(data),
                 } as ApplePayProps),
         );
 
@@ -223,7 +223,7 @@ const elementsFabric = (type: PaymentElements): object => {
             GooglePayElementComponent,
             (data: FramePayContext) =>
                 ({
-                    Rebilly: makeRebillyProps(data),
+                    Framepay: makeFramepayProps(data),
                 } as GooglePayProps),
         );
 
@@ -242,7 +242,7 @@ const elementsFabric = (type: PaymentElements): object => {
             PaypalElementComponent,
             (data: FramePayContext) =>
                 ({
-                    Rebilly: makeRebillyProps(data),
+                    Framepay: makeFramepayProps(data),
                 } as PaypalProps),
         );
 
@@ -286,7 +286,7 @@ export function withFramePay<OriginalProps extends object>(
                                 {...{
                                     ...this.props,
                                     ...elements,
-                                    Rebilly: makeRebillyProps(data),
+                                    Framepay: makeFramepayProps(data),
                                 }}
                             />
                         );
@@ -315,7 +315,7 @@ export function withFramePayCardComponent<OriginalProps extends object>(
                                 {...{
                                     ...this.props,
                                     ...elements,
-                                    Rebilly: makeRebillyProps(data),
+                                    Framepay: makeFramepayProps(data),
                                 }}
                             />
                         );
@@ -344,7 +344,7 @@ export function withFramePayBankComponent<OriginalProps extends object>(
                                 {...{
                                     ...this.props,
                                     ...elements,
-                                    Rebilly: makeRebillyProps(data),
+                                    Framepay: makeFramepayProps(data),
                                 }}
                             />
                         );
@@ -373,7 +373,7 @@ export function withFramePayIBANComponent<OriginalProps extends object>(
                                 {...{
                                     ...this.props,
                                     ...elements,
-                                    Rebilly: makeRebillyProps(data),
+                                    Framepay: makeFramepayProps(data),
                                 }}
                             />
                         );
@@ -404,7 +404,7 @@ export function withFramePayApplePayComponent<OriginalProps extends object>(
                                 {...{
                                     ...this.props,
                                     ...elements,
-                                    Rebilly: makeRebillyProps(data),
+                                    Framepay: makeFramepayProps(data),
                                 }}
                             />
                         );
@@ -435,7 +435,7 @@ export function withFramePayGooglePayComponent<OriginalProps extends object>(
                                 {...{
                                     ...this.props,
                                     ...elements,
-                                    Rebilly: makeRebillyProps(data),
+                                    Framepay: makeFramepayProps(data),
                                 }}
                             />
                         );
@@ -464,7 +464,7 @@ export function withFramePayPaypalComponent<OriginalProps extends object>(
                                 {...{
                                     ...this.props,
                                     ...elements,
-                                    Rebilly: makeRebillyProps(data),
+                                    Framepay: makeFramepayProps(data),
                                 }}
                             />
                         );