@blotoutio/providers-blotout-wallet-sdk 0.43.0 → 0.44.1

package/index.cjs.js

@@ -1,5 +1,72 @@
 'use strict';
 
+/**
+ * Returns whether A contains the entirety of B (A superset of B)
+ *
+ * A ⊇ B
+ */
+const isSuperset = (a, b) => {
+    for (const item of b) {
+        if (!a.has(item)) {
+            return false;
+        }
+    }
+    return true;
+};
+/**
+ * Returns whether A is entirely contained within B (A subset of B)
+ *
+ * A ⊆ B
+ */
+const isSubset = (a, b) => {
+    for (const item of a) {
+        if (!b.has(item)) {
+            return false;
+        }
+    }
+    return true;
+};
+/**
+ * Returns true when the two ets contain the same set of elements
+ *
+ * A = B
+ */
+const areEquivalent = (a, b) => a.size == b.size && isSuperset(a, b) && isSubset(a, b);
+
+const expand = (str) => str.split(',').flatMap((entry) => {
+    if (!entry.includes('-')) {
+        return entry;
+    }
+    const result = [];
+    const [start, end] = entry.split('-').map(Number);
+    for (let i = start; i <= end; i++) {
+        result.push(i.toString());
+    }
+    return result;
+});
+/**
+ * Exported from https://en.wikipedia.org/wiki/List_of_North_American_Numbering_Plan_area_codes
+ *
+ * In Dev Tools, select the `tbody` element containing the area codes and run the following code,
+ * replacing the emdash character with a simple endash:
+ *
+ * ```ts
+ * [...$0.querySelectorAll('td:first-child')]
+ *   .filter(cell => cell.firstChild.nodeName != 'A')
+ *   .map(cell => cell.textContent.trim()).join(',')
+ * ```
+ */
+new Set([
+    ...expand('200,211,221,222,230,232,233,235,237-238,241,243,244,245,247,255,257,258-259,261,265,266,271,273,274,275,277,278,280,282,283,285-287,288,290-299'),
+    ...expand('300,311,322,324,327,328,333,335,338,342,344,348-349,353,355,356,357-359,362,366,369,370-379,381,382,383-384,387,388,389,390-399'),
+    ...expand('400,411,420,421-422,426-427,428,429,433,439,444,446,449,451-454,455,456,457,459,460,461-462,465,466,467,471,476,477,481-483,485-486,487,488,489,490-499'),
+    ...expand('511,532,535,536,537,538,542-543,545-547,549-550,552-554,555,556,558,560,565,568,569,576,578,583,589,590-599'),
+    ...expand('611,621,624,625,627,632,633,634-635,637-638,642-643,644,648,652-654,655,663,665,666,668,673-676,677,679,685,686,687,688,690-699'),
+    ...expand('711,722,723,729,733,735-736,739,741,744,745-746,748,749-751,752,755,756,759,761,764,766,768,776,777,783,788,789,790-799'),
+    ...expand('811,821,822,823-824,827,834,836,841-842,846,851,852-853,871,874-875,879,880-887,889,890-899'),
+    ...expand('911,921,922,923,924,926,927,932,933,935,942,944,946,950,953,955,957-958,960-969,974,975,976,977,981-982,987,988,990-999'),
+]);
+
 const packageName = 'blotoutWallet';
 const customAttributes = {
     '--bw-primary': { type: 'color', defaultValue: '#f25c2b' },
@@ -54,19 +121,29 @@ const logger = {
     },
 };
 
+// eslint-disable-next-line @nx/enforce-module-boundaries
 class APIError extends Error {
     constructor(...args) {
         super(...args);
     }
 }
