@liquidcommercedev/rmn-sdk 1.4.5-beta.1 → 1.4.5-beta.2

package/dist/index.cjs

@@ -15154,9 +15154,18 @@ class AuthService extends BaseApi {
 const SPOT_ELEMENT_TAG = 'spot-element';
 const SPOT_ELEMENT_SLOT_NAME = `${SPOT_ELEMENT_TAG}-custom-content`;
 const SPOTS_SELECTION_API_PATH = '/spots/selection';
-const SPOT_EVENT_API_PATH = '/spots/event';
 
-const SPOT_ELEMENT_SHADOW_ROOT = (width, height, hasCustomContent) => {
+const GFONT_PRECONNECT = `
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+`;
+const GFONT_SOURCE_SANS_3 = `
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap">
+`;
+const GFONT_CORMORANT = `
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap">
+`;
+const SPOT_ELEMENT_TEMPLATE = (width, height, hasCustomContent) => {
     const style = document.createElement('style');
     style.textContent = `
     :host {
@@ -15193,21 +15202,6 @@ const SPOT_ELEMENT_SHADOW_ROOT = (width, height, hasCustomContent) => {
     return { style, wrapper, slot };
 };
 
-const GFONT_PRECONNECT = () => `
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-`;
-const GFONT_SOURCE_SANS_3 = () => `
-    <link rel="stylesheet"
-        href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" 
-    >
-`;
-const GFONT_CORMORANT = () => `
-    <link rel="stylesheet"
-        href="https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap"
-    >
-`;
-
 const STYLES$i = ({ primaryImage, secondaryImage }) => `
     <style>
         .content {
@@ -15303,9 +15297,9 @@ const STYLES$i = ({ primaryImage, secondaryImage }) => `
 `;
 function billboardV1Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$i(spot)}
         <div class="content">
             <div class="big-image"></div>
@@ -15392,9 +15386,9 @@ const STYLES$h = ({ primaryImage }) => `
 `;
 function billboardV2Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$h(spot)}
         <div class="content">
             <div class="text-container">
@@ -15493,9 +15487,9 @@ const STYLES$g = ({ primaryImage }) => `
 `;
 function billboardV3Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$g(spot)}
         <div class="content">
             <div class="text">
@@ -15537,9 +15531,9 @@ const STYLES$f = () => `
 `;
 function inTextV1Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$f()}
         <div class="content">
             <span class="header">${spot.header}</span>
@@ -15627,9 +15621,9 @@ const STYLES$e = ({ primaryImage }) => `
 `;
 function largeLeaderboardV1Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$e(spot)}
         <div class="content">
             <div class="text">
@@ -15714,9 +15708,9 @@ const STYLES$d = ({ primaryImage }) => `
 `;
 function largeLeaderboardV2Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$d(spot)}
         <div class="content">
             <div class="text">
@@ -15773,9 +15767,9 @@ const STYLES$c = ({ primaryImage }) => `
 `;
 function largeRectangleV1Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$c(spot)}
          <div class="content">
             <div class="image"></div>
@@ -15871,9 +15865,9 @@ const STYLES$b = ({ primaryImage }) => `
 `;
 function squareV1Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$b(spot)}
         <div class="content">
             <div class="text">
@@ -15926,9 +15920,9 @@ const STYLES$a = ({ primaryImage }) => `
 `;
 function squareV2Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$a(spot)}
         <div class="content">
             <span class="header">${spot.header}</span>
@@ -15991,9 +15985,9 @@ const STYLES$9 = ({ primaryImage }) => `
 `;
 function verticalRectangleV1Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$9(spot)}
         <div class="content">
             <div class="text">
