@zonos/elements 1.3.288 → 1.3.290

package/dist/cjs/zonos-hello.cjs.entry.js

@@ -1,14 +1,14 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var debounce = require('./debounce-5sZmmlCI.js');
-var localization = require('./localization-CxXsmxs5.js');
-var zonosStore = require('./zonosStore-BCNYr6Tk.js');
+var debounce = require('./debounce-Cd2emZPn.js');
+var localization = require('./localization-BJqYz_PB.js');
+var zonosStore = require('./zonosStore-Bx9jK82G.js');
 var classes = require('./classes-D_DL168u.js');
 var handleFetch = require('./handleFetch-DQLhurnE.js');
 var getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-Cl50u1mb.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
-require('./debounce-Nu2lJW4A.js');
+require('./debounce-vY0QYT6o.js');
 
 const checkItemRestrictions = async ({ items, shipFrom, shipTo, }) => {
     var _a;
@@ -142,7 +142,106 @@ const getProductsOnPage = () => {
     return mergedElements;
 };
 
-const zonosHelloCss = () => `:host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:inline-block;--zonos-elements-hello-widget-size:18px;--zonos-elements-hello-bubble-padding:max(     6px,     calc(var(--zonos-elements-hello-widget-size) * 0.22)   );--zonos-elements-hello-bubble-size:calc(     var(--zonos-elements-hello-widget-size) +       var(--zonos-elements-hello-bubble-padding) * 2 + 2px   )}:host .zonos--hello-wrapper{position:relative}:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper-mobile-override{position:fixed;bottom:0;left:0;width:100vw;z-index:1001;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media (max-width: 768px){:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper{position:fixed;bottom:0;left:0;width:100vw;z-index:1001;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media screen and (min-width: 769px){:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper.zonos--hello-widget-float{position:fixed;bottom:72px;right:32px;width:auto;height:auto;z-index:1001}:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper.zonos--hello-widget-float.zonos--hello-widget-left{left:32px;right:auto}:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper.zonos--hello-widget-float.zonos--hello-widget-top{bottom:auto;top:32px}}:host .zonos--hello-widget{-webkit-transition:all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);transition:all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);padding:var(--zonos-elements-hello-bubble-padding);border-radius:9999px;background:var(--zonos-elements-page-background);font-size:var(--zonos-elements-font-size-s);border:var(--zonos-elements-border);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;z-index:1000}:host .zonos--hello-widget>.zonos--hello-message{-ms-flex-order:0;order:0;max-width:0;height:100%;white-space:nowrap;-webkit-transition:border 0.3s ease-in, all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);transition:border 0.3s ease-in, all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);overflow:hidden;color:var(--zonos-elements-text-color);position:absolute;background:var(--zonos-elements-page-background);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-top-left-radius:calc(var(--zonos-elements-hello-bubble-size) / 2);border-bottom-left-radius:calc(var(--zonos-elements-hello-bubble-size) / 2);left:0;-webkit-transform:translateX(calc(-100% + var(--zonos-elements-hello-bubble-size) / 2));transform:translateX(calc(-100% + var(--zonos-elements-hello-bubble-size) / 2));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-top:var(--zonos-elements-border);border-bottom:var(--zonos-elements-border)}:host .zonos--hello-widget.zonos--hello-has-restrictions{background:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host .zonos--hello-widget.zonos--hello-has-restrictions>.zonos--hello-message{background:var(--zonos-elements-red-100);color:var(--zonos-elements-red-800);font-weight:500}:host .zonos--hello-widget.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:1px solid var(--zonos-elements-red-200)}:host .zonos--hello-widget.zonos--hello-show-peek-message{max-width:100vw;width:100%}:host .zonos--hello-widget.zonos--hello-show-peek-message>.zonos--hello-message{max-width:100vw;padding:0 calc(var(--zonos-elements-hello-bubble-size) / 2);border:var(--zonos-elements-border)}:host .zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left)>.zonos--hello-message{border-right:none}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:calc(var(--zonos-elements-hello-bubble-size) / 2);border-left:none}:host .zonos--hello-widget.zonos--hello-widget-animate-from-left>.zonos--hello-message{-ms-flex-order:1;order:1;-webkit-transform:translateX(calc(100% - var(--zonos-elements-hello-bubble-size) / 2));transform:translateX(calc(100% - var(--zonos-elements-hello-bubble-size) / 2));right:0;left:auto;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:calc(var(--zonos-elements-hello-bubble-size) / 2);border-bottom-right-radius:calc(var(--zonos-elements-hello-bubble-size) / 2)}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper .zonos--hello-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--zonos-elements-v3-shadow-medium);box-shadow:var(--zonos-elements-v3-shadow-medium);z-index:10;justify-self:center;height:var(--zonos-elements-hello-widget-size);width:var(--zonos-elements-hello-widget-size)}:host .zonos--hello-widget.zonos--hello-widget-float{position:fixed;bottom:72px;right:32px}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-left{left:32px;right:auto}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-top{bottom:auto;top:32px}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:none}:host .zonos--hello-widget.zonos--hello-widget-float>.zonos--hello-message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:0;bottom:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-animate-from-left>.zonos--hello-message{-webkit-transform:translateX(0);transform:translateX(0)}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-show-peek-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:8px;padding-right:4px}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-show-peek-message>.zonos--hello-message{padding:0 var(--zonos-elements-radius-4);padding-right:6px;border:none}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float{position:fixed;bottom:72px;right:32px}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-left{left:32px;right:auto}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-top{bottom:auto;top:32px}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:none}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float>.zonos--hello-message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:0;bottom:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-animate-from-left>.zonos--hello-message{-webkit-transform:translateX(0);transform:translateX(0)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-show-peek-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:8px;padding-right:4px}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-show-peek-message>.zonos--hello-message{padding:0 var(--zonos-elements-radius-4);padding-right:6px;border:none}`;
+const isValidHelloPlacement = (value) => {
+    if (value == null || typeof value !== 'object') {
+        return false;
+    }
+    const { anchor, horizontalOffset, verticalOffset } = value;
+    return (typeof anchor === 'string' &&
+        anchor.length > 0 &&
+        typeof horizontalOffset === 'number' &&
+        Number.isFinite(horizontalOffset) &&
+        typeof verticalOffset === 'number' &&
+        Number.isFinite(verticalOffset));
+};
+const includesLeft = (location) => Boolean(location === null || location === void 0 ? void 0 : location.includes('LEFT'));
+const includesTop = (location) => Boolean(location === null || location === void 0 ? void 0 : location.includes('TOP'));
+const buildResolved = ({ anchor, animateFromLeftOverride, horizontalOffset, isMobileWindow, isOnLeft, shouldFloat, verticalOffset, }) => ({
+    anchor,
+    horizontalOffset,
+    isMobileWindow,
+    isOnLeft: isOnLeft !== null && isOnLeft !== void 0 ? isOnLeft : (Boolean(animateFromLeftOverride) || includesLeft(anchor)),
+    isOnTop: includesTop(anchor),
+    shouldFloat,
+    verticalOffset,
+});
+/**
+ * Resolve active Hello float placement per viewport.
+ * Precedence: component enum prop → settings HelloPlacement → settings location enum.
+ *
+ * When the winning source is a component enum prop or settings `HelloPlacement`,
+ * `shouldFloat` is always true — including when `anchorElementSelector` is set.
+ * That matches existing prop-forced float behavior and FR-006 / data-model rules
+ * (placement implies floating; enum fallback still respects the anchor selector).
+ */
+const resolveHelloFloatPlacement = (params) => {
+    const { anchorElementSelector, animateFromLeftOverride, componentDesktopLocation, componentMobileLocation, desktopLocation, isMobileWindow, mobileLocation, settingsDesktopPlacement, settingsMobilePlacement, shouldAnimateLeftDesktop, } = params;
+    if (isMobileWindow) {
+        if (componentMobileLocation) {
+            return buildResolved({
+                anchor: componentMobileLocation,
+                animateFromLeftOverride,
+                horizontalOffset: null,
+                isMobileWindow: true,
+                shouldFloat: true,
+                verticalOffset: null,
+            });
+        }
+        if (isValidHelloPlacement(settingsMobilePlacement)) {
+            return buildResolved({
+                anchor: settingsMobilePlacement.anchor,
+                animateFromLeftOverride,
+                horizontalOffset: settingsMobilePlacement.horizontalOffset,
+                isMobileWindow: true,
+                shouldFloat: true,
+                verticalOffset: settingsMobilePlacement.verticalOffset,
+            });
+        }
+        return buildResolved({
+            anchor: mobileLocation,
+            animateFromLeftOverride,
+            horizontalOffset: null,
+            isMobileWindow: true,
+            shouldFloat: Boolean(mobileLocation),
+            verticalOffset: null,
+        });
+    }
+    if (componentDesktopLocation) {
+        return buildResolved({
+            anchor: componentDesktopLocation,
+            animateFromLeftOverride,
+            horizontalOffset: null,
+            isMobileWindow: false,
+            shouldFloat: true,
+            verticalOffset: null,
+        });
+    }
+    if (isValidHelloPlacement(settingsDesktopPlacement)) {
+        return buildResolved({
+            anchor: settingsDesktopPlacement.anchor,
+            animateFromLeftOverride,
+            horizontalOffset: settingsDesktopPlacement.horizontalOffset,
+            isMobileWindow: false,
+            shouldFloat: true,
+            verticalOffset: settingsDesktopPlacement.verticalOffset,
+        });
+    }
+    const shouldFloat = !anchorElementSelector && Boolean(desktopLocation);
+    const isOnLeft = Boolean(animateFromLeftOverride) ||
+        (shouldFloat && desktopLocation
+            ? includesLeft(desktopLocation)
+            : Boolean(shouldAnimateLeftDesktop === null || shouldAnimateLeftDesktop === void 0 ? void 0 : shouldAnimateLeftDesktop()));
+    return buildResolved({
+        anchor: desktopLocation,
+        horizontalOffset: null,
+        isMobileWindow: false,
+        isOnLeft,
+        shouldFloat,
+        verticalOffset: null,
+    });
+};
+
+const zonosHelloCss = () => `:host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:inline-block;--zonos-elements-hello-widget-size:18px;--zonos-elements-hello-bubble-padding:max(     6px,     calc(var(--zonos-elements-hello-widget-size) * 0.22)   );--zonos-elements-hello-bubble-size:calc(     var(--zonos-elements-hello-widget-size) +       var(--zonos-elements-hello-bubble-padding) * 2 + 2px   )}:host .zonos--hello-wrapper{position:relative}:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper-mobile-override{position:fixed;bottom:0;left:0;width:100vw;z-index:1001;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media (max-width: 768px){:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper{position:fixed;bottom:0;left:0;width:100vw;z-index:1001;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media screen and (min-width: 769px){:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper.zonos--hello-widget-float{position:fixed;bottom:var(--zonos-elements-hello-float-inset-y, 72px);right:var(--zonos-elements-hello-float-inset-x, 32px)}:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper.zonos--hello-widget-float.zonos--hello-widget-left{left:var(--zonos-elements-hello-float-inset-x, 32px);right:auto}:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper.zonos--hello-widget-float.zonos--hello-widget-top{bottom:auto;top:var(--zonos-elements-hello-float-inset-y, 32px)}:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper.zonos--hello-widget-float{width:auto;height:auto;z-index:1001}}:host .zonos--hello-widget{-webkit-transition:all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);transition:all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);padding:var(--zonos-elements-hello-bubble-padding);border-radius:9999px;background:var(--zonos-elements-page-background);font-size:var(--zonos-elements-font-size-s);border:var(--zonos-elements-border);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;z-index:1000}:host .zonos--hello-widget>.zonos--hello-message{-ms-flex-order:0;order:0;max-width:0;height:100%;white-space:nowrap;-webkit-transition:border 0.3s ease-in, all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);transition:border 0.3s ease-in, all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);overflow:hidden;color:var(--zonos-elements-text-color);position:absolute;background:var(--zonos-elements-page-background);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-top-left-radius:calc(var(--zonos-elements-hello-bubble-size) / 2);border-bottom-left-radius:calc(var(--zonos-elements-hello-bubble-size) / 2);left:0;-webkit-transform:translateX(calc(-100% + var(--zonos-elements-hello-bubble-size) / 2));transform:translateX(calc(-100% + var(--zonos-elements-hello-bubble-size) / 2));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-top:var(--zonos-elements-border);border-bottom:var(--zonos-elements-border)}:host .zonos--hello-widget.zonos--hello-has-restrictions{background:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host .zonos--hello-widget.zonos--hello-has-restrictions>.zonos--hello-message{background:var(--zonos-elements-red-100);color:var(--zonos-elements-red-800);font-weight:500}:host .zonos--hello-widget.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:1px solid var(--zonos-elements-red-200)}:host .zonos--hello-widget.zonos--hello-show-peek-message{max-width:100vw;width:100%}:host .zonos--hello-widget.zonos--hello-show-peek-message>.zonos--hello-message{max-width:100vw;padding:0 calc(var(--zonos-elements-hello-bubble-size) / 2);border:var(--zonos-elements-border)}:host .zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left)>.zonos--hello-message{border-right:none}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:calc(var(--zonos-elements-hello-bubble-size) / 2);border-left:none}:host .zonos--hello-widget.zonos--hello-widget-animate-from-left>.zonos--hello-message{-ms-flex-order:1;order:1;-webkit-transform:translateX(calc(100% - var(--zonos-elements-hello-bubble-size) / 2));transform:translateX(calc(100% - var(--zonos-elements-hello-bubble-size) / 2));right:0;left:auto;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:calc(var(--zonos-elements-hello-bubble-size) / 2);border-bottom-right-radius:calc(var(--zonos-elements-hello-bubble-size) / 2)}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper .zonos--hello-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--zonos-elements-v3-shadow-medium);box-shadow:var(--zonos-elements-v3-shadow-medium);z-index:10;justify-self:center;height:var(--zonos-elements-hello-widget-size);width:var(--zonos-elements-hello-widget-size)}:host .zonos--hello-widget.zonos--hello-widget-float{position:fixed;bottom:var(--zonos-elements-hello-float-inset-y, 72px);right:var(--zonos-elements-hello-float-inset-x, 32px)}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-left{left:var(--zonos-elements-hello-float-inset-x, 32px);right:auto}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-top{bottom:auto;top:var(--zonos-elements-hello-float-inset-y, 32px)}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:none}:host .zonos--hello-widget.zonos--hello-widget-float>.zonos--hello-message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:0;bottom:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-animate-from-left>.zonos--hello-message{-webkit-transform:translateX(0);transform:translateX(0)}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-show-peek-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:8px;padding-right:4px}:host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-show-peek-message>.zonos--hello-message{padding:0 var(--zonos-elements-radius-4);padding-right:6px;border:none}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float{position:fixed;bottom:var(--zonos-elements-hello-float-inset-y, 72px);right:var(--zonos-elements-hello-float-inset-x, 32px)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-left{left:var(--zonos-elements-hello-float-inset-x, 32px);right:auto}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-top{bottom:auto;top:var(--zonos-elements-hello-float-inset-y, 32px)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:none}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float>.zonos--hello-message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:0;bottom:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-animate-from-left>.zonos--hello-message{-webkit-transform:translateX(0);transform:translateX(0)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-show-peek-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:8px;padding-right:4px}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-show-peek-message>.zonos--hello-message{padding:0 var(--zonos-elements-radius-4);padding-right:6px;border:none}`;
 
 const PEEK_MESSAGE_CLOSE_DELAY_MS = 3000;
 const ZonosHello = class {
@@ -351,6 +450,8 @@ const ZonosHello = class {
         return localization.localizationStore.helloCountryList;
     }
     componentWillLoad() {
+        // Set before first paint so mobile uses mobile placement, not desktop.
+        this.isMobile = window.innerWidth <= 768;
         const initInterval = setInterval(async () => {
             if (!this.helloRef) {
                 return;
@@ -436,50 +537,19 @@ const ZonosHello = class {
         }
     }
     getHelloLocation() {
-        const mobileLocation = this.mobileLocationOverride || zonosStore.zonosStore.helloSettings.mobileLocation;
-        const desktopLocation = this.desktopLocationOverride || zonosStore.zonosStore.helloSettings.desktopLocation;
-        const isMobileWindow = this.isMobile;
-        switch (true) {
-            // Mobile
-            case isMobileWindow: {
-                const isOnLeft = this.animateFromLeftOverride || (mobileLocation === null || mobileLocation === void 0 ? void 0 : mobileLocation.includes('LEFT'));
-                const isOnTop = mobileLocation === null || mobileLocation === void 0 ? void 0 : mobileLocation.includes('TOP');
-                return {
-                    isMobileWindow,
-                    isOnLeft,
-                    isOnTop,
-                    shouldFloat: !!mobileLocation,
-                };
-            }
-            // Desktop
-            default:
-            case !isMobileWindow: {
-                /**
-                 * Float on desktop when `desktopLocationOverride` is set (explicit
-                 * consumer request) OR when no anchor is specified and a
-                 * `desktopLocation` is configured in the store. With an anchor and no
-                 * override, the widget renders inline at the anchor.
-                 */
-                const shouldFloat = !!this.desktopLocationOverride ||
-                    (!zonosStore.zonosStore.helloSettings.anchorElementSelector &&
-                        !!desktopLocation);
-                // When a desktopLocation is set, derive the side deterministically
-                // from it so RIGHT positions resolve to `false` (not `undefined`).
-                // Spatial detection only runs as a fallback when no location is set
-                // (e.g. inline / anchored placement).
-                const isOnLeft = this.animateFromLeftOverride ||
-                    (shouldFloat && desktopLocation
-                        ? desktopLocation.includes('LEFT')
-                        : this.shouldAnimateLeftDesktop());
-                const isOnTop = desktopLocation === null || desktopLocation === void 0 ? void 0 : desktopLocation.includes('TOP');
-                return {
-                    isMobileWindow,
-                    isOnLeft,
-                    isOnTop,
-                    shouldFloat,
-                };
-            }
-        }
+        // Enum @Prop `*LocationOverride` → component*; settings HelloPlacement object → settings*.
+        return resolveHelloFloatPlacement({
+            anchorElementSelector: zonosStore.zonosStore.helloSettings.anchorElementSelector,
+            animateFromLeftOverride: this.animateFromLeftOverride,
+            componentDesktopLocation: this.desktopLocationOverride,
+            componentMobileLocation: this.mobileLocationOverride,
+            desktopLocation: zonosStore.zonosStore.helloSettings.desktopLocation,
+            isMobileWindow: this.isMobile,
+            mobileLocation: zonosStore.zonosStore.helloSettings.mobileLocation,
+            settingsDesktopPlacement: zonosStore.zonosStore.helloSettings.desktopLocationOverride,
+            settingsMobilePlacement: zonosStore.zonosStore.helloSettings.mobileLocationOverride,
+            shouldAnimateLeftDesktop: () => Boolean(this.shouldAnimateLeftDesktop()),
+        });
     }
     handleAppearanceSettingsOverrideChange() {
         var _a;
@@ -499,7 +569,7 @@ const ZonosHello = class {
             return null;
         }
         const { selectedCountryCode, targetCurrency } = localization.localizationStore;
-        const { isOnLeft, isOnTop, shouldFloat } = this.getHelloLocation();
+        const { horizontalOffset, isOnLeft, isOnTop, shouldFloat, verticalOffset } = this.getHelloLocation();
         const appearanceSettings = zonosStore.mergeConfig(zonosStore.zonosStore.appearance, this.appearanceSettingsOverride || null);
         const { theme } = appearanceSettings;
         const restrictedItemsOnPage = (_b = this.allRestrictedItems) === null || _b === void 0 ? void 0 : _b.filter(product => this.productsOnPage.some(restriction => restriction.description === product.itemDescription));
@@ -515,7 +585,15 @@ const ZonosHello = class {
             });
         }
         const widgetSize = getHelloWidgetSize(zonosStore.zonosStore.helloSettings.widgetSize);
-        return (index.h(index.Host, { class: "zonos--hello zonos--elements", "data-theme": theme, style: { '--zonos-elements-hello-widget-size': `${widgetSize}px` } }, showHello && (index.h("div", { class: classes.classes([
+        const hostStyle = {
+            '--zonos-elements-hello-widget-size': `${widgetSize}px`,
+        };
+        if (horizontalOffset != null && verticalOffset != null) {
+            hostStyle['--zonos-elements-hello-float-inset-x'] =
+                `${horizontalOffset}px`;
+            hostStyle['--zonos-elements-hello-float-inset-y'] = `${verticalOffset}px`;
+        }
+        return (index.h(index.Host, { class: "zonos--hello zonos--elements", "data-theme": theme, style: hostStyle }, showHello && (index.h("div", { class: classes.classes([
                 'zonos--hello-wrapper',
                 shouldFloat && 'zonos--hello-widget-float',
             ]) }, index.h("button", { class: classes.classes([

package/dist/cjs/zonos-input.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var zonosStore = require('./zonosStore-BCNYr6Tk.js');
+var zonosStore = require('./zonosStore-Bx9jK82G.js');
 var classes = require('./classes-D_DL168u.js');
-var getBorderRadius = require('./getBorderRadius-DGZiQu09.js');
+var getBorderRadius = require('./getBorderRadius-CyYZw4qq.js');
 require('./VarianceTest-C98whVgO.js');
 
 const zonosInputCss = () => `:host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{margin:1px}:host .zonos--label-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%;background:var(--zonos-elements-input-background);border-radius:var(--zonos--border-radius);border:var(--zonos-elements-border)}:host .zonos--label-wrapper:hover{border:1px solid var(--zonos-elements-gray-300)}:host .zonos--floated-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--zonos--border-radius);background:var(--zonos-elements-input-background);border:0;-ms-flex-order:2;order:2;font-weight:500}:host .zonos--floated-input :-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}:host .zonos--floated-input :-internal-autofill-selected+label+div{background-color:#e8f0fe}:host .zonos--floated-input.has-label{padding:16px 4px 8px 16px}:host .zonos--floated-input.has-label.has-input-prefix{padding-left:0}:host .zonos--floated-input.has-label.has-input-prefix+.zonos--floated-label::before{margin-left:0}:host .zonos--floated-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:focus{outline:none}:host .zonos--floated-input:focus+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-blue);box-shadow:var(--zonos-elements-glow-blue)}:host .zonos--floated-input.has-error+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-error);box-shadow:var(--zonos-elements-glow-error)}:host .zonos--floated-input.has-content::-webkit-input-placeholder,:host .zonos--floated-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-moz-placeholder,:host .zonos--floated-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content:-ms-input-placeholder,:host .zonos--floated-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-ms-input-placeholder,:host .zonos--floated-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::placeholder,:host .zonos--floated-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content+.zonos--floated-label::before,:host .zonos--floated-input:focus+.zonos--floated-label::before{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}:host .zonos--floated-input:-webkit-autofill,:host .zonos--floated-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}:host .zonos--floated-label{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}:host .zonos--floated-label::before{content:attr(data-label);color:var(--zonos-elements-gray-800);position:absolute;font-size:var(--zonos-elements-font-size-base);line-height:var(--zonos-elements-font-size-base);display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - var(--zonos-elements-font-size-base) / 2);z-index:1}:host .zonos--floated-label::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}:host{}:host .disabled .zonos--floated-label{pointer-events:inherit}:host .disabled .zonos--floated-label::after{cursor:not-allowed;z-index:1}:host(.sm){height:calc(var(--zonos-elements-size-sm) - 2px)}:host(.sm) .zonos--floated-input.has-label{padding-top:13px;padding-bottom:0}:host(.sm) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.sm) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:2px}:host(.md){height:calc(var(--zonos-elements-size-md) - 2px)}:host(.md) .zonos--floated-input.has-label{padding-top:20px}:host(.md) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.md) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:6px}:host(.lg){height:calc(var(--zonos-elements-size-lg) - 2px)}:host(.lg) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.lg) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:10px}:host(.xl){height:calc(var(--zonos-elements-size-xl) - 2px)}:host(.xl) .zonos--floated-input.has-label{padding-bottom:2px}`;

package/dist/cjs/zonos-invoice-cart-items_2.cjs.entry.js

@@ -1,17 +1,17 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var cart = require('./cart-CV4buPlT.js');
-var localization = require('./localization-CxXsmxs5.js');
-var renderCheckoutCurrency = require('./renderCheckoutCurrency-CC4CAy-a.js');
+var cart = require('./cart-7DceSLKl.js');
+var localization = require('./localization-BJqYz_PB.js');
+var renderCheckoutCurrency = require('./renderCheckoutCurrency-Ca2HH1Gc.js');
 var classes = require('./classes-D_DL168u.js');
-var invoice = require('./invoice-CHw-mJdS.js');
+var invoice = require('./invoice-DSuHUQpi.js');
 var renderFallback = require('./renderFallback-Bme86uk8.js');
-require('./zonosStore-BCNYr6Tk.js');
+require('./zonosStore-Bx9jK82G.js');
 require('./VarianceTest-C98whVgO.js');
 require('./handleFetch-DQLhurnE.js');
 require('./isDarkColor-f-fD9c2l.js');
-require('./getBorderRadius-DGZiQu09.js');
+require('./getBorderRadius-CyYZw4qq.js');
 require('./TaxId-Q6aDqqWv.js');
 
 const zonosInvoiceCartItemsCss = () => `:host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;padding-left:0;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right;padding-right:0}:host .zonos--cart-table .zonos--column:first-child{padding-left:0;width:50px}:host .zonos--cart-table .zonos--cart-item-link{text-align:left}:host .zonos--cart-table .zonos--cart-item-created-at{text-align:right}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host(.mobile) table{margin-top:16px}:host(.mobile) table td{vertical-align:top}`;

package/dist/cjs/zonos-invoice-finish_5.cjs.entry.js

@@ -1,25 +1,25 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var cart = require('./cart-CV4buPlT.js');
-var paypal = require('./paypal-BLuHeOJH.js');
-var localization = require('./localization-CxXsmxs5.js');
-var zonosStore = require('./zonosStore-BCNYr6Tk.js');
+var cart = require('./cart-7DceSLKl.js');
+var paypal = require('./paypal-CZoctP9S.js');
+var localization = require('./localization-BJqYz_PB.js');
+var zonosStore = require('./zonosStore-Bx9jK82G.js');
 var handleFetch = require('./handleFetch-DQLhurnE.js');
 var createCustomEvent = require('./createCustomEvent-Cs5zGImL.js');
-var getBorderRadius = require('./getBorderRadius-DGZiQu09.js');
+var getBorderRadius = require('./getBorderRadius-CyYZw4qq.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
 var isInvoiceMobileTablet = require('./isInvoiceMobileTablet-CCqFYV6m.js');
 var classes = require('./classes-D_DL168u.js');
-var shouldShowLanguageSelect = require('./shouldShowLanguageSelect-Bj_jKWPK.js');
-var invoice = require('./invoice-CHw-mJdS.js');
-var renderCheckoutCurrency = require('./renderCheckoutCurrency-CC4CAy-a.js');
-var placeTestOrder = require('./placeTestOrder-VK_CMeq0.js');
+var shouldShowLanguageSelect = require('./shouldShowLanguageSelect-FyTdz7U_.js');
+var invoice = require('./invoice-DSuHUQpi.js');
+var renderCheckoutCurrency = require('./renderCheckoutCurrency-Ca2HH1Gc.js');
+var placeTestOrder = require('./placeTestOrder-D7baFuaV.js');
 var renderFallback = require('./renderFallback-Bme86uk8.js');
 require('./isDarkColor-f-fD9c2l.js');
 require('./TaxId-Q6aDqqWv.js');
 require('./isContrastColor-B9ldIdpa.js');
-require('./submitGtag-CcEL-w5D.js');
+require('./submitGtag-D79e8u6s.js');
 
 var RemoveIcon = `<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--zonos-elements-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 
@@ -506,7 +506,7 @@ const ZonosInvoicePayment = class {
                 document.body.appendChild(hiddenTextarea);
                 hiddenTextarea.select();
                 // Have to use deprecated method execCommand because it's the only way to copy to the clipboard in the iframe
-                // eslint-disable-next-line deprecation/deprecation
+                // eslint-disable-next-line @typescript-eslint/no-deprecated
                 document.execCommand('copy');
                 document.body.removeChild(hiddenTextarea);
             }

package/dist/cjs/zonos-invoice.cjs.entry.js

@@ -1,21 +1,21 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var cart = require('./cart-CV4buPlT.js');
-var invoice = require('./invoice-CHw-mJdS.js');
-var paypal = require('./paypal-BLuHeOJH.js');
-var localization = require('./localization-CxXsmxs5.js');
-var zonosStore = require('./zonosStore-BCNYr6Tk.js');
+var cart = require('./cart-7DceSLKl.js');
+var invoice = require('./invoice-DSuHUQpi.js');
+var paypal = require('./paypal-CZoctP9S.js');
+var localization = require('./localization-BJqYz_PB.js');
+var zonosStore = require('./zonosStore-Bx9jK82G.js');
 var buildCartItemsByTempCart = require('./buildCartItemsByTempCart-ILzonEjb.js');
 var handleFetch = require('./handleFetch-DQLhurnE.js');
 var isInvoiceMobileTablet = require('./isInvoiceMobileTablet-CCqFYV6m.js');
 var classes = require('./classes-D_DL168u.js');
 var VarianceTest = require('./VarianceTest-C98whVgO.js');
 require('./isDarkColor-f-fD9c2l.js');
-require('./getBorderRadius-DGZiQu09.js');
+require('./getBorderRadius-CyYZw4qq.js');
 require('./TaxId-Q6aDqqWv.js');
 require('./isContrastColor-B9ldIdpa.js');
-require('./submitGtag-CcEL-w5D.js');
+require('./submitGtag-D79e8u6s.js');
 
 var ChevronDownIcon = `<svg color="var(--zonos-elements-gray-400)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M6.293 9.293a1 1 0 0 1 1.414 0L12 13.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-4.93 4.93a1.1 1.1 0 0 1-1.555 0l-4.93-4.93a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var localization = require('./localization-CxXsmxs5.js');
-var zonosStore = require('./zonosStore-BCNYr6Tk.js');
+var localization = require('./localization-BJqYz_PB.js');
+var zonosStore = require('./zonosStore-Bx9jK82G.js');
 require('./handleFetch-DQLhurnE.js');
 require('./VarianceTest-C98whVgO.js');
 

package/dist/cjs/zonos-logo.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var zonosStore = require('./zonosStore-BCNYr6Tk.js');
+var zonosStore = require('./zonosStore-Bx9jK82G.js');
 var classes = require('./classes-D_DL168u.js');
 require('./VarianceTest-C98whVgO.js');
 

package/dist/cjs/zonos-policy-consent_2.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var cart = require('./cart-CV4buPlT.js');
-var localization = require('./localization-CxXsmxs5.js');
-var zonosStore = require('./zonosStore-BCNYr6Tk.js');
-var renderCheckoutCurrency = require('./renderCheckoutCurrency-CC4CAy-a.js');
-var getBorderRadius = require('./getBorderRadius-DGZiQu09.js');
+var cart = require('./cart-7DceSLKl.js');
+var localization = require('./localization-BJqYz_PB.js');
+var zonosStore = require('./zonosStore-Bx9jK82G.js');
+var renderCheckoutCurrency = require('./renderCheckoutCurrency-Ca2HH1Gc.js');
+var getBorderRadius = require('./getBorderRadius-CyYZw4qq.js');
 require('./VarianceTest-C98whVgO.js');
 require('./handleFetch-DQLhurnE.js');
 require('./isDarkColor-f-fD9c2l.js');

package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var zonosStore = require('./zonosStore-BCNYr6Tk.js');
+var zonosStore = require('./zonosStore-Bx9jK82G.js');
 var classes = require('./classes-D_DL168u.js');
-var getBorderRadius = require('./getBorderRadius-DGZiQu09.js');
+var getBorderRadius = require('./getBorderRadius-CyYZw4qq.js');
 var getContrastColor = require('./getContrastColor-B2Kn8XHA.js');
 var isColorVariable = require('./isColorVariable-CKoJdu9G.js');
 require('./VarianceTest-C98whVgO.js');

package/dist/cjs/zonos-stripe-input.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var zonosStore = require('./zonosStore-BCNYr6Tk.js');
+var zonosStore = require('./zonosStore-Bx9jK82G.js');
 var helpers = require('./helpers-ClOZ11A9.js');
 var classes = require('./classes-D_DL168u.js');
-var getBorderRadius = require('./getBorderRadius-DGZiQu09.js');
+var getBorderRadius = require('./getBorderRadius-CyYZw4qq.js');
 var isDarkColor = require('./isDarkColor-f-fD9c2l.js');
 require('./VarianceTest-C98whVgO.js');
 
@@ -96,7 +96,7 @@ const ZonosStripeInput = class {
                 this.inputChange.emit(input.value);
                 this.el.inputValue = input.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), index.h("div", { key: '32ef73f611becbc961b594a22976651eeb2547cd', class: "zonos--floated-label" }, index.h("label", { key: '7ef5e3be28b12f1d17f20cd6698ccb877b74a28b', htmlFor: this.inputId }, this.inputLabel))), this.error && (index.h("zonos-text", { key: '5d0e354d1ff22b9d0d9ab92a571029ce3b06be9b', textColor: "red-600", type: "caption" }, this.error))));
+            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), index.h("div", { key: '881ab6448981da5870e6ed067e37b649ca8b55bf', class: "zonos--floated-label" }, index.h("label", { key: 'ad9b22d2370eb3b6494eab4ea2ecda4f8f28e79a', htmlFor: this.inputId }, this.inputLabel))), this.error && (index.h("zonos-text", { key: '7dd0d63348393d08286a5ce34a384539fe3dacf4', textColor: "red-600", type: "caption" }, this.error))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/zonos-text.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var zonosStore = require('./zonosStore-BCNYr6Tk.js');
+var zonosStore = require('./zonosStore-Bx9jK82G.js');
 var classes = require('./classes-D_DL168u.js');
 var isColorVariable = require('./isColorVariable-CKoJdu9G.js');
 var styles = require('./styles-nowYls3K.js');

package/dist/cjs/zonos-v-stack.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DAAr465v.js');
-var zonosStore = require('./zonosStore-BCNYr6Tk.js');
+var zonosStore = require('./zonosStore-Bx9jK82G.js');
 var classes = require('./classes-D_DL168u.js');
 require('./VarianceTest-C98whVgO.js');
 

package/dist/cjs/{zonosStore-BCNYr6Tk.js → zonosStore-Bx9jK82G.js}

@@ -3695,9 +3695,11 @@ const { onChange: zonosStoreOnChange, reset, state: zonosStore, } = createStore(
          * Default to bottom right so hello would float if anchorElementSelector is not set. Otherwise, this will be ignored
          */
         desktopLocation: 'BOTTOM_RIGHT',
+        desktopLocationOverride: null,
         excludedUrlPatterns: [],
         homepageUrlPattern: '',
         mobileLocation: 'BOTTOM_RIGHT',
+        mobileLocationOverride: null,
         mode: 'LIVE',
         notFoundElementFallback: null,
         organization: '',

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.js

@@ -121,7 +121,7 @@ export class ZonosCheckoutPayment {
                 document.body.appendChild(hiddenTextarea);
                 hiddenTextarea.select();
                 // Have to use deprecated method execCommand because it's the only way to copy to the clipboard in the iframe
-                // eslint-disable-next-line deprecation/deprecation
+                // eslint-disable-next-line @typescript-eslint/no-deprecated
                 document.execCommand('copy');
                 document.body.removeChild(hiddenTextarea);
             }

package/dist/collection/components/checkout/zonos-collect/zonos-collect-payment/zonos-collect-payment.js

@@ -84,7 +84,7 @@ export class ZonosCollectPayment {
                 document.body.appendChild(hiddenTextarea);
                 hiddenTextarea.select();
                 // Have to use deprecated method execCommand because it's the only way to copy to the clipboard in the iframe
-                // eslint-disable-next-line deprecation/deprecation
+                // eslint-disable-next-line @typescript-eslint/no-deprecated
                 document.execCommand('copy');
                 document.body.removeChild(hiddenTextarea);
             }

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-payment/zonos-invoice-payment.js

@@ -84,7 +84,7 @@ export class ZonosInvoicePayment {
                 document.body.appendChild(hiddenTextarea);
                 hiddenTextarea.select();
                 // Have to use deprecated method execCommand because it's the only way to copy to the clipboard in the iframe
-                // eslint-disable-next-line deprecation/deprecation
+                // eslint-disable-next-line @typescript-eslint/no-deprecated
                 document.execCommand('copy');
                 document.body.removeChild(hiddenTextarea);
             }

package/dist/collection/components/common/zonos-stripe-input/zonos-stripe-input.js

@@ -91,7 +91,7 @@ export class ZonosStripeInput {
                 this.inputChange.emit(input.value);
                 this.el.inputValue = input.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), h("div", { key: '32ef73f611becbc961b594a22976651eeb2547cd', class: "zonos--floated-label" }, h("label", { key: '7ef5e3be28b12f1d17f20cd6698ccb877b74a28b', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: '5d0e354d1ff22b9d0d9ab92a571029ce3b06be9b', textColor: "red-600", type: "caption" }, this.error))));
+            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), h("div", { key: '881ab6448981da5870e6ed067e37b649ca8b55bf', class: "zonos--floated-label" }, h("label", { key: 'ad9b22d2370eb3b6494eab4ea2ecda4f8f28e79a', htmlFor: this.inputId }, this.inputLabel))), this.error && (h("zonos-text", { key: '7dd0d63348393d08286a5ce34a384539fe3dacf4', textColor: "red-600", type: "caption" }, this.error))));
     }
     static get is() { return "zonos-stripe-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/hello/zonos-hello/zonos-hello.css

@@ -67,19 +67,21 @@
 @media screen and (min-width: 769px) {
   :host .zonos--hello-wrapper .zonos--hello-dialog-wrapper.zonos--hello-widget-float {
     position: fixed;
-    bottom: 72px;
-    right: 32px;
-    width: auto;
-    height: auto;
-    z-index: 1001;
+    bottom: var(--zonos-elements-hello-float-inset-y, 72px);
+    right: var(--zonos-elements-hello-float-inset-x, 32px);
   }
   :host .zonos--hello-wrapper .zonos--hello-dialog-wrapper.zonos--hello-widget-float.zonos--hello-widget-left {
-    left: 32px;
+    left: var(--zonos-elements-hello-float-inset-x, 32px);
     right: auto;
   }
   :host .zonos--hello-wrapper .zonos--hello-dialog-wrapper.zonos--hello-widget-float.zonos--hello-widget-top {
     bottom: auto;
-    top: 32px;
+    top: var(--zonos-elements-hello-float-inset-y, 32px);
+  }
+  :host .zonos--hello-wrapper .zonos--hello-dialog-wrapper.zonos--hello-widget-float {
+    width: auto;
+    height: auto;
+    z-index: 1001;
   }
 }
 :host .zonos--hello-widget {
@@ -175,16 +177,16 @@
 }
 :host .zonos--hello-widget.zonos--hello-widget-float {
   position: fixed;
-  bottom: 72px;
-  right: 32px;
+  bottom: var(--zonos-elements-hello-float-inset-y, 72px);
+  right: var(--zonos-elements-hello-float-inset-x, 32px);
 }
 :host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-left {
-  left: 32px;
+  left: var(--zonos-elements-hello-float-inset-x, 32px);
   right: auto;
 }
 :host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-top {
   bottom: auto;
-  top: 32px;
+  top: var(--zonos-elements-hello-float-inset-y, 32px);
 }
 :host .zonos--hello-widget.zonos--hello-widget-float.zonos--hello-has-restrictions.zonos--hello-show-peek-message > .zonos--hello-message {
   border: none;
@@ -219,16 +221,16 @@
 }
 :host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float {
   position: fixed;
-  bottom: 72px;
-  right: 32px;
+  bottom: var(--zonos-elements-hello-float-inset-y, 72px);
+  right: var(--zonos-elements-hello-float-inset-x, 32px);
 }
 :host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-left {
-  left: 32px;
+  left: var(--zonos-elements-hello-float-inset-x, 32px);
   right: auto;
 }
 :host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-widget-top {
   bottom: auto;
-  top: 32px;
+  top: var(--zonos-elements-hello-float-inset-y, 32px);
 }
 :host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-float.zonos--hello-has-restrictions.zonos--hello-show-peek-message > .zonos--hello-message {
   border: none;