@odus/checkout 0.27.1 → 0.28.0

package/dist/{Alert-xum-l8Uv.js → Alert-B4nrSL91.js}

@@ -5248,6 +5248,35 @@ class Pl {
     const o = i ? e.shippingAddress : t ? e.billingAddress : void 0;
     return o && this.hasAddressData(o) && (n.shippingAddress = this.mapAddressToApiFormat(o)), n;
   }
+  getAttributionParams() {
+    const e = new URLSearchParams(globalThis.location?.search ?? ""), t = [
+      "utm_source",
+      "utm_medium",
+      "utm_campaign",
+      "utm_term",
+      "utm_content",
+      "utm_id",
+      "utm_contentid",
+      "fbclid",
+      "ref_id",
+      "cmpid",
+      "sub1",
+      "sub2",
+      "sub3",
+      "sub4",
+      "sub5",
+      "sub6",
+      "sub7",
+      "sub8",
+      "sub9",
+      "sub10"
+    ], i = {};
+    for (const n of t) {
+      const a = e.get(n);
+      a && (i[n] = a.slice(0, 255));
+    }
+    return Object.keys(i).length > 0 ? i : void 0;
+  }
   async fetchApi({
     endpoint: e,
     method: t = "POST",
@@ -5296,18 +5325,19 @@ class Pl {
     applePayData: a,
     customCustomerData: o
   }) {
-    let s = {};
+    const s = this.getAttributionParams();
+    let d = {};
     if (a) {
-      const d = this.hasAddressData(a.billingAddress), l = this.hasAddressData(a.shippingAddress), u = {}, h = d ? a.billingAddress : l ? a.shippingAddress : void 0;
-      h && this.hasAddressData(h) && (u.billingAddress = this.mapAddressToApiFormat(h));
-      const f = l ? a.shippingAddress : d ? a.billingAddress : void 0;
-      f && this.hasAddressData(f) && (u.shippingAddress = this.mapAddressToApiFormat(f));
-      const m = {
+      const l = this.hasAddressData(a.billingAddress), u = this.hasAddressData(a.shippingAddress), h = {}, f = l ? a.billingAddress : u ? a.shippingAddress : void 0;
+      f && this.hasAddressData(f) && (h.billingAddress = this.mapAddressToApiFormat(f));
+      const m = u ? a.shippingAddress : l ? a.billingAddress : void 0;
+      m && this.hasAddressData(m) && (h.shippingAddress = this.mapAddressToApiFormat(m));
+      const p = {
         email: a.email,
         name: a.name,
-        ...u
+        ...h
       };
-      a.phone && (m.phoneNumber = a.phone), s = {
+      a.phone && (p.phoneNumber = a.phone), d = {
         paymentMethodData: {
           type: "applePay",
           applePay: {
@@ -5315,35 +5345,36 @@ class Pl {
             displayName: a.displayName
           }
         },
-        customerData: m,
+        customerData: p,
         context: {
           returnUrl: n,
-          userAgent: globalThis.navigator.userAgent
+          userAgent: globalThis.navigator.userAgent,
+          ...s && { attribution: s }
         }
       };
     } else if (i) {
-      const d = i.cardExpiry.replace(/\s+/g, "").split("/"), l = d[0];
-      let u = d[1];
-      u && u.length === 2 && (u = `20${u}`);
-      const h = new Ii();
-      h.setPublicKey(this.publicKey);
-      const f = h.encrypt(
+      const l = i.cardExpiry.replace(/\s+/g, "").split("/"), u = l[0];
+      let h = l[1];
+      h && h.length === 2 && (h = `20${h}`);
+      const f = new Ii();
+      f.setPublicKey(this.publicKey);
+      const m = f.encrypt(
         i.cardNumber.replace(/\s+/g, "")
-      ), m = h.encrypt(i.cardCvv), p = i.billingAddress || i.shippingAddress, $ = p?.firstName && p?.lastName ? `${p.firstName} ${p.lastName}`.trim() : i.name;
-      s = {
+      ), p = f.encrypt(i.cardCvv), $ = i.billingAddress || i.shippingAddress, g = $?.firstName && $?.lastName ? `${$.firstName} ${$.lastName}`.trim() : i.name;
+      d = {
         paymentMethodData: {
           type: "card",
           card: {
-            expMonth: l,
-            expYear: u,
-            cardholderName: $,
-            encryptedCardNumber: f,
-            encryptedCvv: m
+            expMonth: u,
+            expYear: h,
+            cardholderName: g,
+            encryptedCardNumber: m,
+            encryptedCvv: p
           }
         },
         customerData: {
           email: i.email,
-          name: $,
+          name: g,
           ...i.phoneNumber && {
             phoneNumber: i.phoneCountryCode != null || i.phoneNumber.startsWith("+") ? Vr(
               i.phoneNumber,
@@ -5355,18 +5386,20 @@ class Pl {
         },
         context: {
           returnUrl: n,
-          browserInfo: this.browserInfo
+          browserInfo: this.browserInfo,
+          ...s && { attribution: s }
         }
       };
     } else
-      s = {
+      d = {
         paymentMethodData: {
           type: "paypal"
         },
         ...o && { customerData: o },
         context: {
           returnUrl: n,
-          browserInfo: this.browserInfo
+          browserInfo: this.browserInfo,
+          ...s && { attribution: s }
         }
       };
     return await this.fetchApi({
@@ -5375,7 +5408,7 @@ class Pl {
         Authorization: `Bearer ${t}`,
         "X-Idempotency-Key": e
       },
-      body: s
+      body: d
     });
   }
 }

package/dist/checkout.es.js

@@ -1,5 +1,5 @@
-import { c as en, a as Hn, f as Tt, d as qn, C as he, I as tn, g as Kn, S as Ft, b as gi, e as be, A as $n, P as Wn, E as Gn, h as Yn, i as Xn, j as Zn, k as Jn, l as Qn, F as es, m as ts, n as is } from "./Alert-xum-l8Uv.js";
-import { o as Co, p as Ao, q as Mo, r as _o, s as ko, t as No, u as Io, v as Oo } from "./Alert-xum-l8Uv.js";
+import { c as en, a as Hn, f as Tt, d as qn, C as he, I as tn, g as Kn, S as Ft, b as gi, e as be, A as $n, P as Wn, E as Gn, h as Yn, i as Xn, j as Zn, k as Jn, l as Qn, F as es, m as ts, n as is } from "./Alert-B4nrSL91.js";
+import { o as Co, p as Ao, q as Mo, r as _o, s as ko, t as No, u as Io, v as Oo } from "./Alert-B4nrSL91.js";
 const V = {
   // Checkout lifecycle events
   CHECKOUT_INITIALIZED: "checkout.initialized",

package/dist/elements.es.js

@@ -1,4 +1,4 @@
-import { l as a, I as m, S as y, g as C, b as g, A as E, F as k, i as z, a as c, f as N, J as S, E as P, k as x, P as F, h as R, w as A, m as V, n as M, j as B } from "./Alert-xum-l8Uv.js";
+import { l as a, I as m, S as y, g as C, b as g, A as E, F as k, i as z, a as c, f as N, J as S, E as P, k as x, P as F, h as R, w as A, m as V, n as M, j as B } from "./Alert-B4nrSL91.js";
 const l = ".form-helper-text{color:#dc2727;font-family:var(--odus-font-family, inherit);font-size:12px;font-weight:500;margin-top:4px;display:block;overflow:hidden;max-height:100px;transition:max-height .3s ease-in-out,opacity .3s ease-in-out,margin .3s ease-in-out}.form-helper-text-hidden{max-height:0;opacity:0;margin-top:0;overflow:hidden}", h = ".input-wrapper{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:stretch}.input-wrapper *{box-sizing:border-box}.form-input{opacity:1;font-size:var(--odus-input-font-size, 16px);font-weight:var(--odus-input-font-weight, 400);letter-spacing:var(--odus-input-letter-spacing, .02em);transition:box-shadow .1s ease-in,border-radius .2s ease-in;box-shadow:0 0 0 1px var(--odus-border-color, #e0e0e0),0 2px 4px #00000012,0 1px 1.5px #0000000d;background:var(--odus-color-background, #fff);padding:var(--odus-input-padding, 8px 12px);border:none;outline:none;line-height:var(--odus-input-line-height, 1.5);z-index:0;box-sizing:border-box;min-height:0;flex:1;width:100%}.form-input[name=cardNumber]{padding-right:100px}.form-input-error{color:#dc2727}.form-input::placeholder{color:var(--odus-input-placeholder-color, #717173);opacity:var(--odus-input-placeholder-opacity, .3)}.form-input:focus{box-shadow:0 0 0 1px #3297d3b3,0 1px 1px #00000012,0 0 0 4px #3297d34d;position:relative;z-index:2}", u = ".input-label{font-family:var(--odus-font-family, inherit);font-size:var(--odus-label-font-size, 14px);font-weight:var(--odus-label-font-weight, 400);color:var(--odus-label-color, var(--odus-color-text, #1a1a1a));letter-spacing:var(--odus-label-letter-spacing, normal);line-height:var(--odus-label-line-height, 1.4);margin-bottom:var(--odus-label-margin-bottom, 6px)}", I = ":host{--odus-font-family: system-ui, sans-serif;--odus-font-size: 16px;--odus-color-error: #dc2727;--odus-color-text: #1a1a1a;--odus-color-background: #ffffff;--odus-border-color: #e0e0e0;--odus-border-radius: 6px;--odus-spacing-sm: 8px;--odus-spacing-md: 16px;--odus-spacing-lg: 24px;--odus-input-height: 44px;--odus-input-padding: 8px 12px;--odus-input-font-size: var(--odus-font-size);--odus-input-font-weight: 400;--odus-input-letter-spacing: .02em;--odus-input-line-height: 1.5;--odus-input-placeholder-color: #717173;--odus-input-placeholder-opacity: .3;--odus-input-focus-shadow: 0 0 0 1px rgba(50, 151, 211, .7), 0 1px 1px 0 rgba(0, 0, 0, .07), 0 0 0 4px rgba(50, 151, 211, .3);--odus-label-font-size: 14px;--odus-label-font-weight: 400;--odus-label-color: var(--odus-color-text);--odus-label-letter-spacing: normal;--odus-label-line-height: 1.4;--odus-label-margin-bottom: 6px;--odus-card-gap: 12px;--odus-button-height: 48px;--odus-button-border-radius: var(--odus-border-radius)}.form-input{opacity:1;font-weight:var(--odus-input-font-weight, 400);letter-spacing:var(--odus-input-letter-spacing, .02em);transition:box-shadow .1s ease-in,border-radius .2s ease-in;box-shadow:0 0 0 1px var(--odus-border-color, #e0e0e0),0 2px 4px #00000012,0 1px 1.5px #0000000d;background:var(--odus-color-background, #fff);padding:var(--odus-input-padding, 8px 12px);border:none;outline:none;line-height:var(--odus-input-line-height, 1.5);z-index:0;box-sizing:border-box;min-height:0;flex:1;width:100%}.form-input::placeholder{color:var(--odus-input-placeholder-color, #717173);opacity:var(--odus-input-placeholder-opacity, .3)}.form-input:focus{box-shadow:var( --odus-input-focus-shadow, 0 0 0 1px rgba(50, 151, 211, .7), 0 1px 1px 0 rgba(0, 0, 0, .07), 0 0 0 4px rgba(50, 151, 211, .3) );position:relative;z-index:2}.input-label{font-family:var(--odus-font-family, inherit)!important;font-size:var(--odus-label-font-size, 14px)!important;font-weight:var(--odus-label-font-weight, 400)!important;color:var(--odus-label-color, var(--odus-color-text, #1a1a1a))!important;letter-spacing:var(--odus-label-letter-spacing, normal)!important;line-height:var(--odus-label-line-height, 1.4)!important;margin-bottom:var(--odus-label-margin-bottom, 6px)!important}.form-helper-text{font-family:var(--odus-font-family, inherit)!important}";
 class d {
   shadowRoot = null;

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odus/checkout",
-  "version": "0.27.1",
+  "version": "0.28.0",
   "displayName": "Odus Checkout SDK",
   "keywords": [
     "odus",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odus/checkout",
-  "version": "0.27.1",
+  "version": "0.28.0",
   "displayName": "Odus Checkout SDK",
   "keywords": [
     "odus",