@commercetools/checkout-browser-sdk - npm Package Compare versions

Comparing version 1.5.1 to 1.6.0

browser/sdk.js

@@ -1,1 +0,1 @@
-(function(i){typeof define=="function"&&define.amd?define(i):i()})((function(){"use strict";class i extends Error{constructor(o){super(`Missing field in the configuration: ${o}`),Object.setPrototypeOf(this,i.prototype)}}const $=e=>e.startsWith("http")?e:`https://app.checkout.${e}.commercetools.com`,g=e=>{let o=null;return{get:()=>{if(!o)throw new Error(e);return o},getAppHost:()=>{if(!o?.region)throw new i("region");return $(o.region)},update:(t,n=!1)=>(o={...n?{}:o,...t,browserSdkVersion:"1.5.1"},o)}},h=g("Bad config, please review docs."),y=g("Express payment config not initialized. Call expressPayment.init() first."),H=h.get,I=h.getAppHost,a=h.update,_=y.get,B=y.getAppHost,D=y.update,b=e=>o=>{if(!e||!o)return!1;if(e==="*"||o===e)return!0;const t=e.split(":"),n=o.split(":");return!n[0]||t[0]!==n[0]?!1:b(t.slice(1).join(":"))(n.slice(1).join(":"))},v=()=>(window.commercetoolsCheckout=window.commercetoolsCheckout||{},window.commercetoolsCheckout.listeners=window.commercetoolsCheckout.listeners||{},window.commercetoolsCheckout.listeners),E=(e,o)=>{const t=`${e}_${Math.round(Math.random()*1e15)}`,n=({origin:r,data:s})=>{if(r!==window.location.origin||s.source!=="commercetoolsCheckout")return;const S=s||{};b(e)(S.type)&&o(S)};window.addEventListener("message",n);const c=v();return c[t]=n,t},l=e=>{const o=v();o[e]&&(window.removeEventListener("message",o[e]),delete o[e])},x=()=>(window.commercetoolsCheckout=window.commercetoolsCheckout||{},window.commercetoolsCheckout.subscriptions=window.commercetoolsCheckout.subscriptions||{},window.commercetoolsCheckout.subscriptions),w=(e,o)=>{[["info","onInfo"],["warn","onWarn"],["error","onError"]].forEach(t=>{const n=t[0],c=t[1],r=x();o&&r[c]&&(l(r[c]),delete r[c]),typeof e[c]=="function"&&(r[c]&&l(r[c]),r[c]=E(`${n}:*`,e[c]))})},m=(e,o)=>{[["info","logInfo"],["warn","logWarn"],["error","logError"]].forEach(t=>{const n=t[0],c=t[1],r=x();o&&r[c]&&(l(r[c]),delete r[c]),e[c]===!0&&(r[c]&&l(r[c]),r[c]=E(`${n}:*`,function(s){s.deprecated||(s.payload!==void 0?console[n]("[ctc]",s.code,s.payload,s.correlationId):console[n]("[ctc]",s.code,s.correlationId))}))})},F=e=>{if(typeof e!="object")throw new Error("Bad config, please review docs");typeof e.checkoutConfig=="object"&&a(e.checkoutConfig),w(e),m(e)},O=e=>{if(typeof e!="object")throw new Error("Bad config, please review docs");D(e),w(e),m(e)};var p=(e=>(e.completeFlow="complete-flow",e.paymentOnly="payment-only",e))(p||{});const P="commercetools-checkout",q="data-ctc";let d;const N=typeof window<"u"?document.body.style.overflow:"",A=()=>{const e=document.querySelectorAll(`[${q}]`);return e.length>0&&(e[0]instanceof HTMLDivElement||e[0]instanceof HTMLSpanElement)?e[0]:null},M=()=>{if(window.commercetoolsCheckout&&window.commercetoolsCheckout.root&&window.commercetoolsCheckout.root.unmount)window.commercetoolsCheckout.root.unmount();else{const t=A();t&&(t.innerHTML="")}const o=document.getElementById(P);o&&(document.body.style.overflow=N,o.remove()),d&&window.removeEventListener("message",d)},W=e=>{d=({origin:o,data:t})=>{if(o===window.location.origin){if(t?.code==="checkout_script_ready"){window.commercetoolsCheckout.render(e);return}(t?.code==="checkout_cancelled"||t?.code==="checkout_completed")&&M()}},window.commercetoolsCheckout=window.commercetoolsCheckout||{},window.commercetoolsCheckout.listeners=window.commercetoolsCheckout.listeners||{},window.commercetoolsCheckout.listeners.root&&window.removeEventListener("message",window.commercetoolsCheckout.listeners.root),window.commercetoolsCheckout.listeners.root=d,window.addEventListener("message",d)},C=async(e,o)=>{M();const t={...H(),checkoutMode:e,sdkMethod:o};if(W(t),!A()){const n=document.createElement("div");n.setAttribute("id",P),document.body.appendChild(n),document.body.style.overflow="hidden"}if(typeof window.commercetoolsCheckout=="object"&&typeof window.commercetoolsCheckout.render=="function")window.commercetoolsCheckout.render(t);else{const n=document.createElement("script");n.src=`${I()}/main.js`,n.onerror=()=>console.log(`[ctc] Error loading checkout script on ${n.src}`),document.head.appendChild(n)}},R=e=>{a(e),C(p.completeFlow,"checkout")},T=e=>{if(typeof e!="object")throw new Error("Bad config, please review docs");a(e,!0),w(e,!0),m(e,!0),C(p.completeFlow,"checkoutFlow")},U=e=>{if(typeof e!="object")throw new Error("Bad config, please review docs");a(e,!0),w(e,!0),m(e,!0),C(p.paymentOnly,"paymentFlow")};let f=null;const z=()=>(f||(f=new Promise((e,o)=>{const t=document.createElement("script");t.src=`${B()}/express.js`,t.onerror=()=>{f=null,o(new Error(`Error loading express script from ${t.src}`))},t.onload=()=>e(),document.head.appendChild(t)})),f);let u=null;const V=async()=>{const e=_();if(await z(),!window.commercetoolsCheckout?.loadExpressPayment)throw new Error("Express payment not loaded");return await window.commercetoolsCheckout.loadExpressPayment(e)},G=()=>(u||(u=V().catch(e=>{throw u=null,e})),u),j={init:e=>{u=null,O(e)},mount:async e=>{try{return(await G()).mount(e)}catch(o){throw console.error("[ctc] Error mounting express payment:",o),o}}},J=()=>{window.postMessage({code:"session_refreshed"},window.location.origin)},K=()=>{window.postMessage({code:"reload_payment_methods"},window.location.origin)},L={checkout:R,checkoutFlow:T,expressPaymentInit:j.init,expressPaymentMount:j.mount,init:F,paymentFlow:U,reloadPaymentMethods:K,sessionRefreshed:J,subscribe:E,unsubscribe:l};function k(e){return L[e]&&L[e].apply(null,Array.prototype.slice.call(arguments,1))}window.ctc&&Array.isArray(window.ctc.queue)&&window.ctc.queue.forEach(e=>k.apply(null,e)),window.ctc&&Array.isArray(window.ctc.q)&&window.ctc.q.forEach(e=>k.apply(null,e)),window.ctc=k}));
+(function(i){typeof define=="function"&&define.amd?define(i):i()})((function(){"use strict";class i extends Error{constructor(o){super(`Missing field in the configuration: ${o}`),Object.setPrototypeOf(this,i.prototype)}}const $=e=>e.startsWith("http")?e:`https://app.checkout.${e}.commercetools.com`,g=e=>{let o=null;return{get:()=>{if(!o)throw new Error(e);return o},getAppHost:()=>{if(!o?.region)throw new i("region");return $(o.region)},update:(t,n=!1)=>(o={...n?{}:o,...t,browserSdkVersion:"1.6.0"},o)}},h=g("Bad config, please review docs."),y=g("Express payment config not initialized. Call expressPayment.init() first."),H=h.get,I=h.getAppHost,a=h.update,_=y.get,B=y.getAppHost,D=y.update,b=e=>o=>{if(!e||!o)return!1;if(e==="*"||o===e)return!0;const t=e.split(":"),n=o.split(":");return!n[0]||t[0]!==n[0]?!1:b(t.slice(1).join(":"))(n.slice(1).join(":"))},v=()=>(window.commercetoolsCheckout=window.commercetoolsCheckout||{},window.commercetoolsCheckout.listeners=window.commercetoolsCheckout.listeners||{},window.commercetoolsCheckout.listeners),E=(e,o)=>{const t=`${e}_${Math.round(Math.random()*1e15)}`,n=({origin:r,data:s})=>{if(r!==window.location.origin||s.source!=="commercetoolsCheckout")return;const S=s||{};b(e)(S.type)&&o(S)};window.addEventListener("message",n);const c=v();return c[t]=n,t},l=e=>{const o=v();o[e]&&(window.removeEventListener("message",o[e]),delete o[e])},x=()=>(window.commercetoolsCheckout=window.commercetoolsCheckout||{},window.commercetoolsCheckout.subscriptions=window.commercetoolsCheckout.subscriptions||{},window.commercetoolsCheckout.subscriptions),w=(e,o)=>{[["info","onInfo"],["warn","onWarn"],["error","onError"]].forEach(t=>{const n=t[0],c=t[1],r=x();o&&r[c]&&(l(r[c]),delete r[c]),typeof e[c]=="function"&&(r[c]&&l(r[c]),r[c]=E(`${n}:*`,e[c]))})},m=(e,o)=>{[["info","logInfo"],["warn","logWarn"],["error","logError"]].forEach(t=>{const n=t[0],c=t[1],r=x();o&&r[c]&&(l(r[c]),delete r[c]),e[c]===!0&&(r[c]&&l(r[c]),r[c]=E(`${n}:*`,function(s){s.deprecated||(s.payload!==void 0?console[n]("[ctc]",s.code,s.payload,s.correlationId):console[n]("[ctc]",s.code,s.correlationId))}))})},F=e=>{if(typeof e!="object")throw new Error("Bad config, please review docs");typeof e.checkoutConfig=="object"&&a(e.checkoutConfig),w(e),m(e)},O=e=>{if(typeof e!="object")throw new Error("Bad config, please review docs");D(e),w(e),m(e)};var p=(e=>(e.completeFlow="complete-flow",e.paymentOnly="payment-only",e))(p||{});const P="commercetools-checkout",q="data-ctc";let d;const N=typeof window<"u"?document.body.style.overflow:"",A=()=>{const e=document.querySelectorAll(`[${q}]`);return e.length>0&&(e[0]instanceof HTMLDivElement||e[0]instanceof HTMLSpanElement)?e[0]:null},M=()=>{if(window.commercetoolsCheckout&&window.commercetoolsCheckout.root&&window.commercetoolsCheckout.root.unmount)window.commercetoolsCheckout.root.unmount();else{const t=A();t&&(t.innerHTML="")}const o=document.getElementById(P);o&&(document.body.style.overflow=N,o.remove()),d&&window.removeEventListener("message",d)},W=e=>{d=({origin:o,data:t})=>{if(o===window.location.origin){if(t?.code==="checkout_script_ready"){window.commercetoolsCheckout.render(e);return}(t?.code==="checkout_cancelled"||t?.code==="checkout_completed")&&M()}},window.commercetoolsCheckout=window.commercetoolsCheckout||{},window.commercetoolsCheckout.listeners=window.commercetoolsCheckout.listeners||{},window.commercetoolsCheckout.listeners.root&&window.removeEventListener("message",window.commercetoolsCheckout.listeners.root),window.commercetoolsCheckout.listeners.root=d,window.addEventListener("message",d)},C=async(e,o)=>{M();const t={...H(),checkoutMode:e,sdkMethod:o};if(W(t),!A()){const n=document.createElement("div");n.setAttribute("id",P),document.body.appendChild(n),document.body.style.overflow="hidden"}if(typeof window.commercetoolsCheckout=="object"&&typeof window.commercetoolsCheckout.render=="function")window.commercetoolsCheckout.render(t);else{const n=document.createElement("script");n.src=`${I()}/main.js`,n.onerror=()=>console.log(`[ctc] Error loading checkout script on ${n.src}`),document.head.appendChild(n)}},R=e=>{a(e),C(p.completeFlow,"checkout")},T=e=>{if(typeof e!="object")throw new Error("Bad config, please review docs");a(e,!0),w(e,!0),m(e,!0),C(p.completeFlow,"checkoutFlow")},U=e=>{if(typeof e!="object")throw new Error("Bad config, please review docs");a(e,!0),w(e,!0),m(e,!0),C(p.paymentOnly,"paymentFlow")};let f=null;const z=()=>(f||(f=new Promise((e,o)=>{const t=document.createElement("script");t.src=`${B()}/express.js`,t.onerror=()=>{f=null,o(new Error(`Error loading express script from ${t.src}`))},t.onload=()=>e(),document.head.appendChild(t)})),f);let u=null;const V=async()=>{const e=_();if(await z(),!window.commercetoolsCheckout?.loadExpressPayment)throw new Error("Express payment not loaded");return await window.commercetoolsCheckout.loadExpressPayment(e)},G=()=>(u||(u=V().catch(e=>{throw u=null,e})),u),j={init:e=>{u=null,O(e)},mount:async e=>{try{return(await G()).mount(e)}catch(o){throw console.error("[ctc] Error mounting express payment:",o),o}}},J=()=>{window.postMessage({code:"session_refreshed"},window.location.origin)},K=()=>{window.postMessage({code:"reload_payment_methods"},window.location.origin)},L={checkout:R,checkoutFlow:T,expressPaymentInit:j.init,expressPaymentMount:j.mount,init:F,paymentFlow:U,reloadPaymentMethods:K,sessionRefreshed:J,subscribe:E,unsubscribe:l};function k(e){return L[e]&&L[e].apply(null,Array.prototype.slice.call(arguments,1))}window.ctc&&Array.isArray(window.ctc.queue)&&window.ctc.queue.forEach(e=>k.apply(null,e)),window.ctc&&Array.isArray(window.ctc.q)&&window.ctc.q.forEach(e=>k.apply(null,e)),window.ctc=k}));