+const getItemKey = (item) => `${item.productId}-${item.variantId}`;
+const postMessageKey = 'blotoutWallet';
 class WalletAPI {
     constructor({ baseUrl, userId, enabled }) {
         this.listeners = new Set();
         this._cart = { cartId: null, items: [], email: false };
+        this.onWindowMessage = (event) => {
+            var _a;
+            if (((_a = event.data) === null || _a === void 0 ? void 0 : _a.name) == postMessageKey) {
+                this.cart = event.data.cart;
+            }
+        };
         this.baseUrl = baseUrl;
         this.userId = userId;
         this.enabled = enabled;
         logger.info(`[Blotout Wallet] User is ${enabled ? 'enabled' : 'disabled'}`);
+        window.addEventListener('message', this.onWindowMessage);
     }
     getHeaders(json = false) {
         const headers = new Headers({
@@ -81,6 +158,7 @@ class WalletAPI {
         return `${this.baseUrl}/providers/blotoutWallet${path}`;
     }
     notify() {
+        var _a;
         for (const listener of this.listeners) {
             try {
                 listener(this.cart);
@@ -89,13 +167,41 @@ class WalletAPI {
                 console.error(err);
             }
         }
+        (_a = window.top) === null || _a === void 0 ? void 0 : _a.postMessage({ name: postMessageKey, cart: this.cart }, '*');
     }
     get cart() {
         return this._cart;
     }
     set cart(value) {
-        this._cart = value;
-        this.notify();
+        if (this.isCartUpdated(value)) {
+            this._cart = value;
+            this.notify();
+        }
+    }
+    isCartUpdated(value) {
+        if (value.cartId != this.cart.cartId ||
+            value.email != this.cart.email ||
+            value.items.length != this.cart.items.length) {
+            return true;
+        }
+        const newItemsMap = new Map(value.items.map((item) => [item.itemId, item]));
+        const newItemsKeys = new Set(newItemsMap.keys());
+        const currenItemsMap = new Map(this.cart.items.map((item) => [item.itemId, item]));
+        const currentItemsKeys = new Set(currenItemsMap.keys());
+        if (!areEquivalent(newItemsKeys, currentItemsKeys)) {
+            return true;
+        }
+        for (const [key, newItem] of newItemsMap) {
+            const currentItem = currenItemsMap.get(key);
+            if (newItem.amount != currentItem.amount ||
+                newItem.value != currentItem.value ||
+                newItem.name != currentItem.name ||
+                newItem.productId != currentItem.productId ||
+                newItem.variantId != currentItem.variantId) {
+                return true;
+            }
+        }
+        return false;
     }
     get segmentEnabled() {
         return this.enabled;
@@ -131,6 +237,26 @@ class WalletAPI {
             return (this.cart = await response.json());
         });
     }
+    removeItems(items) {
+        const cartLookup = new Map(this._cart.items.map((item) => [getItemKey(item), item]));
+        const itemLookup = new Map(items.map((item) => [getItemKey(item), item]));
+        const updatedCartItems = [];
+        for (const [itemKey, walletItem] of cartLookup.entries()) {
+            const itemToRemove = itemLookup.get(itemKey);
+            if (itemToRemove) {
+                // if the removed amount is equal or greater, we simply don't push the
+                // wallet item into the updated cart contents
+                if (walletItem.amount > itemToRemove.amount) {
+                    walletItem.amount -= itemToRemove.amount;
+                    updatedCartItems.push(walletItem);
+                }
+            }
+            else {
+                updatedCartItems.push(walletItem);
+            }
+        }
+        return this.setItems(updatedCartItems);
+    }
     setItems(items) {
         return fetch(this.getUrl('/items'), {
             method: 'PUT',
@@ -144,7 +270,7 @@ class WalletAPI {
         });
     }
     updateItem(item) {
-        fetch(this.getUrl(`/items/${item.itemId}`), {
+        return fetch(this.getUrl(`/items/${item.itemId}`), {
             method: 'PUT',
             headers: this.getHeaders(true),
             body: JSON.stringify({
@@ -161,7 +287,7 @@ class WalletAPI {
         });
     }
     removeItem(itemId) {
-        fetch(this.getUrl(`/items/${itemId}`), {
+        return fetch(this.getUrl(`/items/${itemId}`), {
             method: 'DELETE',
             headers: this.getHeaders(),
         }).then(async (response) => {
@@ -500,7 +626,7 @@ let BlotoutWallet = class BlotoutWallet extends s {
         this.hasItemsInWallet = false;
         this.hasEmail = false;
         this.onWalletUpdated = (walletContent) => {
-            logger.log({ walletContent });
+            logger.log('[Blotout Wallet] Cart updated', walletContent);
             this.hasItemsInWallet = walletContent.items.length > 0;
             this.hasEmail = walletContent.email;
             if (this.isSegmentEnabled && (this.hasItemsInWallet || !this.hasEmail)) {
@@ -1009,6 +1135,13 @@ const tag = (params) => {
             }
             return;
         }
+        case 'RemoveFromCart': {
+            const items = transformItems(params.data);
+            if (items === null || items === void 0 ? void 0 : items.length) {
+                wallet.removeItems(items).catch(logger.error);
+            }
+            return;
+        }
     }
 };
 

package/index.js

@@ -1,6 +1,73 @@
 var ProvidersBlotoutWalletSdk = (function () {
     'use strict';
 
+    /**
+     * Returns whether A contains the entirety of B (A superset of B)
+     *
+     * A ⊇ B
+     */
+    const isSuperset = (a, b) => {
+        for (const item of b) {
+            if (!a.has(item)) {
+                return false;
+            }
+        }
+        return true;
+    };
+    /**
+     * Returns whether A is entirely contained within B (A subset of B)
+     *
+     * A ⊆ B
+     */
+    const isSubset = (a, b) => {
+        for (const item of a) {
+            if (!b.has(item)) {
+                return false;
+            }
+        }
+        return true;
+    };
+    /**
+     * Returns true when the two ets contain the same set of elements
+     *
+     * A = B
+     */
+    const areEquivalent = (a, b) => a.size == b.size && isSuperset(a, b) && isSubset(a, b);
+
+    const expand = (str) => str.split(',').flatMap((entry) => {
+        if (!entry.includes('-')) {
+            return entry;
+        }
+        const result = [];
+        const [start, end] = entry.split('-').map(Number);
+        for (let i = start; i <= end; i++) {
+            result.push(i.toString());
+        }
+        return result;
+    });
+    /**
+     * Exported from https://en.wikipedia.org/wiki/List_of_North_American_Numbering_Plan_area_codes
+     *
+     * In Dev Tools, select the `tbody` element containing the area codes and run the following code,
+     * replacing the emdash character with a simple endash:
+     *
+     * ```ts
+     * [...$0.querySelectorAll('td:first-child')]
+     *   .filter(cell => cell.firstChild.nodeName != 'A')
+     *   .map(cell => cell.textContent.trim()).join(',')
+     * ```
+     */
+    new Set([
+        ...expand('200,211,221,222,230,232,233,235,237-238,241,243,244,245,247,255,257,258-259,261,265,266,271,273,274,275,277,278,280,282,283,285-287,288,290-299'),
+        ...expand('300,311,322,324,327,328,333,335,338,342,344,348-349,353,355,356,357-359,362,366,369,370-379,381,382,383-384,387,388,389,390-399'),
+        ...expand('400,411,420,421-422,426-427,428,429,433,439,444,446,449,451-454,455,456,457,459,460,461-462,465,466,467,471,476,477,481-483,485-486,487,488,489,490-499'),
+        ...expand('511,532,535,536,537,538,542-543,545-547,549-550,552-554,555,556,558,560,565,568,569,576,578,583,589,590-599'),
+        ...expand('611,621,624,625,627,632,633,634-635,637-638,642-643,644,648,652-654,655,663,665,666,668,673-676,677,679,685,686,687,688,690-699'),
+        ...expand('711,722,723,729,733,735-736,739,741,744,745-746,748,749-751,752,755,756,759,761,764,766,768,776,777,783,788,789,790-799'),
+        ...expand('811,821,822,823-824,827,834,836,841-842,846,851,852-853,871,874-875,879,880-887,889,890-899'),
+        ...expand('911,921,922,923,924,926,927,932,933,935,942,944,946,950,953,955,957-958,960-969,974,975,976,977,981-982,987,988,990-999'),
+    ]);
+
     const packageName = 'blotoutWallet';
     const customAttributes = {
         '--bw-primary': { type: 'color', defaultValue: '#f25c2b' },
@@ -55,19 +122,29 @@ var ProvidersBlotoutWalletSdk = (function () {
         },
     };
 
+    // eslint-disable-next-line @nx/enforce-module-boundaries
     class APIError extends Error {
         constructor(...args) {
             super(...args);
         }
     }
+    const getItemKey = (item) => `${item.productId}-${item.variantId}`;
+    const postMessageKey = 'blotoutWallet';
     class WalletAPI {
         constructor({ baseUrl, userId, enabled }) {
             this.listeners = new Set();
             this._cart = { cartId: null, items: [], email: false };
+            this.onWindowMessage = (event) => {
+                var _a;
+                if (((_a = event.data) === null || _a === void 0 ? void 0 : _a.name) == postMessageKey) {
+                    this.cart = event.data.cart;
+                }
+            };
             this.baseUrl = baseUrl;
             this.userId = userId;
             this.enabled = enabled;
             logger.info(`[Blotout Wallet] User is ${enabled ? 'enabled' : 'disabled'}`);
+            window.addEventListener('message', this.onWindowMessage);
         }
         getHeaders(json = false) {
             const headers = new Headers({
@@ -82,6 +159,7 @@ var ProvidersBlotoutWalletSdk = (function () {
             return `${this.baseUrl}/providers/blotoutWallet${path}`;
         }
         notify() {
+            var _a;
             for (const listener of this.listeners) {
                 try {
                     listener(this.cart);
@@ -90,13 +168,41 @@ var ProvidersBlotoutWalletSdk = (function () {
                     console.error(err);
                 }
             }
+            (_a = window.top) === null || _a === void 0 ? void 0 : _a.postMessage({ name: postMessageKey, cart: this.cart }, '*');
         }
         get cart() {
             return this._cart;
         }
         set cart(value) {
-            this._cart = value;
-            this.notify();
+            if (this.isCartUpdated(value)) {
+                this._cart = value;
+                this.notify();
+            }
+        }
+        isCartUpdated(value) {
+            if (value.cartId != this.cart.cartId ||
+                value.email != this.cart.email ||
+                value.items.length != this.cart.items.length) {
+                return true;
+            }
+            const newItemsMap = new Map(value.items.map((item) => [item.itemId, item]));
+            const newItemsKeys = new Set(newItemsMap.keys());
+            const currenItemsMap = new Map(this.cart.items.map((item) => [item.itemId, item]));
+            const currentItemsKeys = new Set(currenItemsMap.keys());
+            if (!areEquivalent(newItemsKeys, currentItemsKeys)) {
+                return true;
+            }
+            for (const [key, newItem] of newItemsMap) {
+                const currentItem = currenItemsMap.get(key);
+                if (newItem.amount != currentItem.amount ||
+                    newItem.value != currentItem.value ||
+                    newItem.name != currentItem.name ||
+                    newItem.productId != currentItem.productId ||
+                    newItem.variantId != currentItem.variantId) {
+                    return true;
+                }
+            }
+            return false;
         }
         get segmentEnabled() {
             return this.enabled;
@@ -132,6 +238,26 @@ var ProvidersBlotoutWalletSdk = (function () {
                 return (this.cart = await response.json());
             });
         }
+        removeItems(items) {
+            const cartLookup = new Map(this._cart.items.map((item) => [getItemKey(item), item]));
+            const itemLookup = new Map(items.map((item) => [getItemKey(item), item]));
+            const updatedCartItems = [];
+            for (const [itemKey, walletItem] of cartLookup.entries()) {
+                const itemToRemove = itemLookup.get(itemKey);
+                if (itemToRemove) {
+                    // if the removed amount is equal or greater, we simply don't push the
+                    // wallet item into the updated cart contents
+                    if (walletItem.amount > itemToRemove.amount) {
+                        walletItem.amount -= itemToRemove.amount;
+                        updatedCartItems.push(walletItem);
+                    }
+                }
+                else {
+                    updatedCartItems.push(walletItem);
+                }
+            }
+            return this.setItems(updatedCartItems);
+        }
         setItems(items) {
             return fetch(this.getUrl('/items'), {
                 method: 'PUT',
@@ -145,7 +271,7 @@ var ProvidersBlotoutWalletSdk = (function () {
             });
         }
         updateItem(item) {
-            fetch(this.getUrl(`/items/${item.itemId}`), {
+            return fetch(this.getUrl(`/items/${item.itemId}`), {
                 method: 'PUT',
                 headers: this.getHeaders(true),
                 body: JSON.stringify({
@@ -162,7 +288,7 @@ var ProvidersBlotoutWalletSdk = (function () {
             });
         }
         removeItem(itemId) {
-            fetch(this.getUrl(`/items/${itemId}`), {
+            return fetch(this.getUrl(`/items/${itemId}`), {
                 method: 'DELETE',
                 headers: this.getHeaders(),
             }).then(async (response) => {
@@ -501,7 +627,7 @@ var ProvidersBlotoutWalletSdk = (function () {
             this.hasItemsInWallet = false;
             this.hasEmail = false;
             this.onWalletUpdated = (walletContent) => {
-                logger.log({ walletContent });
+                logger.log('[Blotout Wallet] Cart updated', walletContent);
                 this.hasItemsInWallet = walletContent.items.length > 0;
                 this.hasEmail = walletContent.email;
                 if (this.isSegmentEnabled && (this.hasItemsInWallet || !this.hasEmail)) {
@@ -1010,6 +1136,13 @@ var ProvidersBlotoutWalletSdk = (function () {
                 }
                 return;
             }
+            case 'RemoveFromCart': {
+                const items = transformItems(params.data);
+                if (items === null || items === void 0 ? void 0 : items.length) {
+                    wallet.removeItems(items).catch(logger.error);
+                }
+                return;
+            }
         }
     };
 

package/index.mjs

@@ -1,3 +1,70 @@
+/**
+ * Returns whether A contains the entirety of B (A superset of B)
+ *
+ * A ⊇ B
+ */
+const isSuperset = (a, b) => {
+    for (const item of b) {
+        if (!a.has(item)) {
+            return false;
+        }
+    }
+    return true;
+};
+/**
+ * Returns whether A is entirely contained within B (A subset of B)
+ *
+ * A ⊆ B
+ */
+const isSubset = (a, b) => {
+    for (const item of a) {
+        if (!b.has(item)) {
+            return false;
+        }
+    }
+    return true;
+};
+/**
+ * Returns true when the two ets contain the same set of elements
+ *
+ * A = B
+ */
+const areEquivalent = (a, b) => a.size == b.size && isSuperset(a, b) && isSubset(a, b);
+
+const expand = (str) => str.split(',').flatMap((entry) => {
+    if (!entry.includes('-')) {
+        return entry;
+    }
+    const result = [];
+    const [start, end] = entry.split('-').map(Number);
+    for (let i = start; i <= end; i++) {
+        result.push(i.toString());
+    }
+    return result;
+});
+/**
+ * Exported from https://en.wikipedia.org/wiki/List_of_North_American_Numbering_Plan_area_codes
+ *
+ * In Dev Tools, select the `tbody` element containing the area codes and run the following code,
+ * replacing the emdash character with a simple endash:
+ *
+ * ```ts
+ * [...$0.querySelectorAll('td:first-child')]
+ *   .filter(cell => cell.firstChild.nodeName != 'A')
+ *   .map(cell => cell.textContent.trim()).join(',')
+ * ```
+ */
+new Set([
+    ...expand('200,211,221,222,230,232,233,235,237-238,241,243,244,245,247,255,257,258-259,261,265,266,271,273,274,275,277,278,280,282,283,285-287,288,290-299'),
+    ...expand('300,311,322,324,327,328,333,335,338,342,344,348-349,353,355,356,357-359,362,366,369,370-379,381,382,383-384,387,388,389,390-399'),
+    ...expand('400,411,420,421-422,426-427,428,429,433,439,444,446,449,451-454,455,456,457,459,460,461-462,465,466,467,471,476,477,481-483,485-486,487,488,489,490-499'),
+    ...expand('511,532,535,536,537,538,542-543,545-547,549-550,552-554,555,556,558,560,565,568,569,576,578,583,589,590-599'),
+    ...expand('611,621,624,625,627,632,633,634-635,637-638,642-643,644,648,652-654,655,663,665,666,668,673-676,677,679,685,686,687,688,690-699'),
+    ...expand('711,722,723,729,733,735-736,739,741,744,745-746,748,749-751,752,755,756,759,761,764,766,768,776,777,783,788,789,790-799'),
+    ...expand('811,821,822,823-824,827,834,836,841-842,846,851,852-853,871,874-875,879,880-887,889,890-899'),
+    ...expand('911,921,922,923,924,926,927,932,933,935,942,944,946,950,953,955,957-958,960-969,974,975,976,977,981-982,987,988,990-999'),
+]);
+
 const packageName = 'blotoutWallet';
 const customAttributes = {
     '--bw-primary': { type: 'color', defaultValue: '#f25c2b' },
@@ -52,19 +119,29 @@ const logger = {
     },
 };
 
+// eslint-disable-next-line @nx/enforce-module-boundaries
 class APIError extends Error {
     constructor(...args) {
         super(...args);
     }
 }
+const getItemKey = (item) => `${item.productId}-${item.variantId}`;
+const postMessageKey = 'blotoutWallet';
 class WalletAPI {
     constructor({ baseUrl, userId, enabled }) {
         this.listeners = new Set();
         this._cart = { cartId: null, items: [], email: false };
+        this.onWindowMessage = (event) => {
+            var _a;
+            if (((_a = event.data) === null || _a === void 0 ? void 0 : _a.name) == postMessageKey) {
+                this.cart = event.data.cart;
+            }
+        };
         this.baseUrl = baseUrl;
         this.userId = userId;
         this.enabled = enabled;
         logger.info(`[Blotout Wallet] User is ${enabled ? 'enabled' : 'disabled'}`);
+        window.addEventListener('message', this.onWindowMessage);
     }
     getHeaders(json = false) {
         const headers = new Headers({
@@ -79,6 +156,7 @@ class WalletAPI {
         return `${this.baseUrl}/providers/blotoutWallet${path}`;
     }
     notify() {
+        var _a;
         for (const listener of this.listeners) {
             try {
                 listener(this.cart);
@@ -87,13 +165,41 @@ class WalletAPI {
                 console.error(err);
             }
         }
+        (_a = window.top) === null || _a === void 0 ? void 0 : _a.postMessage({ name: postMessageKey, cart: this.cart }, '*');
     }
     get cart() {
         return this._cart;
     }
     set cart(value) {
-        this._cart = value;
-        this.notify();
+        if (this.isCartUpdated(value)) {
+            this._cart = value;
+            this.notify();
+        }
+    }
+    isCartUpdated(value) {
+        if (value.cartId != this.cart.cartId ||
+            value.email != this.cart.email ||
+            value.items.length != this.cart.items.length) {
+            return true;
+        }
+        const newItemsMap = new Map(value.items.map((item) => [item.itemId, item]));
+        const newItemsKeys = new Set(newItemsMap.keys());
+        const currenItemsMap = new Map(this.cart.items.map((item) => [item.itemId, item]));
+        const currentItemsKeys = new Set(currenItemsMap.keys());
+        if (!areEquivalent(newItemsKeys, currentItemsKeys)) {
+            return true;
+        }
+        for (const [key, newItem] of newItemsMap) {
+            const currentItem = currenItemsMap.get(key);
+            if (newItem.amount != currentItem.amount ||
+                newItem.value != currentItem.value ||
+                newItem.name != currentItem.name ||
+                newItem.productId != currentItem.productId ||
+                newItem.variantId != currentItem.variantId) {
+                return true;
+            }
+        }
+        return false;
     }
     get segmentEnabled() {
         return this.enabled;
@@ -129,6 +235,26 @@ class WalletAPI {
             return (this.cart = await response.json());
         });
     }
+    removeItems(items) {
+        const cartLookup = new Map(this._cart.items.map((item) => [getItemKey(item), item]));
+        const itemLookup = new Map(items.map((item) => [getItemKey(item), item]));
+        const updatedCartItems = [];
+        for (const [itemKey, walletItem] of cartLookup.entries()) {
+            const itemToRemove = itemLookup.get(itemKey);
+            if (itemToRemove) {
+                // if the removed amount is equal or greater, we simply don't push the
+                // wallet item into the updated cart contents
+                if (walletItem.amount > itemToRemove.amount) {
+                    walletItem.amount -= itemToRemove.amount;
+                    updatedCartItems.push(walletItem);
+                }
+            }
+            else {
+                updatedCartItems.push(walletItem);
+            }
+        }
+        return this.setItems(updatedCartItems);
+    }
     setItems(items) {
         return fetch(this.getUrl('/items'), {
             method: 'PUT',
@@ -142,7 +268,7 @@ class WalletAPI {
         });
     }
     updateItem(item) {
-        fetch(this.getUrl(`/items/${item.itemId}`), {
+        return fetch(this.getUrl(`/items/${item.itemId}`), {
             method: 'PUT',
             headers: this.getHeaders(true),
             body: JSON.stringify({
@@ -159,7 +285,7 @@ class WalletAPI {
         });
     }
     removeItem(itemId) {
-        fetch(this.getUrl(`/items/${itemId}`), {
+        return fetch(this.getUrl(`/items/${itemId}`), {
             method: 'DELETE',
             headers: this.getHeaders(),
         }).then(async (response) => {
@@ -498,7 +624,7 @@ let BlotoutWallet = class BlotoutWallet extends s {
         this.hasItemsInWallet = false;
         this.hasEmail = false;
         this.onWalletUpdated = (walletContent) => {
-            logger.log({ walletContent });
+            logger.log('[Blotout Wallet] Cart updated', walletContent);
             this.hasItemsInWallet = walletContent.items.length > 0;
             this.hasEmail = walletContent.email;
             if (this.isSegmentEnabled && (this.hasItemsInWallet || !this.hasEmail)) {
@@ -1007,6 +1133,13 @@ const tag = (params) => {
             }
             return;
         }
+        case 'RemoveFromCart': {
+            const items = transformItems(params.data);
+            if (items === null || items === void 0 ? void 0 : items.length) {
+                wallet.removeItems(items).catch(logger.error);
+            }
+            return;
+        }
     }
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blotoutio/providers-blotout-wallet-sdk",
-  "version": "0.43.0",
+  "version": "0.44.1",
   "description": "Blotout Wallet SDK for EdgeTag",
   "author": "Blotout",
   "license": "MIT",