@guestyorg/tokenization-js 1.0.3 → 1.1.0

package/README.md

@@ -41,6 +41,7 @@ Import the `loadScript` function for asynchronously loading the Guesty Tokenizat
 #### options
 
 - `sandbox` - load the SDK in a sandbox mode
+- `version` - SDK version to load (default: `v1`)
 
 ```js
 loadScript({ sandbox: true });
@@ -58,7 +59,7 @@ This is equivalent to the following script:
 #### Async/Await
 
 ```js
-import { loadScript } from '@guesty/tokenization-js';
+import { loadScript } from '@guestyorg/tokenization-js';
 
 try {
   const guestyTokenization = await loadScript();
@@ -71,7 +72,7 @@ try {
 #### Promises
 
 ```js
-import { loadScript } from '@guesty/tokenization-js';
+import { loadScript } from '@guestyorg/tokenization-js';
 
 loadScript()
   .then((guestyTokenization) => {

package/lib/cjs/guesty-tokenization-js.js

@@ -17,14 +17,16 @@ var injectScriptElement = function (_a) {
 };
 
 var NAMESPACE = 'guestyTokenization';
-var SCRIPT_URL = 'https://pay.guesty.com/tokenization/v1/init.js';
 
 var loadScript = function (options) {
+    var _a;
     if (options === void 0) { options = {}; }
     if (typeof window === 'undefined') {
         return Promise.resolve(null);
     }
-    var existingScript = findScriptElement(SCRIPT_URL);
+    var version = (_a = options.version) !== null && _a !== void 0 ? _a : 'v1';
+    var scriptUrl = "https://pay.guesty.com/tokenization/".concat(version, "/init.js");
+    var existingScript = findScriptElement(scriptUrl);
     var existingNamespace = window[NAMESPACE];
     if (existingScript) {
         if (existingNamespace) {
@@ -35,7 +37,7 @@ var loadScript = function (options) {
     return new Promise(function (resolve, reject) {
         var _a;
         injectScriptElement({
-            url: SCRIPT_URL,
+            url: scriptUrl,
             sandbox: (_a = options.sandbox) !== null && _a !== void 0 ? _a : false,
             onSuccess: function () {
                 var newNamespace = window[NAMESPACE];
@@ -47,7 +49,7 @@ var loadScript = function (options) {
                 }
             },
             onError: function () {
-                reject(new Error("The script ".concat(SCRIPT_URL, " failed to load")));
+                reject(new Error("The script ".concat(scriptUrl, " failed to load")));
             },
         });
     });

package/lib/cjs/guesty-tokenization-js.min.js

@@ -1 +1 @@
-"use strict";var e="guestyTokenization",o="https://pay.guesty.com/tokenization/v1/init.js";exports.loadScript=function(n){if(void 0===n&&(n={}),"undefined"==typeof window)return Promise.resolve(null);var r,t=(r=o,document.querySelector('script[src="'.concat(r,'"]'))),i=window[e];if(t){if(i)return Promise.resolve(i);t.remove()}return new Promise((function(r,t){var i;!function(e){var o=e.url,n=e.sandbox,r=e.onSuccess,t=e.onError,i=document.createElement("script");i.src=o,i.async=!0,i.onerror=t,i.onload=r,n&&i.setAttribute("data-env","sandbox"),document.head.insertBefore(i,document.head.firstElementChild)}({url:o,sandbox:null!==(i=n.sandbox)&&void 0!==i&&i,onSuccess:function(){var o=window[e];o?r(o):t(new Error("Guesty Tokenization is not available"))},onError:function(){t(new Error("The script ".concat(o," failed to load")))}})}))};
+"use strict";var o="guestyTokenization";exports.loadScript=function(n){var e;if(void 0===n&&(n={}),"undefined"==typeof window)return Promise.resolve(null);var r,t=null!==(e=n.version)&&void 0!==e?e:"v1",i="https://pay.guesty.com/tokenization/".concat(t,"/init.js"),s=(r=i,document.querySelector('script[src="'.concat(r,'"]'))),a=window[o];if(s){if(a)return Promise.resolve(a);s.remove()}return new Promise((function(e,r){var t;!function(o){var n=o.url,e=o.sandbox,r=o.onSuccess,t=o.onError,i=document.createElement("script");i.src=n,i.async=!0,i.onerror=t,i.onload=r,e&&i.setAttribute("data-env","sandbox"),document.head.insertBefore(i,document.head.firstElementChild)}({url:i,sandbox:null!==(t=n.sandbox)&&void 0!==t&&t,onSuccess:function(){var n=window[o];n?e(n):r(new Error("Guesty Tokenization is not available"))},onError:function(){r(new Error("The script ".concat(i," failed to load")))}})}))};

package/lib/cjs/src/constants.d.ts

@@ -1,3 +1,2 @@
 export declare const NAMESPACE = "guestyTokenization";
-export declare const SCRIPT_URL = "https://pay.guesty.com/tokenization/v1/init.js";
 //# sourceMappingURL=constants.d.ts.map

package/lib/cjs/src/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,uBAAuB,CAAC;AAC9C,eAAO,MAAM,UAAU,mDAAmD,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,uBAAuB,CAAC"}

package/lib/cjs/src/loadScript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loadScript.d.ts","sourceRoot":"","sources":["../../src/loadScript.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,UAAU,aAAa,iBAAiB,qBAgCpD,CAAC"}
+{"version":3,"file":"loadScript.d.ts","sourceRoot":"","sources":["../../src/loadScript.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,UAAU,aAAa,iBAAiB,qBAmCpD,CAAC"}

package/lib/esm/guesty-tokenization-js.js

@@ -15,14 +15,16 @@ var injectScriptElement = function (_a) {
 };
 
 var NAMESPACE = 'guestyTokenization';
-var SCRIPT_URL = 'https://pay.guesty.com/tokenization/v1/init.js';
 
 var loadScript = function (options) {
+    var _a;
     if (options === void 0) { options = {}; }
     if (typeof window === 'undefined') {
         return Promise.resolve(null);
     }
-    var existingScript = findScriptElement(SCRIPT_URL);
+    var version = (_a = options.version) !== null && _a !== void 0 ? _a : 'v1';
+    var scriptUrl = "https://pay.guesty.com/tokenization/".concat(version, "/init.js");
+    var existingScript = findScriptElement(scriptUrl);
     var existingNamespace = window[NAMESPACE];
     if (existingScript) {
         if (existingNamespace) {
@@ -33,7 +35,7 @@ var loadScript = function (options) {
     return new Promise(function (resolve, reject) {
         var _a;
         injectScriptElement({
-            url: SCRIPT_URL,
+            url: scriptUrl,
             sandbox: (_a = options.sandbox) !== null && _a !== void 0 ? _a : false,
             onSuccess: function () {
                 var newNamespace = window[NAMESPACE];
@@ -45,7 +47,7 @@ var loadScript = function (options) {
                 }
             },
             onError: function () {
-                reject(new Error("The script ".concat(SCRIPT_URL, " failed to load")));
+                reject(new Error("The script ".concat(scriptUrl, " failed to load")));
             },
         });
     });

package/lib/esm/guesty-tokenization-js.min.js

@@ -1 +1 @@
-var e="guestyTokenization",n="https://pay.guesty.com/tokenization/v1/init.js",o=function(o){if(void 0===o&&(o={}),"undefined"==typeof window)return Promise.resolve(null);var r,t=(r=n,document.querySelector('script[src="'.concat(r,'"]'))),i=window[e];if(t){if(i)return Promise.resolve(i);t.remove()}return new Promise((function(r,t){var i;!function(e){var n=e.url,o=e.sandbox,r=e.onSuccess,t=e.onError,i=document.createElement("script");i.src=n,i.async=!0,i.onerror=t,i.onload=r,o&&i.setAttribute("data-env","sandbox"),document.head.insertBefore(i,document.head.firstElementChild)}({url:n,sandbox:null!==(i=o.sandbox)&&void 0!==i&&i,onSuccess:function(){var n=window[e];n?r(n):t(new Error("Guesty Tokenization is not available"))},onError:function(){t(new Error("The script ".concat(n," failed to load")))}})}))};export{o as loadScript};
+var n="guestyTokenization",o=function(o){var e;if(void 0===o&&(o={}),"undefined"==typeof window)return Promise.resolve(null);var r,t=null!==(e=o.version)&&void 0!==e?e:"v1",i="https://pay.guesty.com/tokenization/".concat(t,"/init.js"),a=(r=i,document.querySelector('script[src="'.concat(r,'"]'))),s=window[n];if(a){if(s)return Promise.resolve(s);a.remove()}return new Promise((function(e,r){var t;!function(n){var o=n.url,e=n.sandbox,r=n.onSuccess,t=n.onError,i=document.createElement("script");i.src=o,i.async=!0,i.onerror=t,i.onload=r,e&&i.setAttribute("data-env","sandbox"),document.head.insertBefore(i,document.head.firstElementChild)}({url:i,sandbox:null!==(t=o.sandbox)&&void 0!==t&&t,onSuccess:function(){var o=window[n];o?e(o):r(new Error("Guesty Tokenization is not available"))},onError:function(){r(new Error("The script ".concat(i," failed to load")))}})}))};export{o as loadScript};

package/lib/esm/src/constants.d.ts

@@ -1,3 +1,2 @@
 export declare const NAMESPACE = "guestyTokenization";
-export declare const SCRIPT_URL = "https://pay.guesty.com/tokenization/v1/init.js";
 //# sourceMappingURL=constants.d.ts.map

package/lib/esm/src/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,uBAAuB,CAAC;AAC9C,eAAO,MAAM,UAAU,mDAAmD,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,uBAAuB,CAAC"}

package/lib/esm/src/loadScript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loadScript.d.ts","sourceRoot":"","sources":["../../src/loadScript.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,UAAU,aAAa,iBAAiB,qBAgCpD,CAAC"}
+{"version":3,"file":"loadScript.d.ts","sourceRoot":"","sources":["../../src/loadScript.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,UAAU,aAAa,iBAAiB,qBAmCpD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guestyorg/tokenization-js",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "Guesty Tokenization SDK loading utility and types",
   "main": "index.js",
   "module": "lib/esm/guesty-tokenization-js.js",

package/types/index.d.ts

@@ -21,8 +21,16 @@ export interface GuestyTokenizationStyles {
 }
 
 type Section = 'cardholderName' | 'paymentDetails' | 'billingAddress';
+type TCardholderNameInput = 'firstName' | 'lastName' | 'cardHolderId';
+type TBillingAddressInput = 'street' | 'city' | 'state' | 'zipCode' | 'country';
+type TPaymentDetailsInput = 'cardNumber' | 'expirationDate' | 'csc';
 
-export interface GuestyTokenizationRenderOptions {
+type TInput =
+  | TCardholderNameInput
+  | TBillingAddressInput
+  | TPaymentDetailsInput;
+
+export interface GuestyTokenizationV1RenderOptions {
   containerId: string;
   providerId: string;
   amount: number;
@@ -30,6 +38,28 @@ export interface GuestyTokenizationRenderOptions {
   onStatusChange?: (status: boolean) => void;
   styles?: GuestyTokenizationStyles;
   lang?: string;
+  initialValues?: {
+    [key in Exclude<TInput, 'cardHolderId' | TPaymentDetailsInput>]?: string;
+  };
+  showInitialValuesToggle?: boolean;
+  initialValuesToggleLabel?: string;
+  sections?: Section[];
+  showSupportedCards?: boolean;
+  showPciCompliantLink?: boolean;
+  inputsConfig?: {
+    [key in TInput]?: {
+      label?: string;
+      placeholder?: string;
+    };
+  };
+}
+
+export interface GuestyTokenizationV2RenderOptions {
+  containerId: string;
+  providerId: string;
+  onStatusChange?: (status: boolean) => void;
+  styles?: GuestyTokenizationStyles;
+  lang?: string;
   initialValues?: {
     firstName?: string;
     lastName?: string;
@@ -46,27 +76,71 @@ export interface GuestyTokenizationRenderOptions {
   showPciCompliantLink?: boolean;
 }
 
+export interface GuestyTokenizationV2ApiV2SubmitPayload {
+  amount: number;
+  currency: string;
+  apiVersion: 'v2';
+}
+
+export interface GuestyTokenizationV2ApiV3SubmitPayload {
+  listingId: string;
+  quoteId: string;
+  amount: number;
+  currency: string;
+  guest: {
+    firstName: string;
+    lastName: string;
+    email?: string;
+    phone?: string;
+  };
+  apiVersion?: 'v3';
+}
+
+export type GuestyTokenizationV2SubmitPayload =
+  | GuestyTokenizationV2ApiV2SubmitPayload
+  | GuestyTokenizationV2ApiV3SubmitPayload;
+
 export interface PaymentMethod {
   _id: string;
 }
 
-export interface GuestyTokenizationNamespace {
-  render: (options: GuestyTokenizationRenderOptions) => Promise<void>;
+export interface GuestyTokenizationV1Namespace {
+  render: (options: GuestyTokenizationV1RenderOptions) => Promise<void>;
   destroy: () => Promise<void>;
   submit: () => Promise<PaymentMethod>;
   validate: () => void;
 }
 
+export interface GuestyTokenizationV2Namespace {
+  render: (options: GuestyTokenizationV2RenderOptions) => Promise<void>;
+  destroy: () => Promise<void>;
+  submit: (
+    payload: GuestyTokenizationV2SubmitPayload
+  ) => Promise<PaymentMethod>;
+  validate: () => void;
+}
+
+type NamespaceBasedOnVersion<T extends LoadScriptOptions['version']> =
+  T extends 'v1'
+    ? GuestyTokenizationV1Namespace
+    : T extends 'v2'
+    ? GuestyTokenizationV2Namespace
+    : GuestyTokenizationV1Namespace;
+
 export interface LoadScriptOptions {
   sandbox?: boolean;
+  version?: 'v1' | 'v2';
 }
 
 export function loadScript(
   options?: LoadScriptOptions
-): Promise<GuestyTokenizationNamespace | null>;
+): Promise<NamespaceBasedOnVersion<LoadScriptOptions['version']> | null>;
 
 declare global {
   interface Window {
-    guestyTokenization?: GuestyTokenizationNamespace | null;
+    guestyTokenization?:
+      | GuestyTokenizationV1Namespace
+      | GuestyTokenizationV2Namespace
+      | null;
   }
 }