@rebilly/framepay-react 5.6.0 → 6.0.0

package/src/lib/components/provider.tsx

@@ -3,7 +3,7 @@ import { FRAMEPAY_SCRIPT_LINK } from '../constants';
 import { ContextProvider } from '../context';
 import { injectScript, injectStyle } from '../dom-util';
 import FramePayError from '../framepay-error';
-import getRebillyApi from '../get-rebilly-api';
+import getFramepayApi from '../get-framepay-api';
 
 export default class Provider extends React.Component<
     ProviderProps,
@@ -18,7 +18,7 @@ export default class Provider extends React.Component<
     };
 
     readonly state: FramePayContext = {
-        api: getRebillyApi(),
+        api: getFramepayApi(),
         error: null,
         ready: false,
     };
@@ -52,7 +52,7 @@ export default class Provider extends React.Component<
     }
 
     async onApiReady() {
-        const api = getRebillyApi();
+        const api = getFramepayApi();
         try {
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             const { injectStyle, children, ...settings } = this.props;

package/src/lib/constants.ts

@@ -18,14 +18,14 @@ export const REACT_VERSION = React.version;
  */
 export const FRAMEPAY_SCRIPT_LINK: string =
     process.env.FRAMEPAY_SCRIPT_LINK ||
-    'https://framepay.rebilly.com/rebilly.js';
+    'https://framepay.rebilly.com/framepay.js';
 
 /**
  * Remote FramePay style CDN link.
  */
 export const FRAMEPAY_STYLE_LINK: string =
     process.env.FRAMEPAY_STYLE_LINK ||
-    'https://framepay.rebilly.com/rebilly.css';
+    'https://framepay.rebilly.com/framepay.css';
 
 /**
  * Supported FramePay card types

package/src/lib/context.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { REACT_VERSION } from './constants';
-import getRebillyApi from './get-rebilly-api';
+import getFramepayApi from './get-framepay-api';
 
 const defaultContextValue = {
-    api: getRebillyApi(),
+    api: getFramepayApi(),
     error: null,
     ready: false,
 };

package/src/lib/framepay-error.ts

@@ -10,7 +10,7 @@ export const defaultErrorMessages = {
     [ERROR_CODES.initializeError]: `
         FramePay initialize error\r\n
         See https://github.com/Rebilly/framepay-react/tree/alpha#the-framepay-context-framepayprovider\r\n
-        See https://rebilly.github.io/framepay-docs/reference/rebilly.html#rebilly-initialize`,
+        See https://www.rebilly.com/docs/dev-docs/framepay-global-reference/#framepay.initialize`,
 } as DefaultErrorMessages;
 
 class ErrorBuilder {

package/src/lib/get-framepay-api.ts

@@ -0,0 +1,11 @@
+/**
+ * Just simple wrapper of remote FramePay api
+ */
+const remoteApi = (): FramepayApi => {
+    // @ts-ignore todo setup typescript config correctly
+    return typeof window !== 'undefined' ? window.Framepay : undefined;
+};
+
+export default function getFramepayApi(): FramepayApi {
+    return remoteApi();
+}

package/test/e2e/fixtures/apple-pay.js

@@ -43,7 +43,7 @@ class App extends Component {
                 <div>
                     {ReactVersion()}
                     <div>
-                        <h3>FramePay version: {this.props.Rebilly.version}</h3>
+                        <h3>FramePay version: {this.props.Framepay.version}</h3>
                         <div className="flex-wrapper">
                             {prettyDebugRender(this.state)}
                             <this.props.ApplePayElement />

package/test/e2e/fixtures/bank-separate.js

@@ -52,7 +52,7 @@ class CardElementComponent extends Component {
         e.preventDefault();
         /**
          *
-         * @see https://rebilly.github.io/framepay-docs/reference/rebilly.html#rebilly-createtoken
+         * @see https://www.rebilly.com/docs/dev-docs/framepay-global-reference/#framepay.createtoken
          *
          */
 
@@ -76,7 +76,7 @@ class CardElementComponent extends Component {
             ];
         }
 
-        this.props.Rebilly.createToken(this.formNode, { billingAddress })
+        this.props.Framepay.createToken(this.formNode, { billingAddress })
             .then((data) => {
                 this.deepUpdateState({ token: { error: false, data } });
             })
@@ -93,7 +93,7 @@ class CardElementComponent extends Component {
         return (
             <div>
                 <h2>{this.props.title}</h2>
-                <h3>FramePay version: {this.props.Rebilly.version}</h3>
+                <h3>FramePay version: {this.props.Framepay.version}</h3>
                 <div className="flex-wrapper">
                     {prettyDebugRender(this.state)}
                     <div className="example-2">

package/test/e2e/fixtures/card-separate-brands.js

@@ -75,7 +75,7 @@ class CardElementComponent extends Component {
         e.preventDefault();
         /**
          *
-         * @see https://rebilly.github.io/framepay-docs/reference/rebilly.html#rebilly-createtoken
+         * @see https://www.rebilly.com/docs/dev-docs/framepay-global-reference/#framepay.createtoken
          *
          */
         const billingAddress = {
@@ -98,7 +98,7 @@ class CardElementComponent extends Component {
             ];
         }
 
-        this.props.Rebilly.createToken(this.formNode, { billingAddress })
+        this.props.Framepay.createToken(this.formNode, { billingAddress })
             .then((data) => {
                 this.deepUpdateState({ token: { error: false, data } });
             })
@@ -113,7 +113,7 @@ class CardElementComponent extends Component {
 
     handleUpdateSettings() {
         this.setState({ button: 'update' });
-        this.props.Rebilly.update({
+        this.props.Framepay.update({
             ...params,
             card: { brands: { allowed: null } },
         });
@@ -121,7 +121,7 @@ class CardElementComponent extends Component {
 
     handleRestoreSettings() {
         this.setState({ button: 'restore' });
-        this.props.Rebilly.update({
+        this.props.Framepay.update({
             ...params,
         });
     }
@@ -130,7 +130,7 @@ class CardElementComponent extends Component {
         return (
             <div>
                 <h2>{this.props.title}</h2>
-                <h3>FramePay version: {this.props.Rebilly.version}</h3>
+                <h3>FramePay version: {this.props.Framepay.version}</h3>
                 <div className="flex-wrapper">
                     {prettyDebugRender(this.state)}
                     <div className="example-2">

package/test/e2e/fixtures/card-separate-rebilly-fields.js

@@ -75,10 +75,10 @@ class CardElementComponent extends Component {
         e.preventDefault();
         /**
          *
-         * @see https://rebilly.github.io/framepay-docs/reference/rebilly.html#rebilly-createtoken
+         * @see https://www.rebilly.com/docs/dev-docs/framepay-global-reference/#framepay.createtoken
          *
          */
-        this.props.Rebilly.createToken(this.formNode, {
+        this.props.Framepay.createToken(this.formNode, {
             billingAddress: {
                 emails: [
                     {
@@ -104,7 +104,7 @@ class CardElementComponent extends Component {
         return (
             <div>
                 <h2>{this.props.title}</h2>
-                <h3>FramePay version: {this.props.Rebilly.version}</h3>
+                <h3>FramePay version: {this.props.Framepay.version}</h3>
                 <div className="flex-wrapper">
                     {prettyDebugRender(this.state)}
                     <div className="example-2">

package/test/e2e/fixtures/card-separate.js

@@ -82,7 +82,7 @@ class CardElementComponent extends Component {
         e.preventDefault();
         /**
          *
-         * @see https://rebilly.github.io/framepay-docs/reference/rebilly.html#rebilly-createtoken
+         * @see https://www.rebilly.com/docs/dev-docs/framepay-global-reference/#framepay.createtoken
          *
          */
         const billingAddress = {
@@ -105,7 +105,7 @@ class CardElementComponent extends Component {
             ];
         }
 
-        this.props.Rebilly.createToken(this.formNode, { billingAddress })
+        this.props.Framepay.createToken(this.formNode, { billingAddress })
             .then((data) => {
                 this.deepUpdateState({ token: { error: false, data } });
             })
@@ -122,7 +122,7 @@ class CardElementComponent extends Component {
         return (
             <div>
                 <h2>{this.props.title}</h2>
-                <h3>FramePay version: {this.props.Rebilly.version}</h3>
+                <h3>FramePay version: {this.props.Framepay.version}</h3>
                 <div className="flex-wrapper">
                     {prettyDebugRender(this.state)}
                     <div className="example-2">

package/test/e2e/fixtures/checkout-combined.js

@@ -69,7 +69,7 @@ class CardElementComponent extends Component {
         e.preventDefault();
         /**
          *
-         * @see https://rebilly.github.io/framepay-docs/reference/rebilly.html#rebilly-createtoken
+         * @see https://www.rebilly.com/docs/dev-docs/framepay-global-reference/#framepay.createtoken
          *
          */
         const billingAddress = {
@@ -92,7 +92,7 @@ class CardElementComponent extends Component {
             ];
         }
 
-        this.props.Rebilly.createToken(this.formNode, { billingAddress })
+        this.props.Framepay.createToken(this.formNode, { billingAddress })
             .then((data) => {
                 this.deepUpdateState({ token: { error: false, data } });
             })
@@ -111,7 +111,7 @@ class CardElementComponent extends Component {
         return (
             <div>
                 <h2>{this.props.title}</h2>
-                <h3>FramePay version: {this.props.Rebilly.version}</h3>
+                <h3>FramePay version: {this.props.Framepay.version}</h3>
                 <div className="flex-wrapper">
                     {prettyDebugRender(this.state)}
                     <div className="example-2">

package/test/e2e/fixtures/google-pay.js

@@ -43,7 +43,7 @@ class App extends Component {
                 <div>
                     {ReactVersion()}
                     <div>
-                        <h3>FramePay version: {this.props.Rebilly.version}</h3>
+                        <h3>FramePay version: {this.props.Framepay.version}</h3>
                         <div className="flex-wrapper">
                             {prettyDebugRender(this.state)}
                             <this.props.GooglePayElement />

package/test/e2e/fixtures/iban.js

@@ -44,7 +44,7 @@ class IBANlementComponent extends Component {
         e.preventDefault();
         /**
          *
-         * @see https://rebilly.github.io/framepay-docs/reference/rebilly.html#rebilly-createtoken
+         * @see https://www.rebilly.com/docs/dev-docs/framepay-global-reference/#framepay.createtoken
          *
          */
 
@@ -68,7 +68,7 @@ class IBANlementComponent extends Component {
             ];
         }
 
-        this.props.Rebilly.createToken(this.formNode, { billingAddress })
+        this.props.Framepay.createToken(this.formNode, { billingAddress })
             .then((data) => {
                 this.deepUpdateState({
                     events: { ...emptyEvents },

package/test/e2e/fixtures/multiple-methods.js

@@ -74,14 +74,14 @@ class PaymentFormComponent extends Component {
         e.preventDefault();
         /**
          *
-         * @see https://rebilly.github.io/framepay-docs/reference/rebilly.html#rebilly-createtoken
+         * @see https://www.rebilly.com/docs/dev-docs/framepay-global-reference/#framepay.createtoken
          *
          */
         const billingAddress = {
             ...this.state.billingAddress,
         };
 
-        this.props.Rebilly.createToken(this.formNode, {
+        this.props.Framepay.createToken(this.formNode, {
             // method: this.state.paymentElements[this.state.paymentElement],
             billingAddress,
         })

package/test/e2e/fixtures/paypal.js

@@ -39,7 +39,7 @@ class App extends Component {
                 <div>
                     {ReactVersion()}
                     <div>
-                        <h3>FramePay version: {this.props.Rebilly.version}</h3>
+                        <h3>FramePay version: {this.props.Framepay.version}</h3>
                         <div className="flex-wrapper">
                             {prettyDebugRender(this.state)}
                             <this.props.PaypalElement />

package/types/context.d.ts

@@ -1,5 +1,5 @@
 interface FramePayContext {
-    readonly api: RebillyApi;
+    readonly api: FramepayApi;
     readonly ready: boolean;
     readonly error: null | FramePayErrorCode;
 }

package/types/elements.d.ts

@@ -1,13 +1,13 @@
 /**
  * framepay-react react element types
  */
-interface RebillyProps extends RebillyApi {
+interface FramepayProps extends FramepayApi {
     readonly error: FramePayErrorCode | null;
     readonly ready: boolean;
 }
 
-interface PaymentComponentProps extends RebillyProps {
-    readonly Rebilly: RebillyProps;
+interface PaymentComponentProps extends FramepayProps {
+    readonly Framepay: FramepayProps;
     readonly id?: string;
     readonly onReady?: () => void;
     readonly onChange?: (data: PaymentElementOnChangeEventData) => void;
@@ -33,18 +33,18 @@ interface CardProps extends PaymentComponentProps {
     readonly elementType?: CardPaymentElementTypes;
 }
 
-interface ApplePayProps extends RebillyProps {
-    readonly Rebilly: RebillyProps;
+interface ApplePayProps extends FramepayProps {
+    readonly Framepay: FramepayProps;
     readonly id?: string;
 }
 
-interface GooglePayProps extends RebillyProps {
-    readonly Rebilly: RebillyProps;
+interface GooglePayProps extends FramepayProps {
+    readonly Framepay: FramepayProps;
     readonly id?: string;
 }
 
-interface PaypalProps extends RebillyProps {
-    readonly Rebilly: RebillyProps;
+interface PaypalProps extends FramepayProps {
+    readonly Framepay: FramepayProps;
     readonly id?: string;
 }
 

package/types/injector.d.ts

@@ -1,6 +1,6 @@
 export interface FramePayComponentProps {
-    // Rebilly Api
-    readonly Rebilly: RebillyProps;
+    // Framepay Api
+    readonly Framepay: FramepayProps;
 
     // Card Components
     readonly CardCvvElement: React.ElementType;
@@ -23,7 +23,7 @@ export interface FramePayComponentProps {
 }
 
 export interface FramePayCardProps {
-    readonly Rebilly: RebillyProps;
+    readonly Framepay: FramepayProps;
     readonly CardCvvElement: React.ElementType;
     readonly CardElement: React.ElementType;
     readonly CardExpiryElement: React.ElementType;
@@ -31,28 +31,28 @@ export interface FramePayCardProps {
 }
 
 export interface FramePayBankProps {
-    readonly Rebilly: RebillyProps;
+    readonly Framepay: FramepayProps;
     readonly BankAccountNumberElement: React.ElementType;
     readonly BankAccountTypeElement: React.ElementType;
     readonly BankRoutingNumberElement: React.ElementType;
 }
 
 export interface FramePayIBANProps {
-    readonly Rebilly: RebillyProps;
+    readonly Framepay: FramepayProps;
     readonly IBANElement: React.ElementType;
 }
 
 export interface FramePayApplePayProps {
-    readonly Rebilly: RebillyProps;
+    readonly Framepay: FramepayProps;
     readonly ApplePayElement: React.ElementType;
 }
 
 export interface FramePayGooglePayProps {
-    readonly Rebilly: RebillyProps;
+    readonly Framepay: FramepayProps;
     readonly GooglePayElement: React.ElementType;
 }
 
 export interface FramePayPaypalProps {
-    readonly Rebilly: RebillyProps;
+    readonly Framepay: FramepayProps;
     readonly PaypalElement: React.ElementType;
 }

package/types/rebilly/api.d.ts

@@ -1,6 +1,6 @@
 /**
  * The api is something that should be passed
- * to the createToken Rebilly api method
+ * to the createToken Framepay api method
  */
 interface BillingAddress {
     readonly firstName: string;
@@ -23,17 +23,17 @@ interface BillingAddress {
 }
 
 interface TokenExtraData {
-    readonly method?: PaymentMethods; // @see https://rebilly.github.io/RebillyAPI/#operation/paymentTokenCreation
+    readonly method?: PaymentMethods; // @see https://www.rebilly.com/docs/dev-docs/api/Payment-tokens/PostToken/
     readonly billingAddress?: BillingAddress;
     readonly leadSource?: object;
 }
 
-type RebillyEventDelegate =  (arg: object) => void;
+type FramepayEventDelegate =  (arg: object) => void;
 
 /**
  * The FramePay api interface (external api)
  */
-interface RebillyApi {
+interface FramepayApi {
     readonly initialize: (settings: FramePaySettings) => void;
     readonly card: CardPaymentElement;
     readonly bankAccount: BankPaymentMethod;
@@ -47,12 +47,12 @@ interface RebillyApi {
     ) => void;
 
     readonly on: (
-        event: initRebillyEvents,
-        callback: RebillyEventDelegate
+        event: initFramepayEvents,
+        callback: FramepayEventDelegate
     ) => void;
 
     readonly off: (
-        event: initRebillyEvents,
-        callback: RebillyEventDelegate
+        event: initFramepayEvents,
+        callback: FramepayEventDelegate
     ) => void;
 }

package/types/rebilly/init-framepay-events.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Global framepay initialization events
+ */
+declare type initFramepayEvents = 'error' | 'ready' | 'token-ready';

package/types/rebilly/payment-methods.d.ts

@@ -1,5 +1,5 @@
 /**
- * @see https://rebilly.github.io/RebillyAPI/#operation/paymentTokenCreation
+ * @see https://www.rebilly.com/docs/dev-docs/api/Payment-tokens/PostToken/
  */
 type PaymentMethods =
     | 'payment-card'

package/types/rebilly/settings.d.ts

@@ -2,8 +2,8 @@
  * Settings
  *
  * The settings is something that
- * you could pass to the Rebilly.initialize(settings) method
- * or Rebilly.update(settings) method
+ * you could pass to the Framepay.initialize(settings) method
+ * or Framepay.update(settings) method
  */
 interface FramePaySettingsStyles {
     readonly base?: object;

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

@@ -1 +0,0 @@
-export default function getRebillyApi(): RebillyApi;

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

@@ -1,14 +0,0 @@
-"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.Rebilly : undefined;
-};
-function getRebillyApi() {
-    return remoteApi();
-}
-exports.default = getRebillyApi;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LXJlYmlsbHktYXBpLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9nZXQtcmViaWxseS1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQTs7R0FFRztBQUNILElBQU0sU0FBUyxHQUFHO0lBQ2Qsb0RBQW9EO0lBQ3BELE9BQU8sT0FBTyxNQUFNLEtBQUssV0FBVyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7QUFDdEUsQ0FBQyxDQUFDO0FBRUYsU0FBd0IsYUFBYTtJQUNqQyxPQUFPLFNBQVMsRUFBRSxDQUFDO0FBQ3ZCLENBQUM7QUFGRCxnQ0FFQyJ9

package/src/lib/get-rebilly-api.ts

@@ -1,11 +0,0 @@
-/**
- * Just simple wrapper of remote FramePay api
- */
-const remoteApi = (): RebillyApi => {
-    // @ts-ignore todo setup typescript config correctly
-    return typeof window !== 'undefined' ? window.Rebilly : undefined;
-};
-
-export default function getRebillyApi(): RebillyApi {
-    return remoteApi();
-}

package/types/rebilly/init-rebilly-events.d.ts

@@ -1,4 +0,0 @@
-/**
- * Global rebilly initialization events
- */
-declare type initRebillyEvents = 'error' | 'ready' | 'token-ready';