CHANGELOG.md

 # @commercetools/checkout-browser-sdk
 
+## 1.6.0
+
+### Minor Changes
+
+- 87bc681: Express Payments: fixed types (Beta)
+
 ## 1.5.1
@@ -4,0 +10,0 @@

dist/index.js

@@ -20,3 +20,3 @@ class f extends Error {
       ...t,
-      browserSdkVersion: "1.5.1"
+      browserSdkVersion: "1.6.0"
     }, o)
@@ -23,0 +23,0 @@ };

dist/init.d.ts

 import { CheckoutData, ExpressPayment, ExpressPaymentData, ExpressPaymentInit, Handler, Init, PaymentFlowData, RawBuyerData } from './types';
-export type { ExpressPayment, ExpressPaymentInit, Address, CustomShippingMethod, Init, RawBuyerData, } from './types';
+export type { ExpressPayment, ExpressPaymentInit, ExpressCompleteAddress, ExpressPartialAddress, ExpressCustomShippingMethod, ExpressPaymentMethod, ExpressPaymentMountOptions, Init, RawBuyerData, } from './types';
+export type { ExpressCompleteAddress as Address } from './types';
+export type { ExpressCustomShippingMethod as CustomShippingMethod } from './types';
 type Subscriptions = {
@@ -4,0 +6,0 @@ onInfo?: string;

dist/types.d.ts

@@ -213,3 +213,3 @@ export declare enum Severity {
 export type ExpressPaymentInit = (config: ExpressPaymentData) => void;
-export type Address = {
+export type ExpressCompleteAddress = {
     country: string;
@@ -227,2 +227,8 @@ firstName?: string;
 };
+export type ExpressPartialAddress = {
+    country: string;
+    postalCode: string;
+    city: string;
+    state: string;
+};
 export type CentPrecisionMoney = {
@@ -234,3 +240,3 @@ type?: 'centPrecision';
 };
-export type CustomShippingMethod = {
+export type ExpressCustomShippingMethod = {
     id: string;
@@ -252,5 +258,5 @@ name: string;
     onShippingAddressSelected?: (opts: {
-        address: Address;
+        address: ExpressPartialAddress;
     }) => Promise<void>;
-    getShippingMethods?: () => Promise<CustomShippingMethod[]>;
+    getShippingMethods?: () => Promise<ExpressCustomShippingMethod[]>;
     onShippingMethodSelected?: (opts: {
@@ -262,4 +268,5 @@ shippingMethod: {
     onPaymentSubmit?: (opts: {
-        shippingAddress: Address;
-        billingAddress: Address;
+        shippingAddress: ExpressCompleteAddress;
+        billingAddress: ExpressCompleteAddress;
+        customerEmail: string;
     }) => Promise<void>;
@@ -266,0 +273,0 @@ };

package.json

 {
   "private": false,
   "name": "@commercetools/checkout-browser-sdk",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "main": "dist/index.js",
@@ -6,0 +6,0 @@ "types": "dist/index.d.ts",

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 3 instances in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 3 instances in 1 package

Improved metrics

Total package byte prevSize

36430

1.54%

Lines of code

561

1.63%

No dependency changes