@@ -16173,9 +16167,9 @@ const STYLES$6 = ({ textColor = '#ffffff', ctaTextColor = textColor, ctaBorderCo
 `;
 function rbHomepageHeroFullImageTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_SOURCE_SANS_3()}
-    ${GFONT_CORMORANT()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_SOURCE_SANS_3}
+    ${GFONT_CORMORANT}
     ${STYLES$6(spot)}
     <div class="content">
         <div class="text">
@@ -16340,9 +16334,9 @@ const STYLES$5 = ({ textColor = '#212121', backgroundColor = '#e8e6de', ctaTextC
 `;
 function rbHomepageHeroThreeTileTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_SOURCE_SANS_3()}
-    ${GFONT_CORMORANT()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_SOURCE_SANS_3}
+    ${GFONT_CORMORANT}
     ${STYLES$5(spot)}
     <div class="content">
         <div class="primary-image"></div>
@@ -16483,9 +16477,9 @@ const STYLES$4 = ({ textColor = '#212121', backgroundColor = '#e8e6de', ctaTextC
 `;
 function rbHomepageHeroTwoTileTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_SOURCE_SANS_3()}
-    ${GFONT_CORMORANT()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_SOURCE_SANS_3}
+    ${GFONT_CORMORANT}
     ${STYLES$4(spot)}
     <div class="content">
         <div class="text">
@@ -16605,9 +16599,9 @@ const STYLES$3 = ({ textColor = '#ffffff', ctaTextColor = textColor, ctaBorderCo
 `;
 function rbLargeCategoryImageToutTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_SOURCE_SANS_3()}
-    ${GFONT_CORMORANT()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_SOURCE_SANS_3}
+    ${GFONT_CORMORANT}
     ${STYLES$3(spot)}
     <div class="content">
       <div class="text">
@@ -16677,8 +16671,8 @@ const STYLES$2 = ({ textColor = '#ffffff', primaryImage, mobilePrimaryImage = pr
 `;
 function rbNavigationBannerTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_SOURCE_SANS_3()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_SOURCE_SANS_3}
     ${STYLES$2(spot)}
     <div class="content">
       <div class="text">
@@ -16720,6 +16714,7 @@ const STYLES$1 = ({ textColor = '#ffffff', primaryImage, mobilePrimaryImage = pr
       font-style: normal;
       font-weight: 400;
       line-height: normal;
+      margin: 0;
     }
     @media (min-width: 640px) {
       .content {
@@ -16730,8 +16725,8 @@ const STYLES$1 = ({ textColor = '#ffffff', primaryImage, mobilePrimaryImage = pr
 `;
 function rbSmallCategoryImageToutTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_CORMORANT()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_CORMORANT}
     ${STYLES$1(spot)}
     <div class="content">
       <div class="text">
@@ -16784,6 +16779,7 @@ const STYLES = ({ textColor = '#000000', backgroundColor = 'transparent', primar
       font-style: normal;
       font-weight: 400;
       line-height: normal;
+      margin: 0;
     }
     @media (min-width: 640px) {
       .image {
@@ -16794,8 +16790,8 @@ const STYLES = ({ textColor = '#000000', backgroundColor = 'transparent', primar
 `;
 function rbSmallDiscoverToutTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_CORMORANT()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_CORMORANT}
     ${STYLES(spot)}
     <div class="content">
       <div class="image"></div>
@@ -16914,7 +16910,7 @@ if (typeof window !== 'undefined' && typeof window.customElements !== 'undefined
         render() {
             if (!this.shadowRoot || !this.data)
                 return;
-            const { style, wrapper, slot } = SPOT_ELEMENT_SHADOW_ROOT(this.data.width, this.data.height, this.hasCustomContent);
+            const { style, wrapper, slot } = SPOT_ELEMENT_TEMPLATE(this.data.width, this.data.height, this.hasCustomContent);
             this.shadowRoot.replaceChildren(style, slot);
             if (this.hasCustomContent) {
                 this.setCustomContent();
@@ -16964,22 +16960,15 @@ if (typeof window !== 'undefined' && typeof window.customElements !== 'undefined
                     method: 'POST',
                     redirect: event === exports.RMN_SPOT_EVENT.CLICK && shouldRedirectOnClick ? 'follow' : 'manual',
                 };
-                const normalizedUrl = this.normalizeUrl(eventUrl);
-                const response = await fetch(normalizedUrl, options);
+                const response = await fetch(eventUrl, options);
                 if (response.ok && event === exports.RMN_SPOT_EVENT.CLICK && shouldRedirectOnClick) {
-                    window.location.href = this.getRedirectUrlFromPayload(normalizedUrl);
+                    window.location.href = this.getRedirectUrlFromPayload(eventUrl);
                 }
             }
             catch (error) {
                 console.error(`Rmn error sending ${event} event:`, error);
             }
         }
-        normalizeUrl(url) {
-            if (!this.data)
-                return url;
-            const rmnUrl = `${SDK_CONFIG.url[this.data.env]}/api${SPOT_EVENT_API_PATH}`;
-            return url.replace(/https?:\/\/[^/]+\/[^?]+/, `${rmnUrl}`);
-        }
         getRedirectUrlFromPayload(url) {
             var _a, _b;
             const base64String = (_a = new URL(url).searchParams.get('e')) !== null && _a !== void 0 ? _a : '';
@@ -17070,22 +17059,10 @@ class SpotSelectionService extends BaseApi {
         if (isOk && val && val.data && (val === null || val === void 0 ? void 0 : val.refresh.token)) {
             this.authInfo.authenticated = true;
             this.authInfo.token = val.refresh.token;
-            let spots = val.data.spots;
-            spots = this.addEnvToSpotData(spots, this.authInfo.env);
-            return spots;
+            return val.data.spots;
         }
         throw new Error('Spot selection response was not successful');
     }
-    addEnvToSpotData(spots, env) {
-        for (const key in spots) {
-            if (spots[key]) {
-                spots[key].forEach((spot) => {
-                    spot.env = env;
-                });
-            }
-        }
-        return spots;
-    }
 }
 
 class LiquidCommerceRmnClient {

package/dist/index.esm.js

@@ -15152,9 +15152,18 @@ class AuthService extends BaseApi {
 const SPOT_ELEMENT_TAG = 'spot-element';
 const SPOT_ELEMENT_SLOT_NAME = `${SPOT_ELEMENT_TAG}-custom-content`;
 const SPOTS_SELECTION_API_PATH = '/spots/selection';
-const SPOT_EVENT_API_PATH = '/spots/event';
 
-const SPOT_ELEMENT_SHADOW_ROOT = (width, height, hasCustomContent) => {
+const GFONT_PRECONNECT = `
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+`;
+const GFONT_SOURCE_SANS_3 = `
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap">
+`;
+const GFONT_CORMORANT = `
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap">
+`;
+const SPOT_ELEMENT_TEMPLATE = (width, height, hasCustomContent) => {
     const style = document.createElement('style');
     style.textContent = `
     :host {
@@ -15191,21 +15200,6 @@ const SPOT_ELEMENT_SHADOW_ROOT = (width, height, hasCustomContent) => {
     return { style, wrapper, slot };
 };
 
-const GFONT_PRECONNECT = () => `
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-`;
-const GFONT_SOURCE_SANS_3 = () => `
-    <link rel="stylesheet"
-        href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" 
-    >
-`;
-const GFONT_CORMORANT = () => `
-    <link rel="stylesheet"
-        href="https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap"
-    >
-`;
-
 const STYLES$i = ({ primaryImage, secondaryImage }) => `
     <style>
         .content {
@@ -15301,9 +15295,9 @@ const STYLES$i = ({ primaryImage, secondaryImage }) => `
 `;
 function billboardV1Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$i(spot)}
         <div class="content">
             <div class="big-image"></div>
@@ -15390,9 +15384,9 @@ const STYLES$h = ({ primaryImage }) => `
 `;
 function billboardV2Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$h(spot)}
         <div class="content">
             <div class="text-container">
@@ -15491,9 +15485,9 @@ const STYLES$g = ({ primaryImage }) => `
 `;
 function billboardV3Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$g(spot)}
         <div class="content">
             <div class="text">
@@ -15535,9 +15529,9 @@ const STYLES$f = () => `
 `;
 function inTextV1Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$f()}
         <div class="content">
             <span class="header">${spot.header}</span>
@@ -15625,9 +15619,9 @@ const STYLES$e = ({ primaryImage }) => `
 `;
 function largeLeaderboardV1Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$e(spot)}
         <div class="content">
             <div class="text">
@@ -15712,9 +15706,9 @@ const STYLES$d = ({ primaryImage }) => `
 `;
 function largeLeaderboardV2Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$d(spot)}
         <div class="content">
             <div class="text">
@@ -15771,9 +15765,9 @@ const STYLES$c = ({ primaryImage }) => `
 `;
 function largeRectangleV1Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$c(spot)}
          <div class="content">
             <div class="image"></div>
@@ -15869,9 +15863,9 @@ const STYLES$b = ({ primaryImage }) => `
 `;
 function squareV1Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$b(spot)}
         <div class="content">
             <div class="text">
@@ -15924,9 +15918,9 @@ const STYLES$a = ({ primaryImage }) => `
 `;
 function squareV2Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$a(spot)}
         <div class="content">
             <span class="header">${spot.header}</span>
@@ -15989,9 +15983,9 @@ const STYLES$9 = ({ primaryImage }) => `
 `;
 function verticalRectangleV1Template(spot) {
     return `
-        ${GFONT_PRECONNECT()}
-        ${GFONT_SOURCE_SANS_3()}
-        ${GFONT_CORMORANT()}
+        ${GFONT_PRECONNECT}
+        ${GFONT_SOURCE_SANS_3}
+        ${GFONT_CORMORANT}
         ${STYLES$9(spot)}
         <div class="content">
             <div class="text">
@@ -16171,9 +16165,9 @@ const STYLES$6 = ({ textColor = '#ffffff', ctaTextColor = textColor, ctaBorderCo
 `;
 function rbHomepageHeroFullImageTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_SOURCE_SANS_3()}
-    ${GFONT_CORMORANT()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_SOURCE_SANS_3}
+    ${GFONT_CORMORANT}
     ${STYLES$6(spot)}
     <div class="content">
         <div class="text">
@@ -16338,9 +16332,9 @@ const STYLES$5 = ({ textColor = '#212121', backgroundColor = '#e8e6de', ctaTextC
 `;
 function rbHomepageHeroThreeTileTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_SOURCE_SANS_3()}
-    ${GFONT_CORMORANT()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_SOURCE_SANS_3}
+    ${GFONT_CORMORANT}
     ${STYLES$5(spot)}
     <div class="content">
         <div class="primary-image"></div>
@@ -16481,9 +16475,9 @@ const STYLES$4 = ({ textColor = '#212121', backgroundColor = '#e8e6de', ctaTextC
 `;
 function rbHomepageHeroTwoTileTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_SOURCE_SANS_3()}
-    ${GFONT_CORMORANT()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_SOURCE_SANS_3}
+    ${GFONT_CORMORANT}
     ${STYLES$4(spot)}
     <div class="content">
         <div class="text">
@@ -16603,9 +16597,9 @@ const STYLES$3 = ({ textColor = '#ffffff', ctaTextColor = textColor, ctaBorderCo
 `;
 function rbLargeCategoryImageToutTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_SOURCE_SANS_3()}
-    ${GFONT_CORMORANT()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_SOURCE_SANS_3}
+    ${GFONT_CORMORANT}
     ${STYLES$3(spot)}
     <div class="content">
       <div class="text">
@@ -16675,8 +16669,8 @@ const STYLES$2 = ({ textColor = '#ffffff', primaryImage, mobilePrimaryImage = pr
 `;
 function rbNavigationBannerTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_SOURCE_SANS_3()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_SOURCE_SANS_3}
     ${STYLES$2(spot)}
     <div class="content">
       <div class="text">
@@ -16718,6 +16712,7 @@ const STYLES$1 = ({ textColor = '#ffffff', primaryImage, mobilePrimaryImage = pr
       font-style: normal;
       font-weight: 400;
       line-height: normal;
+      margin: 0;
     }
     @media (min-width: 640px) {
       .content {
@@ -16728,8 +16723,8 @@ const STYLES$1 = ({ textColor = '#ffffff', primaryImage, mobilePrimaryImage = pr
 `;
 function rbSmallCategoryImageToutTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_CORMORANT()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_CORMORANT}
     ${STYLES$1(spot)}
     <div class="content">
       <div class="text">
@@ -16782,6 +16777,7 @@ const STYLES = ({ textColor = '#000000', backgroundColor = 'transparent', primar
       font-style: normal;
       font-weight: 400;
       line-height: normal;
+      margin: 0;
     }
     @media (min-width: 640px) {
       .image {
@@ -16792,8 +16788,8 @@ const STYLES = ({ textColor = '#000000', backgroundColor = 'transparent', primar
 `;
 function rbSmallDiscoverToutTemplate(spot) {
     return `
-    ${GFONT_PRECONNECT()}
-    ${GFONT_CORMORANT()}
+    ${GFONT_PRECONNECT}
+    ${GFONT_CORMORANT}
     ${STYLES(spot)}
     <div class="content">
       <div class="image"></div>
@@ -16912,7 +16908,7 @@ if (typeof window !== 'undefined' && typeof window.customElements !== 'undefined
         render() {
             if (!this.shadowRoot || !this.data)
                 return;
-            const { style, wrapper, slot } = SPOT_ELEMENT_SHADOW_ROOT(this.data.width, this.data.height, this.hasCustomContent);
+            const { style, wrapper, slot } = SPOT_ELEMENT_TEMPLATE(this.data.width, this.data.height, this.hasCustomContent);
             this.shadowRoot.replaceChildren(style, slot);
             if (this.hasCustomContent) {
                 this.setCustomContent();
@@ -16962,22 +16958,15 @@ if (typeof window !== 'undefined' && typeof window.customElements !== 'undefined
                     method: 'POST',
                     redirect: event === RMN_SPOT_EVENT.CLICK && shouldRedirectOnClick ? 'follow' : 'manual',
                 };
-                const normalizedUrl = this.normalizeUrl(eventUrl);
-                const response = await fetch(normalizedUrl, options);
+                const response = await fetch(eventUrl, options);
                 if (response.ok && event === RMN_SPOT_EVENT.CLICK && shouldRedirectOnClick) {
-                    window.location.href = this.getRedirectUrlFromPayload(normalizedUrl);
+                    window.location.href = this.getRedirectUrlFromPayload(eventUrl);
                 }
             }
             catch (error) {
                 console.error(`Rmn error sending ${event} event:`, error);
             }
         }
-        normalizeUrl(url) {
-            if (!this.data)
-                return url;
-            const rmnUrl = `${SDK_CONFIG.url[this.data.env]}/api${SPOT_EVENT_API_PATH}`;
-            return url.replace(/https?:\/\/[^/]+\/[^?]+/, `${rmnUrl}`);
-        }
         getRedirectUrlFromPayload(url) {
             var _a, _b;
             const base64String = (_a = new URL(url).searchParams.get('e')) !== null && _a !== void 0 ? _a : '';
@@ -17068,22 +17057,10 @@ class SpotSelectionService extends BaseApi {
         if (isOk && val && val.data && (val === null || val === void 0 ? void 0 : val.refresh.token)) {
             this.authInfo.authenticated = true;
             this.authInfo.token = val.refresh.token;
-            let spots = val.data.spots;
-            spots = this.addEnvToSpotData(spots, this.authInfo.env);
-            return spots;
+            return val.data.spots;
         }
         throw new Error('Spot selection response was not successful');
     }
-    addEnvToSpotData(spots, env) {
-        for (const key in spots) {
-            if (spots[key]) {
-                spots[key].forEach((spot) => {
-                    spot.env = env;
-                });
-            }
-        }
-        return spots;
-    }
 }
 
 class LiquidCommerceRmnClient {

package/dist/types/modules/spot/html/constants/html.constant.d.ts

@@ -0,0 +1,8 @@
+export declare const GFONT_PRECONNECT = "\n  <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n";
+export declare const GFONT_SOURCE_SANS_3 = "\n  <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap\">\n";
+export declare const GFONT_CORMORANT = "\n  <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap\">\n";
+export declare const SPOT_ELEMENT_TEMPLATE: (width: number, height: number, hasCustomContent: boolean) => {
+    style: HTMLStyleElement;
+    wrapper: HTMLDivElement;
+    slot: HTMLSlotElement;
+};

package/dist/types/modules/spot/html/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './html.constant';

package/dist/types/modules/spot/spot.interface.d.ts

@@ -1,4 +1,3 @@
-import type { RMN_ENV } from './../../enums';
 import type { RMN_SPOT_EVENT, RMN_SPOT_TYPE } from './spot.enum';
 import type { RmnFilterType, RmnSpotType, SpotIdentifierType, SpotVariantType } from './spot.type';
 export interface ISpotSelectionParams {
@@ -29,7 +28,6 @@ export interface ISpot {
     mobilePrimaryImage?: string;
     mobileSecondaryImage?: string;
     productUpcs?: string[];
-    env: RMN_ENV;
 }
 export interface ICreateSpotElementConfig {
     fluid?: boolean;