@blotoutio/providers-blotout-wallet-sdk 0.55.0 → 0.55.2

package/index.cjs.js

@@ -48,6 +48,7 @@ const customAttributes = {
         type: 'text',
         defaultValue: "Hey! Your cart has expired!<br>But we've got you covered! \u{1F609}",
     },
+    title: { type: 'text', defaultValue: '' },
     inputLabel: { type: 'text', defaultValue: 'Enter your email ID' },
     restoreLabel: { type: 'text', defaultValue: 'Restore Cart' },
     rejectionLabel: {
@@ -59,7 +60,6 @@ const customAttributes = {
 const packageName = 'blotoutWallet';
 const cartTokenCookie = 'cart';
 const cartTokenTwoCookie = 'cart2';
-const cartCurrencyCookie = 'cart_currency';
 const cartTokenLinkCookie = 'bwCartLinkToken';
 
 const getCookieValue = (key) => {
@@ -168,7 +168,6 @@ const tag = ({ eventName }) => {
     switch (platform) {
         case 'SHOPIFY': {
             let cartToken = getCookieValue(cartTokenCookie);
-            const cartCurrency = getCookieValue(cartCurrencyCookie);
             const cartTokenLink = getCookieValue(cartTokenLinkCookie);
             if (!cartToken) {
                 cartToken = getCookieValue(cartTokenTwoCookie);
@@ -179,7 +178,7 @@ const tag = ({ eventName }) => {
             if (cartTokenLink) {
                 setCookie(cartTokenLinkCookie, '', { maxAge: 0 });
             }
-            return { cartToken, cartCurrency, cartTokenLink };
+            return { cartToken, cartTokenLink };
         }
         default: {
             return {};
@@ -433,6 +432,7 @@ let BlotoutWallet = class BlotoutWallet extends s {
         this.hasEmail = false;
         this.lastExpiredCart = undefined;
         this.state = 'ready';
+        this.isStylesheetInjected = false;
         this.transitionTo = (newState) => {
             return flipOut(this.dialog)
                 .then(() => (this.state = newState))
@@ -480,6 +480,16 @@ let BlotoutWallet = class BlotoutWallet extends s {
                         if (!response.ok) {
                             throw new Error(`Could not update status in DB - ${response.status}: ${response.text}\n\n${await response.text()}`);
                         }
+                        // Redirect to custom path
+                        if (this.restoreRedirect) {
+                            try {
+                                const redirect = new URL(this.restoreRedirect, window.location.origin);
+                                window.location.href = redirect.href;
+                            }
+                            catch (e) {
+                                console.error('Invalid redirect URL', e);
+                            }
+                        }
                     })
                         .catch((err) => {
                         console.error(err);
@@ -512,19 +522,23 @@ let BlotoutWallet = class BlotoutWallet extends s {
             ev.stopPropagation();
         };
         this.expiredCartContent = () => {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e;
             return x `<form
         class="restore-form"
         method="dialog"
         @submit=${this.onSubmit}
       >
-        <div>
-          ${formatString(((_a = this.theme) === null || _a === void 0 ? void 0 : _a.text) || customAttributes.text.defaultValue)}
+        ${((_a = this.theme) === null || _a === void 0 ? void 0 : _a.title)
+                ? x `<h1 class="title">${this.theme.title}</h1>`
+                : T}
+        <div class="text">
+          ${formatString(((_b = this.theme) === null || _b === void 0 ? void 0 : _b.text) || customAttributes.text.defaultValue)}
         </div>
         <input
           type="email"
           name="email"
-          placeholder=${((_b = this.theme) === null || _b === void 0 ? void 0 : _b.inputLabel) ||
+          class="email"
+          placeholder=${((_c = this.theme) === null || _c === void 0 ? void 0 : _c.inputLabel) ||
                 customAttributes.inputLabel.defaultValue}
           ?required=${!this.hasEmail}
           style=${o$1({
@@ -532,12 +546,12 @@ let BlotoutWallet = class BlotoutWallet extends s {
             })}
         />
         <button class="restore" type="submit">
-          ${((_c = this.theme) === null || _c === void 0 ? void 0 : _c.restoreLabel) ||
+          ${((_d = this.theme) === null || _d === void 0 ? void 0 : _d.restoreLabel) ||
                 customAttributes.restoreLabel.defaultValue}
         </button>
       </form>
-      <button class="delete" type="button" @click=${this.skipCarts}>
-        ${((_d = this.theme) === null || _d === void 0 ? void 0 : _d.rejectionLabel) ||
+      <button class="reject" type="button" @click=${this.skipCarts}>
+        ${((_e = this.theme) === null || _e === void 0 ? void 0 : _e.rejectionLabel) ||
                 customAttributes.rejectionLabel.defaultValue}
       </button> `;
         };
@@ -560,7 +574,7 @@ let BlotoutWallet = class BlotoutWallet extends s {
       <form method="dialog" @submit=${this.onSubmit}>
         <button class="restore" type="submit">Try Again</button>
       </form>
-      <button class="delete" @click=${this.skipCarts}>Dismiss</button>
+      <button class="reject" @click=${this.skipCarts}>Dismiss</button>
     `;
         };
     }
@@ -580,7 +594,14 @@ let BlotoutWallet = class BlotoutWallet extends s {
         }).catch(logger.error);
     }
     connectedCallback() {
+        var _a;
         super.connectedCallback();
+        if (!this.isStylesheetInjected && ((_a = this.theme) === null || _a === void 0 ? void 0 : _a.css)) {
+            const sheet = new CSSStyleSheet();
+            sheet.replaceSync(this.theme.css);
+            this.shadowRoot.adoptedStyleSheets.push(sheet);
+            this.isStylesheetInjected = true;
+        }
         if (!this.userId) {
             logger.error('No UserId set');
             return;
@@ -634,8 +655,7 @@ let BlotoutWallet = class BlotoutWallet extends s {
     getUrl(path) {
         const url = new URL(`/providers/blotoutWallet${path}`, this.edgeURL);
         if (this.storeApi) {
-            const { cartToken, cartCurrency } = this.storeApi.getCartInfo();
-            url.searchParams.set('c', cartCurrency);
+            const { cartToken } = this.storeApi.getCartInfo();
             url.searchParams.set('t', cartToken);
         }
         return url;
@@ -658,7 +678,7 @@ let BlotoutWallet = class BlotoutWallet extends s {
         if (this.isPopUpDismissed) {
             return T;
         }
-        return x `<dialog @click=${this.onDialogClick}>
+        return x ` <dialog class="popup" @click=${this.onDialogClick}>
       <div @click=${this.onWrapperClick}>
         <div
           class="centered"
@@ -714,7 +734,7 @@ BlotoutWallet.styles = [
         cursor: pointer;
       }
 
-      dialog {
+      .popup {
         width: 430px;
         max-width: 100vw;
         color: var(--primary);
@@ -725,19 +745,32 @@ BlotoutWallet.styles = [
         text-align: center;
       }
 
-      dialog::backdrop {
+      .popup::backdrop {
         background: var(--backdrop);
         backdrop-filter: blur(4px);
       }
 
-      form.restore-form {
+      .restore-form {
         display: flex;
         flex-direction: column;
         gap: 16px;
         width: 100%;
       }
 
-      input {
+      .title {
+        margin: 0;
+        padding: 0;
+        font-size: 20px;
+        font-weight: bold;
+        line-height: 30px;
+      }
+
+      .text {
+        margin: 0;
+        padding: 0;
+      }
+
+      .email {
         width: 100%;
         border: 1px solid var(--input-border);
         color: var(--input-foreground);
@@ -746,12 +779,12 @@ BlotoutWallet.styles = [
         border-radius: 5px;
       }
 
-      input::placeholder {
+      .email::placeholder {
         color: var(--input-foreground);
         color: color(from var(--input-foreground) srgb r g b / 0.7);
       }
 
-      :is(input[name='email'], button):focus-visible {
+      :is(.email, button):focus-visible {
         outline-color: var(--primary);
       }
 
@@ -764,7 +797,7 @@ BlotoutWallet.styles = [
         padding: 12px 20px;
       }
 
-      .delete {
+      .reject {
         font-size: 14px;
         line-height: 20px;
         color: var(--secondary);
@@ -813,7 +846,7 @@ BlotoutWallet = __decorate([
 ], BlotoutWallet);
 
 const init = (params) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     if (
     // if loaded in non-browser SDKs
     !window ||
@@ -842,6 +875,7 @@ const init = (params) => {
         element.theme = theme;
         element.edgeURL = params.baseUrl;
         element.userId = params.userId;
+        element.restoreRedirect = (_e = params.manifest.variables) === null || _e === void 0 ? void 0 : _e['restoreRedirect'];
         document.body.append(element);
     }
 };

package/index.js

@@ -49,6 +49,7 @@ var ProvidersBlotoutWalletSdk = (function () {
             type: 'text',
             defaultValue: "Hey! Your cart has expired!<br>But we've got you covered! \u{1F609}",
         },
+        title: { type: 'text', defaultValue: '' },
         inputLabel: { type: 'text', defaultValue: 'Enter your email ID' },
         restoreLabel: { type: 'text', defaultValue: 'Restore Cart' },
         rejectionLabel: {
@@ -60,7 +61,6 @@ var ProvidersBlotoutWalletSdk = (function () {
     const packageName = 'blotoutWallet';
     const cartTokenCookie = 'cart';
     const cartTokenTwoCookie = 'cart2';
-    const cartCurrencyCookie = 'cart_currency';
     const cartTokenLinkCookie = 'bwCartLinkToken';
 
     const getCookieValue = (key) => {
@@ -169,7 +169,6 @@ var ProvidersBlotoutWalletSdk = (function () {
         switch (platform) {
             case 'SHOPIFY': {
                 let cartToken = getCookieValue(cartTokenCookie);
-                const cartCurrency = getCookieValue(cartCurrencyCookie);
                 const cartTokenLink = getCookieValue(cartTokenLinkCookie);
                 if (!cartToken) {
                     cartToken = getCookieValue(cartTokenTwoCookie);
@@ -180,7 +179,7 @@ var ProvidersBlotoutWalletSdk = (function () {
                 if (cartTokenLink) {
                     setCookie(cartTokenLinkCookie, '', { maxAge: 0 });
                 }
-                return { cartToken, cartCurrency, cartTokenLink };
+                return { cartToken, cartTokenLink };
             }
             default: {
                 return {};
@@ -434,6 +433,7 @@ var ProvidersBlotoutWalletSdk = (function () {
             this.hasEmail = false;
             this.lastExpiredCart = undefined;
             this.state = 'ready';
+            this.isStylesheetInjected = false;
             this.transitionTo = (newState) => {
                 return flipOut(this.dialog)
                     .then(() => (this.state = newState))
@@ -481,6 +481,16 @@ var ProvidersBlotoutWalletSdk = (function () {
                             if (!response.ok) {
                                 throw new Error(`Could not update status in DB - ${response.status}: ${response.text}\n\n${await response.text()}`);
                             }
+                            // Redirect to custom path
+                            if (this.restoreRedirect) {
+                                try {
+                                    const redirect = new URL(this.restoreRedirect, window.location.origin);
+                                    window.location.href = redirect.href;
+                                }
+                                catch (e) {
+                                    console.error('Invalid redirect URL', e);
+                                }
+                            }
                         })
                             .catch((err) => {
                             console.error(err);
@@ -513,19 +523,23 @@ var ProvidersBlotoutWalletSdk = (function () {
                 ev.stopPropagation();
             };
             this.expiredCartContent = () => {
-                var _a, _b, _c, _d;
+                var _a, _b, _c, _d, _e;
                 return x `<form
         class="restore-form"
         method="dialog"
         @submit=${this.onSubmit}
       >
-        <div>
-          ${formatString(((_a = this.theme) === null || _a === void 0 ? void 0 : _a.text) || customAttributes.text.defaultValue)}
+        ${((_a = this.theme) === null || _a === void 0 ? void 0 : _a.title)
+                ? x `<h1 class="title">${this.theme.title}</h1>`
+                : T}
+        <div class="text">
+          ${formatString(((_b = this.theme) === null || _b === void 0 ? void 0 : _b.text) || customAttributes.text.defaultValue)}
         </div>
         <input
           type="email"
           name="email"
-          placeholder=${((_b = this.theme) === null || _b === void 0 ? void 0 : _b.inputLabel) ||
+          class="email"
+          placeholder=${((_c = this.theme) === null || _c === void 0 ? void 0 : _c.inputLabel) ||
                 customAttributes.inputLabel.defaultValue}
           ?required=${!this.hasEmail}
           style=${o$1({
@@ -533,12 +547,12 @@ var ProvidersBlotoutWalletSdk = (function () {
             })}
         />
         <button class="restore" type="submit">
-          ${((_c = this.theme) === null || _c === void 0 ? void 0 : _c.restoreLabel) ||
+          ${((_d = this.theme) === null || _d === void 0 ? void 0 : _d.restoreLabel) ||
                 customAttributes.restoreLabel.defaultValue}
         </button>
       </form>
-      <button class="delete" type="button" @click=${this.skipCarts}>
-        ${((_d = this.theme) === null || _d === void 0 ? void 0 : _d.rejectionLabel) ||
+      <button class="reject" type="button" @click=${this.skipCarts}>
+        ${((_e = this.theme) === null || _e === void 0 ? void 0 : _e.rejectionLabel) ||
                 customAttributes.rejectionLabel.defaultValue}
       </button> `;
             };
@@ -561,7 +575,7 @@ var ProvidersBlotoutWalletSdk = (function () {
       <form method="dialog" @submit=${this.onSubmit}>
         <button class="restore" type="submit">Try Again</button>
       </form>
-      <button class="delete" @click=${this.skipCarts}>Dismiss</button>
+      <button class="reject" @click=${this.skipCarts}>Dismiss</button>
     `;
             };
         }
@@ -581,7 +595,14 @@ var ProvidersBlotoutWalletSdk = (function () {
             }).catch(logger.error);
         }
         connectedCallback() {
+            var _a;
             super.connectedCallback();
+            if (!this.isStylesheetInjected && ((_a = this.theme) === null || _a === void 0 ? void 0 : _a.css)) {
+                const sheet = new CSSStyleSheet();
+                sheet.replaceSync(this.theme.css);
+                this.shadowRoot.adoptedStyleSheets.push(sheet);
+                this.isStylesheetInjected = true;
+            }
             if (!this.userId) {
                 logger.error('No UserId set');
                 return;
@@ -635,8 +656,7 @@ var ProvidersBlotoutWalletSdk = (function () {
         getUrl(path) {
             const url = new URL(`/providers/blotoutWallet${path}`, this.edgeURL);
             if (this.storeApi) {
-                const { cartToken, cartCurrency } = this.storeApi.getCartInfo();
-                url.searchParams.set('c', cartCurrency);
+                const { cartToken } = this.storeApi.getCartInfo();
                 url.searchParams.set('t', cartToken);
             }
             return url;
@@ -659,7 +679,7 @@ var ProvidersBlotoutWalletSdk = (function () {
             if (this.isPopUpDismissed) {
                 return T;
             }
-            return x `<dialog @click=${this.onDialogClick}>
+            return x ` <dialog class="popup" @click=${this.onDialogClick}>
       <div @click=${this.onWrapperClick}>
         <div
           class="centered"
@@ -715,7 +735,7 @@ var ProvidersBlotoutWalletSdk = (function () {
         cursor: pointer;
       }
 
-      dialog {
+      .popup {
         width: 430px;
         max-width: 100vw;
         color: var(--primary);
@@ -726,19 +746,32 @@ var ProvidersBlotoutWalletSdk = (function () {
         text-align: center;
       }
 
-      dialog::backdrop {
+      .popup::backdrop {
         background: var(--backdrop);
         backdrop-filter: blur(4px);
       }
 
-      form.restore-form {
+      .restore-form {
         display: flex;
         flex-direction: column;
         gap: 16px;
         width: 100%;
       }
 
-      input {
+      .title {
+        margin: 0;
+        padding: 0;
+        font-size: 20px;
+        font-weight: bold;
+        line-height: 30px;
+      }
+
+      .text {
+        margin: 0;
+        padding: 0;
+      }
+
+      .email {
         width: 100%;
         border: 1px solid var(--input-border);
         color: var(--input-foreground);
@@ -747,12 +780,12 @@ var ProvidersBlotoutWalletSdk = (function () {
         border-radius: 5px;
       }
 
-      input::placeholder {
+      .email::placeholder {
         color: var(--input-foreground);
         color: color(from var(--input-foreground) srgb r g b / 0.7);
       }
 
-      :is(input[name='email'], button):focus-visible {
+      :is(.email, button):focus-visible {
         outline-color: var(--primary);
       }
 
@@ -765,7 +798,7 @@ var ProvidersBlotoutWalletSdk = (function () {
         padding: 12px 20px;
       }
 
-      .delete {
+      .reject {
         font-size: 14px;
         line-height: 20px;
         color: var(--secondary);
@@ -814,7 +847,7 @@ var ProvidersBlotoutWalletSdk = (function () {
     ], BlotoutWallet);
 
     const init = (params) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         if (
         // if loaded in non-browser SDKs
         !window ||
@@ -843,6 +876,7 @@ var ProvidersBlotoutWalletSdk = (function () {
             element.theme = theme;
             element.edgeURL = params.baseUrl;
             element.userId = params.userId;
+            element.restoreRedirect = (_e = params.manifest.variables) === null || _e === void 0 ? void 0 : _e['restoreRedirect'];
             document.body.append(element);
         }
     };

package/index.mjs

@@ -46,6 +46,7 @@ const customAttributes = {
         type: 'text',
         defaultValue: "Hey! Your cart has expired!<br>But we've got you covered! \u{1F609}",
     },
+    title: { type: 'text', defaultValue: '' },
     inputLabel: { type: 'text', defaultValue: 'Enter your email ID' },
     restoreLabel: { type: 'text', defaultValue: 'Restore Cart' },
     rejectionLabel: {
@@ -57,7 +58,6 @@ const customAttributes = {
 const packageName = 'blotoutWallet';
 const cartTokenCookie = 'cart';
 const cartTokenTwoCookie = 'cart2';
-const cartCurrencyCookie = 'cart_currency';
 const cartTokenLinkCookie = 'bwCartLinkToken';
 
 const getCookieValue = (key) => {
@@ -166,7 +166,6 @@ const tag = ({ eventName }) => {
     switch (platform) {
         case 'SHOPIFY': {
             let cartToken = getCookieValue(cartTokenCookie);
-            const cartCurrency = getCookieValue(cartCurrencyCookie);
             const cartTokenLink = getCookieValue(cartTokenLinkCookie);
             if (!cartToken) {
                 cartToken = getCookieValue(cartTokenTwoCookie);
@@ -177,7 +176,7 @@ const tag = ({ eventName }) => {
             if (cartTokenLink) {
                 setCookie(cartTokenLinkCookie, '', { maxAge: 0 });
             }
-            return { cartToken, cartCurrency, cartTokenLink };
+            return { cartToken, cartTokenLink };
         }
         default: {
             return {};
@@ -431,6 +430,7 @@ let BlotoutWallet = class BlotoutWallet extends s {
         this.hasEmail = false;
         this.lastExpiredCart = undefined;
         this.state = 'ready';
+        this.isStylesheetInjected = false;
         this.transitionTo = (newState) => {
             return flipOut(this.dialog)
                 .then(() => (this.state = newState))
@@ -478,6 +478,16 @@ let BlotoutWallet = class BlotoutWallet extends s {
                         if (!response.ok) {
                             throw new Error(`Could not update status in DB - ${response.status}: ${response.text}\n\n${await response.text()}`);
                         }
+                        // Redirect to custom path
+                        if (this.restoreRedirect) {
+                            try {
+                                const redirect = new URL(this.restoreRedirect, window.location.origin);
+                                window.location.href = redirect.href;
+                            }
+                            catch (e) {
+                                console.error('Invalid redirect URL', e);
+                            }
+                        }
                     })
                         .catch((err) => {
                         console.error(err);
@@ -510,19 +520,23 @@ let BlotoutWallet = class BlotoutWallet extends s {
             ev.stopPropagation();
         };
         this.expiredCartContent = () => {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e;
             return x `<form
         class="restore-form"
         method="dialog"
         @submit=${this.onSubmit}
       >
-        <div>
-          ${formatString(((_a = this.theme) === null || _a === void 0 ? void 0 : _a.text) || customAttributes.text.defaultValue)}
+        ${((_a = this.theme) === null || _a === void 0 ? void 0 : _a.title)
+                ? x `<h1 class="title">${this.theme.title}</h1>`
+                : T}
+        <div class="text">
+          ${formatString(((_b = this.theme) === null || _b === void 0 ? void 0 : _b.text) || customAttributes.text.defaultValue)}
         </div>
         <input
           type="email"
           name="email"
-          placeholder=${((_b = this.theme) === null || _b === void 0 ? void 0 : _b.inputLabel) ||
+          class="email"
+          placeholder=${((_c = this.theme) === null || _c === void 0 ? void 0 : _c.inputLabel) ||
                 customAttributes.inputLabel.defaultValue}
           ?required=${!this.hasEmail}
           style=${o$1({
@@ -530,12 +544,12 @@ let BlotoutWallet = class BlotoutWallet extends s {
             })}
         />
         <button class="restore" type="submit">
-          ${((_c = this.theme) === null || _c === void 0 ? void 0 : _c.restoreLabel) ||
+          ${((_d = this.theme) === null || _d === void 0 ? void 0 : _d.restoreLabel) ||
                 customAttributes.restoreLabel.defaultValue}
         </button>
       </form>
-      <button class="delete" type="button" @click=${this.skipCarts}>
-        ${((_d = this.theme) === null || _d === void 0 ? void 0 : _d.rejectionLabel) ||
+      <button class="reject" type="button" @click=${this.skipCarts}>
+        ${((_e = this.theme) === null || _e === void 0 ? void 0 : _e.rejectionLabel) ||
                 customAttributes.rejectionLabel.defaultValue}
       </button> `;
         };
@@ -558,7 +572,7 @@ let BlotoutWallet = class BlotoutWallet extends s {
       <form method="dialog" @submit=${this.onSubmit}>
         <button class="restore" type="submit">Try Again</button>
       </form>
-      <button class="delete" @click=${this.skipCarts}>Dismiss</button>
+      <button class="reject" @click=${this.skipCarts}>Dismiss</button>
     `;
         };
     }
@@ -578,7 +592,14 @@ let BlotoutWallet = class BlotoutWallet extends s {
         }).catch(logger.error);
     }
     connectedCallback() {
+        var _a;
         super.connectedCallback();
+        if (!this.isStylesheetInjected && ((_a = this.theme) === null || _a === void 0 ? void 0 : _a.css)) {
+            const sheet = new CSSStyleSheet();
+            sheet.replaceSync(this.theme.css);
+            this.shadowRoot.adoptedStyleSheets.push(sheet);
+            this.isStylesheetInjected = true;
+        }
         if (!this.userId) {
             logger.error('No UserId set');
             return;
@@ -632,8 +653,7 @@ let BlotoutWallet = class BlotoutWallet extends s {
     getUrl(path) {
         const url = new URL(`/providers/blotoutWallet${path}`, this.edgeURL);
         if (this.storeApi) {
-            const { cartToken, cartCurrency } = this.storeApi.getCartInfo();
-            url.searchParams.set('c', cartCurrency);
+            const { cartToken } = this.storeApi.getCartInfo();
             url.searchParams.set('t', cartToken);
         }
         return url;
@@ -656,7 +676,7 @@ let BlotoutWallet = class BlotoutWallet extends s {
         if (this.isPopUpDismissed) {
             return T;
         }
-        return x `<dialog @click=${this.onDialogClick}>
+        return x ` <dialog class="popup" @click=${this.onDialogClick}>
       <div @click=${this.onWrapperClick}>
         <div
           class="centered"
@@ -712,7 +732,7 @@ BlotoutWallet.styles = [
         cursor: pointer;
       }
 
-      dialog {
+      .popup {
         width: 430px;
         max-width: 100vw;
         color: var(--primary);
@@ -723,19 +743,32 @@ BlotoutWallet.styles = [
         text-align: center;
       }
 
-      dialog::backdrop {
+      .popup::backdrop {
         background: var(--backdrop);
         backdrop-filter: blur(4px);
       }
 
-      form.restore-form {
+      .restore-form {
         display: flex;
         flex-direction: column;
         gap: 16px;
         width: 100%;
       }
 
-      input {
+      .title {
+        margin: 0;
+        padding: 0;
+        font-size: 20px;
+        font-weight: bold;
+        line-height: 30px;
+      }
+
+      .text {
+        margin: 0;
+        padding: 0;
+      }
+
+      .email {
         width: 100%;
         border: 1px solid var(--input-border);
         color: var(--input-foreground);
@@ -744,12 +777,12 @@ BlotoutWallet.styles = [
         border-radius: 5px;
       }
 
-      input::placeholder {
+      .email::placeholder {
         color: var(--input-foreground);
         color: color(from var(--input-foreground) srgb r g b / 0.7);
       }
 
-      :is(input[name='email'], button):focus-visible {
+      :is(.email, button):focus-visible {
         outline-color: var(--primary);
       }
 
@@ -762,7 +795,7 @@ BlotoutWallet.styles = [
         padding: 12px 20px;
       }
 
-      .delete {
+      .reject {
         font-size: 14px;
         line-height: 20px;
         color: var(--secondary);
@@ -811,7 +844,7 @@ BlotoutWallet = __decorate([
 ], BlotoutWallet);
 
 const init = (params) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     if (
     // if loaded in non-browser SDKs
     !window ||
@@ -840,6 +873,7 @@ const init = (params) => {
         element.theme = theme;
         element.edgeURL = params.baseUrl;
         element.userId = params.userId;
+        element.restoreRedirect = (_e = params.manifest.variables) === null || _e === void 0 ? void 0 : _e['restoreRedirect'];
         document.body.append(element);
     }
 };

package/package.json

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

package/stores/shopify/index.cjs.js

@@ -36,7 +36,6 @@ new Set([
 
 const cartTokenCookie = 'cart';
 const cartTokenTwoCookie = 'cart2';
-const cartCurrencyCookie = 'cart_currency';
 
 var _a;
 const registryKey = Symbol.for('blotout-wallet');
@@ -120,11 +119,10 @@ const createShopApi = (fetchOverride = window.fetch) => ({
     // duplicated this on tag call, as this was not being set before tag call gets initiated
     getCartInfo() {
         let cartToken = getCookieValue(cartTokenCookie);
-        const cartCurrency = getCookieValue(cartCurrencyCookie);
         if (!cartToken) {
             cartToken = getCookieValue(cartTokenTwoCookie);
         }
-        return { cartToken, cartCurrency };
+        return { cartToken };
     },
 });
 window[registryKey].storeAPIFactory = createShopApi;

package/stores/shopify/index.js

@@ -37,7 +37,6 @@
 
     const cartTokenCookie = 'cart';
     const cartTokenTwoCookie = 'cart2';
-    const cartCurrencyCookie = 'cart_currency';
 
     var _a;
     const registryKey = Symbol.for('blotout-wallet');
@@ -121,11 +120,10 @@
         // duplicated this on tag call, as this was not being set before tag call gets initiated
         getCartInfo() {
             let cartToken = getCookieValue(cartTokenCookie);
-            const cartCurrency = getCookieValue(cartCurrencyCookie);
             if (!cartToken) {
                 cartToken = getCookieValue(cartTokenTwoCookie);
             }
-            return { cartToken, cartCurrency };
+            return { cartToken };
         },
     });
     window[registryKey].storeAPIFactory = createShopApi;

package/stores/shopify/index.mjs

@@ -34,7 +34,6 @@ new Set([
 
 const cartTokenCookie = 'cart';
 const cartTokenTwoCookie = 'cart2';
-const cartCurrencyCookie = 'cart_currency';
 
 var _a;
 const registryKey = Symbol.for('blotout-wallet');
@@ -118,11 +117,10 @@ const createShopApi = (fetchOverride = window.fetch) => ({
     // duplicated this on tag call, as this was not being set before tag call gets initiated
     getCartInfo() {
         let cartToken = getCookieValue(cartTokenCookie);
-        const cartCurrency = getCookieValue(cartCurrencyCookie);
         if (!cartToken) {
             cartToken = getCookieValue(cartTokenTwoCookie);
         }
-        return { cartToken, cartCurrency };
+        return { cartToken };
     },
 });
 window[registryKey].storeAPIFactory = createShopApi;