@zonos/elements 1.0.16

package/dist/components/zonos-hello.js

@@ -0,0 +1,576 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { _ as _root, i as isObjectLike_1, e as _baseGetTag, f as isObject_1, z as zonosStore, m as mergeConfig } from './zonosStore.js';
+import { t as translate, a as localizationStore, e as currencyDisplay, f as currencyConvertAndFormat, g as currencyConvert, j as currencyFormat, b as log } from './localization.js';
+import { c as classes } from './classes.js';
+import { g as getHasMoreSpaceOnRight, d as defineCustomElement$7 } from './zonos-hello-dialog2.js';
+import { d as defineCustomElement$c } from './zonos-button2.js';
+import { d as defineCustomElement$b } from './zonos-card2.js';
+import { d as defineCustomElement$a } from './zonos-country-flag2.js';
+import { d as defineCustomElement$9 } from './zonos-country-select2.js';
+import { d as defineCustomElement$8 } from './zonos-custom-message2.js';
+import { d as defineCustomElement$6 } from './zonos-hello-dialog-footer2.js';
+import { d as defineCustomElement$5 } from './zonos-icon2.js';
+import { d as defineCustomElement$4 } from './zonos-spinner2.js';
+import { d as defineCustomElement$3 } from './zonos-text2.js';
+import { d as defineCustomElement$2 } from './zonos-v-stack2.js';
+
+/**
+ * Gets the timestamp of the number of milliseconds that have elapsed since
+ * the Unix epoch (1 January 1970 00:00:00 UTC).
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Date
+ * @returns {number} Returns the timestamp.
+ * @example
+ *
+ * _.defer(function(stamp) {
+ *   console.log(_.now() - stamp);
+ * }, _.now());
+ * // => Logs the number of milliseconds it took for the deferred invocation.
+ */
+var now = function() {
+  return _root.Date.now();
+};
+
+var now_1 = now;
+
+/** Used to match a single whitespace character. */
+var reWhitespace = /\s/;
+
+/**
+ * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+ * character of `string`.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {number} Returns the index of the last non-whitespace character.
+ */
+function trimmedEndIndex(string) {
+  var index = string.length;
+
+  while (index-- && reWhitespace.test(string.charAt(index))) {}
+  return index;
+}
+
+var _trimmedEndIndex = trimmedEndIndex;
+
+/** Used to match leading whitespace. */
+var reTrimStart = /^\s+/;
+
+/**
+ * The base implementation of `_.trim`.
+ *
+ * @private
+ * @param {string} string The string to trim.
+ * @returns {string} Returns the trimmed string.
+ */
+function baseTrim(string) {
+  return string
+    ? string.slice(0, _trimmedEndIndex(string) + 1).replace(reTrimStart, '')
+    : string;
+}
+
+var _baseTrim = baseTrim;
+
+/** `Object#toString` result references. */
+var symbolTag = '[object Symbol]';
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol(value) {
+  return typeof value == 'symbol' ||
+    (isObjectLike_1(value) && _baseGetTag(value) == symbolTag);
+}
+
+var isSymbol_1 = isSymbol;
+
+/** Used as references for various `Number` constants. */
+var NAN = 0 / 0;
+
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+/** Used to detect binary string values. */
+var reIsBinary = /^0b[01]+$/i;
+
+/** Used to detect octal string values. */
+var reIsOctal = /^0o[0-7]+$/i;
+
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt = parseInt;
+
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+function toNumber(value) {
+  if (typeof value == 'number') {
+    return value;
+  }
+  if (isSymbol_1(value)) {
+    return NAN;
+  }
+  if (isObject_1(value)) {
+    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+    value = isObject_1(other) ? (other + '') : other;
+  }
+  if (typeof value != 'string') {
+    return value === 0 ? value : +value;
+  }
+  value = _baseTrim(value);
+  var isBinary = reIsBinary.test(value);
+  return (isBinary || reIsOctal.test(value))
+    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+    : (reIsBadHex.test(value) ? NAN : +value);
+}
+
+var toNumber_1 = toNumber;
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeMax = Math.max,
+    nativeMin = Math.min;
+
+/**
+ * Creates a debounced function that delays invoking `func` until after `wait`
+ * milliseconds have elapsed since the last time the debounced function was
+ * invoked. The debounced function comes with a `cancel` method to cancel
+ * delayed `func` invocations and a `flush` method to immediately invoke them.
+ * Provide `options` to indicate whether `func` should be invoked on the
+ * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+ * with the last arguments provided to the debounced function. Subsequent
+ * calls to the debounced function return the result of the last `func`
+ * invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the debounced function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.debounce` and `_.throttle`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to debounce.
+ * @param {number} [wait=0] The number of milliseconds to delay.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=false]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {number} [options.maxWait]
+ *  The maximum time `func` is allowed to be delayed before it's invoked.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new debounced function.
+ * @example
+ *
+ * // Avoid costly calculations while the window size is in flux.
+ * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+ *
+ * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+ * jQuery(element).on('click', _.debounce(sendMail, 300, {
+ *   'leading': true,
+ *   'trailing': false
+ * }));
+ *
+ * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+ * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+ * var source = new EventSource('/stream');
+ * jQuery(source).on('message', debounced);
+ *
+ * // Cancel the trailing debounced invocation.
+ * jQuery(window).on('popstate', debounced.cancel);
+ */
+function debounce(func, wait, options) {
+  var lastArgs,
+      lastThis,
+      maxWait,
+      result,
+      timerId,
+      lastCallTime,
+      lastInvokeTime = 0,
+      leading = false,
+      maxing = false,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  wait = toNumber_1(wait) || 0;
+  if (isObject_1(options)) {
+    leading = !!options.leading;
+    maxing = 'maxWait' in options;
+    maxWait = maxing ? nativeMax(toNumber_1(options.maxWait) || 0, wait) : maxWait;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+
+  function invokeFunc(time) {
+    var args = lastArgs,
+        thisArg = lastThis;
+
+    lastArgs = lastThis = undefined;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+
+  function leadingEdge(time) {
+    // Reset any `maxWait` timer.
+    lastInvokeTime = time;
+    // Start the timer for the trailing edge.
+    timerId = setTimeout(timerExpired, wait);
+    // Invoke the leading edge.
+    return leading ? invokeFunc(time) : result;
+  }
+
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime,
+        timeWaiting = wait - timeSinceLastCall;
+
+    return maxing
+      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
+      : timeWaiting;
+  }
+
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime;
+
+    // Either this is the first call, activity has stopped and we're at the
+    // trailing edge, the system time has gone backwards and we're treating
+    // it as the trailing edge, or we've hit the `maxWait` limit.
+    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+  }
+
+  function timerExpired() {
+    var time = now_1();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    // Restart the timer.
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+
+  function trailingEdge(time) {
+    timerId = undefined;
+
+    // Only invoke if we have `lastArgs` which means `func` has been
+    // debounced at least once.
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = undefined;
+    return result;
+  }
+
+  function cancel() {
+    if (timerId !== undefined) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = undefined;
+  }
+
+  function flush() {
+    return timerId === undefined ? result : trailingEdge(now_1());
+  }
+
+  function debounced() {
+    var time = now_1(),
+        isInvoking = shouldInvoke(time);
+
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+
+    if (isInvoking) {
+      if (timerId === undefined) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        // Handle invocations in a tight loop.
+        clearTimeout(timerId);
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === undefined) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+
+var debounce_1 = debounce;
+
+const zonosHelloCss = ":host{font-family:Inter;display:block}: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}: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:0}@media (max-width: 768px){:host .zonos--hello-wrapper{position:fixed;bottom:0;left:0;width:100vw;z-index:1001;height:0}}: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:6px;border-radius:30px;background:var(--amino-page-background);font-size:var(--amino-font-size-s);border:var(--amino-border);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;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;width:100%;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(--amino-text-color);position:absolute;background:var(--amino-page-background);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-top-left-radius:30px;border-bottom-left-radius:30px;left:0;-webkit-transform:translateX(calc(-100% + var(--amino-space-16)));transform:translateX(calc(-100% + var(--amino-space-16)));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-top:var(--amino-border);border-bottom:var(--amino-border)}: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 6px;padding-right:var(--amino-space-16);border:var(--amino-border)}:host .zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left){border-top-left-radius:0;border-bottom-left-radius:0}: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{border-top-right-radius:0;border-bottom-right-radius:0}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{border-left:0}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:var(--amino-space-16);padding-right:6px;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(--amino-space-16)));transform:translateX(calc(100% - var(--amino-space-16)));right:0;left:auto;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:30px;border-bottom-right-radius:30px}: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(--amino-v3-shadow-medium);box-shadow:var(--amino-v3-shadow-medium);z-index:10;justify-self:center}@media (max-width: 768px){:host .zonos--hello-widget .zonos--hello-country-flag-wrapper .zonos--hello-country-flag{border-radius:var(--amino-radius-4);width:24px}}@media (max-width: 768px){:host .zonos--hello-widget{position:fixed;bottom:var(--amino-space-32);right:var(--amino-space-32);border-radius:var(--amino-radius-4);padding:var(--amino-space-4);border:1px solid transparent}:host .zonos--hello-widget.zonos--hello-widget-left{left:var(--amino-space-32);right:auto}:host .zonos--hello-widget.zonos--hello-widget-top{bottom:auto;top:var(--amino-space-32)}:host .zonos--hello-widget>.zonos--hello-message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:30px;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-animate-from-left>.zonos--hello-message{-webkit-transform:translateX(0);transform:translateX(0)}:host .zonos--hello-widget.zonos--hello-show-peek-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left){border-top-left-radius:var(--amino-radius-4);border-bottom-left-radius:var(--amino-radius-4)}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left{border-top-right-radius:var(--amino-radius-4);border-bottom-right-radius:var(--amino-radius-4)}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:var(--amino-space-8);padding-right:var(--amino-space-4)}:host .zonos--hello-widget.zonos--hello-show-peek-message>.zonos--hello-message{padding:0 var(--amino-radius-4);padding-right:6px;border:none}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper{border-radius:var(--amino-radius-4)}}:host .zonos--hello-mobile-override.zonos--hello-widget{position:fixed;bottom:var(--amino-space-32);right:var(--amino-space-32);border-radius:var(--amino-radius-4);padding:var(--amino-space-4);border:1px solid transparent}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-left{left:var(--amino-space-32);right:auto}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-top{bottom:auto;top:var(--amino-space-32)}:host .zonos--hello-mobile-override.zonos--hello-widget>.zonos--hello-message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:30px;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-animate-from-left>.zonos--hello-message{-webkit-transform:translateX(0);transform:translateX(0)}:host .zonos--hello-mobile-override.zonos--hello-widget.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-show-peek-message:not(.zonos--hello-widget-animate-from-left){border-top-left-radius:var(--amino-radius-4);border-bottom-left-radius:var(--amino-radius-4)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left{border-top-right-radius:var(--amino-radius-4);border-bottom-right-radius:var(--amino-radius-4)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:var(--amino-space-8);padding-right:var(--amino-space-4)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message>.zonos--hello-message{padding:0 var(--amino-radius-4);padding-right:6px;border:none}:host .zonos--hello-mobile-override.zonos--hello-widget .zonos--hello-country-flag-wrapper{border-radius:var(--amino-radius-4)}:host .zonos--hello-mobile-override.zonos--hello-widget .zonos--hello-country-flag{border-radius:var(--amino-radius-4);width:24px}";
+
+const ZonosHello$1 = /*@__PURE__*/ proxyCustomElement(class ZonosHello extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.getHelloPeekMessage = () => {
+      switch (zonosStore.currentHelloPage) {
+        case 'cart':
+          return translate(`Prepay duties and taxes at checkout`);
+        case 'productList':
+        case 'productDetail':
+          return translate(`See duty and tax thresholds`);
+        default:
+          return `${translate('Welcome to')} ${zonosStore.organizationName}`;
+      }
+    };
+    this.enableShowPeekMessage = () => {
+      if (this.peekMessage) {
+        this.showPeekMessage = true;
+      }
+    };
+    this.changeShowDialog = (value) => {
+      this.showDialog = value;
+    };
+    this.shouldAnimateLeftDesktop = () => {
+      // Get element position (relative = desktop, fixed = mobile)
+      const elPosition = this.helloRef && getComputedStyle(this.helloRef).position;
+      // If relative position, determine if peek message should animate left or right. Mobile is pre-determined.
+      if (this.helloRef && elPosition === 'relative') {
+        const hasMoreSpaceOnRight = getHasMoreSpaceOnRight(this.helloRef);
+        // Determine peek message direction
+        return hasMoreSpaceOnRight;
+      }
+    };
+    this.mobileLocationOverride = undefined;
+    this.animateFromLeftOverride = undefined;
+    this.appearanceSettingsOverride = undefined;
+    this.showPeekMessage = false;
+    this.zonosStoreHelloSettings = zonosStore.helloSettings;
+    this.showDialog = false;
+    this.peekMessage = '';
+  }
+  componentDidLoad() {
+    const initInterval = setInterval(() => {
+      if (!this.helloRef) {
+        return;
+      }
+      if (zonosStore.loadedConfig) {
+        this.helloRef.setAttribute('data-zonos-hello-loaded', '');
+        this.peekMessage = this.getHelloPeekMessage();
+        const { peekMessageBehavior, peekMessageDelay } = zonosStore.helloSettings;
+        // peek message delay is passed in seconds, but setTimeout expects milliseconds
+        const peekMessageDelayToUse = peekMessageDelay * 1000;
+        if (peekMessageBehavior === 'ENABLED') {
+          setTimeout(() => {
+            this.enableShowPeekMessage();
+            setTimeout(() => {
+              this.showPeekMessage = false;
+            }, 3000);
+          }, peekMessageDelayToUse);
+        }
+        clearInterval(initInterval);
+      }
+    }, 100);
+  }
+  /**
+   * This method will trigger the currency conversion and display the converted value
+   * @returns void
+   */
+  async displayCurrency() {
+    if (!localizationStore.exchangeRate) {
+      // eslint-disable-next-line no-console
+      console.error('Could not display currency. Exchange rate and format data is not available.');
+      return;
+    }
+    currencyDisplay();
+  }
+  /**
+   * This method will call convert and format, and return the converted and formatted string
+   * @returns string
+   */
+  async convertAndFormat(value) {
+    currencyConvertAndFormat(value);
+  }
+  /**
+   * This method will convert the currency and return the converted value
+   * @returns number
+   */
+  async convert(value) {
+    currencyConvert(value);
+  }
+  /**
+   * This method will format the currency and return the formatted string
+   * @returns number
+   */
+  async format(value) {
+    currencyFormat(value);
+  }
+  handleResize() {
+    debounce_1(this.render.bind(this), 500);
+  }
+  render() {
+    var _a;
+    const isExcludedUrl = (_a = zonosStore.helloSettings.excludedUrlPatterns) === null || _a === void 0 ? void 0 : _a.some(pattern => new RegExp(pattern).test(window.location.href));
+    if (isExcludedUrl) {
+      log('Hello is excluded on this url', 'warn');
+      return null;
+    }
+    const { selectedCountryCode } = localizationStore;
+    const mobileLocation = this.mobileLocationOverride || zonosStore.helloSettings.mobileLocation;
+    const isMobileWindow = window.innerWidth < 768;
+    const isOnLeft = this.animateFromLeftOverride ||
+      (isMobileWindow && mobileLocation.includes('LEFT')) ||
+      this.shouldAnimateLeftDesktop() ||
+      false;
+    const isOnTop = mobileLocation.includes('TOP');
+    const appearanceSettings = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride);
+    const { theme } = appearanceSettings;
+    return (h(Host, { class: "zonos--hello zonos--elements", "data-theme": theme }, selectedCountryCode && (h("div", { class: "zonos--hello-wrapper" }, h("button", { class: classes([
+        'zonos--hello-widget',
+        this.showPeekMessage && 'zonos--hello-show-peek-message',
+        this.mobileLocationOverride && 'zonos--hello-mobile-override',
+        isOnLeft &&
+          'zonos--hello-widget-left zonos--hello-widget-animate-from-left',
+        isOnTop && 'zonos--hello-widget-top',
+      ]), onClick: () => {
+        this.changeShowDialog(!this.showDialog);
+      }, onMouseEnter: () => this.enableShowPeekMessage(), onMouseLeave: () => (this.showPeekMessage = false), ref: el => el && (this.helloRef = el) }, h("span", { class: "zonos--hello-message" }, this.peekMessage), selectedCountryCode && (h("div", { class: "zonos--hello-country-flag-wrapper" }, h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode })))), h("div", { class: classes([
+        'zonos--hello-dialog-wrapper',
+        this.mobileLocationOverride &&
+          'zonos--hello-dialog-wrapper-mobile-override',
+      ]), style: { height: this.showDialog ? 'fit-content' : '0px' } }, h("zonos-hello-dialog", { animateFromLeftOverride: this.animateFromLeftOverride, appearanceSettings: appearanceSettings, isOpen: this.showDialog, mobileLocationOverride: this.mobileLocationOverride, setIsOpen: this.changeShowDialog }))))));
+  }
+  static get style() { return zonosHelloCss; }
+}, [1, "zonos-hello", {
+    "mobileLocationOverride": [1, "mobile-location-override"],
+    "animateFromLeftOverride": [4, "animate-from-left-override"],
+    "appearanceSettingsOverride": [16],
+    "showPeekMessage": [32],
+    "zonosStoreHelloSettings": [32],
+    "showDialog": [32],
+    "peekMessage": [32],
+    "displayCurrency": [64],
+    "convertAndFormat": [64],
+    "convert": [64],
+    "format": [64]
+  }, [[9, "resize", "handleResize"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["zonos-hello", "zonos-button", "zonos-card", "zonos-country-flag", "zonos-country-select", "zonos-custom-message", "zonos-hello-dialog", "zonos-hello-dialog-footer", "zonos-icon", "zonos-spinner", "zonos-text", "zonos-v-stack"];
+  components.forEach(tagName => { switch (tagName) {
+    case "zonos-hello":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ZonosHello$1);
+      }
+      break;
+    case "zonos-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "zonos-card":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "zonos-country-flag":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "zonos-country-select":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "zonos-custom-message":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "zonos-hello-dialog":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "zonos-hello-dialog-footer":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "zonos-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "zonos-spinner":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "zonos-text":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "zonos-v-stack":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const ZonosHello = ZonosHello$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZonosHello, defineCustomElement };
+
+//# sourceMappingURL=zonos-hello.js.map

package/dist/components/zonos-hello.js.map

@@ -0,0 +1 @@
+{"file":"zonos-hello.js","mappings":";;;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,GAAG,GAAG,WAAW;AACrB,EAAE,OAAOA,KAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;AACzB,CAAC,CAAC;AACF;AACA,SAAc,GAAG,GAAG;;ACtBpB;AACA,IAAI,YAAY,GAAG,IAAI,CAAC;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,eAAe,CAAC,MAAM,EAAE;AACjC,EAAE,IAAI,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;AAC5B;AACA,EAAE,OAAO,KAAK,EAAE,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE;AAC/D,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACD;AACA,oBAAc,GAAG,eAAe;;AChBhC;AACA,IAAI,WAAW,GAAG,MAAM,CAAC;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,QAAQ,CAAC,MAAM,EAAE;AAC1B,EAAE,OAAO,MAAM;AACf,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC,EAAEC,gBAAe,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;AAC3E,MAAM,MAAM,CAAC;AACb,CAAC;AACD;AACA,aAAc,GAAG,QAAQ;;ACfzB;AACA,IAAI,SAAS,GAAG,iBAAiB,CAAC;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,QAAQ,CAAC,KAAK,EAAE;AACzB,EAAE,OAAO,OAAO,KAAK,IAAI,QAAQ;AACjC,KAAKC,cAAY,CAAC,KAAK,CAAC,IAAIC,WAAU,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,CAAC;AAC5D,CAAC;AACD;AACA,cAAc,GAAG,QAAQ;;ACxBzB;AACA,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;AAChB;AACA;AACA,IAAI,UAAU,GAAG,oBAAoB,CAAC;AACtC;AACA;AACA,IAAI,UAAU,GAAG,YAAY,CAAC;AAC9B;AACA;AACA,IAAI,SAAS,GAAG,aAAa,CAAC;AAC9B;AACA;AACA,IAAI,YAAY,GAAG,QAAQ,CAAC;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,QAAQ,CAAC,KAAK,EAAE;AACzB,EAAE,IAAI,OAAO,KAAK,IAAI,QAAQ,EAAE;AAChC,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAIC,UAAQ,CAAC,KAAK,CAAC,EAAE;AACvB,IAAI,OAAO,GAAG,CAAC;AACf,GAAG;AACH,EAAE,IAAIC,UAAQ,CAAC,KAAK,CAAC,EAAE;AACvB,IAAI,IAAI,KAAK,GAAG,OAAO,KAAK,CAAC,OAAO,IAAI,UAAU,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC;AAC7E,IAAI,KAAK,GAAGA,UAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,EAAE,IAAI,KAAK,CAAC;AACnD,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,IAAI,QAAQ,EAAE;AAChC,IAAI,OAAO,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC;AACxC,GAAG;AACH,EAAE,KAAK,GAAGC,SAAQ,CAAC,KAAK,CAAC,CAAC;AAC1B,EAAE,IAAI,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACxC,EAAE,OAAO,CAAC,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AAC3C,MAAM,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC;AACpD,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;AAC9C,CAAC;AACD;AACA,cAAc,GAAG,QAAQ;;AC3DzB;AACA,IAAI,eAAe,GAAG,qBAAqB,CAAC;AAC5C;AACA;AACA,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG;AACxB,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;AACvC,EAAE,IAAI,QAAQ;AACd,MAAM,QAAQ;AACd,MAAM,OAAO;AACb,MAAM,MAAM;AACZ,MAAM,OAAO;AACb,MAAM,YAAY;AAClB,MAAM,cAAc,GAAG,CAAC;AACxB,MAAM,OAAO,GAAG,KAAK;AACrB,MAAM,MAAM,GAAG,KAAK;AACpB,MAAM,QAAQ,GAAG,IAAI,CAAC;AACtB;AACA,EAAE,IAAI,OAAO,IAAI,IAAI,UAAU,EAAE;AACjC,IAAI,MAAM,IAAI,SAAS,CAAC,eAAe,CAAC,CAAC;AACzC,GAAG;AACH,EAAE,IAAI,GAAGC,UAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC7B,EAAE,IAAIF,UAAQ,CAAC,OAAO,CAAC,EAAE;AACzB,IAAI,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC;AAChC,IAAI,MAAM,GAAG,SAAS,IAAI,OAAO,CAAC;AAClC,IAAI,OAAO,GAAG,MAAM,GAAG,SAAS,CAACE,UAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC;AACjF,IAAI,QAAQ,GAAG,UAAU,IAAI,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACrE,GAAG;AACH;AACA,EAAE,SAAS,UAAU,CAAC,IAAI,EAAE;AAC5B,IAAI,IAAI,IAAI,GAAG,QAAQ;AACvB,QAAQ,OAAO,GAAG,QAAQ,CAAC;AAC3B;AACA,IAAI,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AACpC,IAAI,cAAc,GAAG,IAAI,CAAC;AAC1B,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACvC,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG;AACH;AACA,EAAE,SAAS,WAAW,CAAC,IAAI,EAAE;AAC7B;AACA,IAAI,cAAc,GAAG,IAAI,CAAC;AAC1B;AACA,IAAI,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;AAC7C;AACA,IAAI,OAAO,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;AAC/C,GAAG;AACH;AACA,EAAE,SAAS,aAAa,CAAC,IAAI,EAAE;AAC/B,IAAI,IAAI,iBAAiB,GAAG,IAAI,GAAG,YAAY;AAC/C,QAAQ,mBAAmB,GAAG,IAAI,GAAG,cAAc;AACnD,QAAQ,WAAW,GAAG,IAAI,GAAG,iBAAiB,CAAC;AAC/C;AACA,IAAI,OAAO,MAAM;AACjB,QAAQ,SAAS,CAAC,WAAW,EAAE,OAAO,GAAG,mBAAmB,CAAC;AAC7D,QAAQ,WAAW,CAAC;AACpB,GAAG;AACH;AACA,EAAE,SAAS,YAAY,CAAC,IAAI,EAAE;AAC9B,IAAI,IAAI,iBAAiB,GAAG,IAAI,GAAG,YAAY;AAC/C,QAAQ,mBAAmB,GAAG,IAAI,GAAG,cAAc,CAAC;AACpD;AACA;AACA;AACA;AACA,IAAI,QAAQ,YAAY,KAAK,SAAS,KAAK,iBAAiB,IAAI,IAAI,CAAC;AACrE,OAAO,iBAAiB,GAAG,CAAC,CAAC,KAAK,MAAM,IAAI,mBAAmB,IAAI,OAAO,CAAC,EAAE;AAC7E,GAAG;AACH;AACA,EAAE,SAAS,YAAY,GAAG;AAC1B,IAAI,IAAI,IAAI,GAAGC,KAAG,EAAE,CAAC;AACrB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE;AAC5B,MAAM,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC;AAChC,KAAK;AACL;AACA,IAAI,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5D,GAAG;AACH;AACA,EAAE,SAAS,YAAY,CAAC,IAAI,EAAE;AAC9B,IAAI,OAAO,GAAG,SAAS,CAAC;AACxB;AACA;AACA;AACA,IAAI,IAAI,QAAQ,IAAI,QAAQ,EAAE;AAC9B,MAAM,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAC9B,KAAK;AACL,IAAI,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AACpC,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG;AACH;AACA,EAAE,SAAS,MAAM,GAAG;AACpB,IAAI,IAAI,OAAO,KAAK,SAAS,EAAE;AAC/B,MAAM,YAAY,CAAC,OAAO,CAAC,CAAC;AAC5B,KAAK;AACL,IAAI,cAAc,GAAG,CAAC,CAAC;AACvB,IAAI,QAAQ,GAAG,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAC7D,GAAG;AACH;AACA,EAAE,SAAS,KAAK,GAAG;AACnB,IAAI,OAAO,OAAO,KAAK,SAAS,GAAG,MAAM,GAAG,YAAY,CAACA,KAAG,EAAE,CAAC,CAAC;AAChE,GAAG;AACH;AACA,EAAE,SAAS,SAAS,GAAG;AACvB,IAAI,IAAI,IAAI,GAAGA,KAAG,EAAE;AACpB,QAAQ,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;AACxC;AACA,IAAI,QAAQ,GAAG,SAAS,CAAC;AACzB,IAAI,QAAQ,GAAG,IAAI,CAAC;AACpB,IAAI,YAAY,GAAG,IAAI,CAAC;AACxB;AACA,IAAI,IAAI,UAAU,EAAE;AACpB,MAAM,IAAI,OAAO,KAAK,SAAS,EAAE;AACjC,QAAQ,OAAO,WAAW,CAAC,YAAY,CAAC,CAAC;AACzC,OAAO;AACP,MAAM,IAAI,MAAM,EAAE;AAClB;AACA,QAAQ,YAAY,CAAC,OAAO,CAAC,CAAC;AAC9B,QAAQ,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;AACjD,QAAQ,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC;AACxC,OAAO;AACP,KAAK;AACL,IAAI,IAAI,OAAO,KAAK,SAAS,EAAE;AAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;AAC/C,KAAK;AACL,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG;AACH,EAAE,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC;AAC5B,EAAE,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;AAC1B,EAAE,OAAO,SAAS,CAAC;AACnB,CAAC;AACD;AACA,cAAc,GAAG,QAAQ;;AC9LzB,MAAM,aAAa,GAAG,mvPAAmvP;;MCwB5vPC,YAAU;;;;;IAuBb,wBAAmB,GAAG;MAC5B,QAAQ,UAAU,CAAC,gBAAgB;QACjC,KAAK,MAAM;UACT,OAAO,SAAS,CAAC,qCAAqC,CAAC,CAAC;QAC1D,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe;UAClB,OAAO,SAAS,CAAC,6BAA6B,CAAC,CAAC;QAElD;UACE,OAAO,GAAG,SAAS,CAAC,YAAY,CAAC,IAAI,UAAU,CAAC,gBAAgB,EAAE,CAAC;OACtE;KACF,CAAC;IAEM,0BAAqB,GAAG;MAC9B,IAAI,IAAI,CAAC,WAAW,EAAE;QACpB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;OAC7B;KACF,CAAC;IA0EM,qBAAgB,GAAG,CAAC,KAAc;MACxC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;KACzB,CAAC;IAEM,6BAAwB,GAAG;;MAEjC,MAAM,UAAU,GACd,IAAI,CAAC,QAAQ,IAAI,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC;;MAG5D,IAAI,IAAI,CAAC,QAAQ,IAAI,UAAU,KAAK,UAAU,EAAE;QAC9C,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;;QAGlE,OAAO,mBAAmB,CAAC;OAC5B;KACF,CAAC;;;;2BAhHkC,KAAK;mCACN,UAAU,CAAC,aAAa;sBAC5B,KAAK;uBACE,EAAE;;EAqBxC,gBAAgB;IACd,MAAM,YAAY,GAAG,WAAW,CAAC;MAC/B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QAClB,OAAO;OACR;MACD,IAAI,UAAU,CAAC,YAAY,EAAE;QAC3B,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,yBAAyB,EAAE,EAAE,CAAC,CAAC;QAE1D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC9C,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAC7C,UAAU,CAAC,aAAa,CAAC;;QAE3B,MAAM,qBAAqB,GAAG,gBAAgB,GAAG,IAAI,CAAC;QAEtD,IAAI,mBAAmB,KAAK,SAAS,EAAE;UACrC,UAAU,CAAC;YACT,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAE7B,UAAU,CAAC;cACT,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;aAC9B,EAAE,IAAI,CAAC,CAAC;WACV,EAAE,qBAAqB,CAAC,CAAC;SAC3B;QAED,aAAa,CAAC,YAAY,CAAC,CAAC;OAC7B;KACF,EAAE,GAAG,CAAC,CAAC;GACT;;;;;EAOD,MAAM,eAAe;IACnB,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;;MAEnC,OAAO,CAAC,KAAK,CACX,6EAA6E,CAC9E,CAAC;MACF,OAAO;KACR;IACD,eAAe,EAAE,CAAC;GACnB;;;;;EAOD,MAAM,gBAAgB,CAAC,KAAa;IAClC,wBAAwB,CAAC,KAAK,CAAC,CAAC;GACjC;;;;;EAOD,MAAM,OAAO,CAAC,KAAa;IACzB,eAAe,CAAC,KAAK,CAAC,CAAC;GACxB;;;;;EAOD,MAAM,MAAM,CAAC,KAAa;IACxB,cAAc,CAAC,KAAK,CAAC,CAAC;GACvB;EAqBD,YAAY;IACVC,UAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;GACvC;EAED,MAAM;;IACJ,MAAM,aAAa,GAAG,MAAA,UAAU,CAAC,aAAa,CAAC,mBAAmB,0CAAE,IAAI,CACtE,OAAO,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAC1D,CAAC;IACF,IAAI,aAAa,EAAE;MACjB,GAAG,CAAC,+BAA+B,EAAE,MAAM,CAAC,CAAC;MAC7C,OAAO,IAAI,CAAC;KACb;IAED,MAAM,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,CAAC;IAClD,MAAM,cAAc,GAClB,IAAI,CAAC,sBAAsB,IAAI,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC;IACzE,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;IAE/C,MAAM,QAAQ,GACZ,IAAI,CAAC,uBAAuB;OAC3B,cAAc,IAAI,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;MACnD,IAAI,CAAC,wBAAwB,EAAE;MAC/B,KAAK,CAAC;IAER,MAAM,OAAO,GAAG,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,kBAAkB,GAAG,WAAW,CACpC,UAAU,CAAC,UAAU,EACrB,IAAI,CAAC,0BAA0B,CAChC,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,CAAC;IAErC,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,8BAA8B,gBAAa,KAAK,IACzD,mBAAmB,KAClB,WAAK,KAAK,EAAC,sBAAsB,IAC/B,cACE,KAAK,EAAE,OAAO,CAAC;QACb,qBAAqB;QACrB,IAAI,CAAC,eAAe,IAAI,gCAAgC;QACxD,IAAI,CAAC,sBAAsB,IAAI,8BAA8B;QAC7D,QAAQ;UACN,gEAAgE;QAClE,OAAO,IAAI,yBAAyB;OACrC,CAAC,EACF,OAAO,EAAE;QACP,IAAI,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;OACzC,EACD,YAAY,EAAE,MAAM,IAAI,CAAC,qBAAqB,EAAE,EAChD,YAAY,EAAE,OAAO,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,EAClD,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,IAErC,YAAM,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,WAAW,CAAQ,EAE3D,mBAAmB,KAClB,WAAK,KAAK,EAAC,mCAAmC,IAC5C,0BACE,KAAK,EAAC,2BAA2B,EACjC,WAAW,EAAE,mBAAmB,GACZ,CAClB,CACP,CACM,EAET,WACE,KAAK,EAAE,OAAO,CAAC;QACb,6BAA6B;QAC7B,IAAI,CAAC,sBAAsB;UACzB,6CAA6C;OAChD,CAAC,EACF,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,KAAK,EAAE,IAE1D,0BACE,uBAAuB,EAAE,IAAI,CAAC,uBAAuB,EACrD,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,EACnD,SAAS,EAAE,IAAI,CAAC,gBAAgB,GACZ,CAClB,CACF,CACP,CACI,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["root","trimmedEndIndex","isObjectLike","baseGetTag","isSymbol","isObject","baseTrim","toNumber","now","ZonosHello","debounce"],"sources":["node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/now.js","node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_trimmedEndIndex.js","node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseTrim.js","node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isSymbol.js","node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/toNumber.js","node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/debounce.js","src/components/hello/zonos-hello/zonos-hello.scss?tag=zonos-hello&encapsulation=shadow","src/components/hello/zonos-hello/zonos-hello.tsx"],"sourcesContent":["var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n *   console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n  return root.Date.now();\n};\n\nmodule.exports = now;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n  var index = string.length;\n\n  while (index-- && reWhitespace.test(string.charAt(index))) {}\n  return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n  return string\n    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n    : string;\n}\n\nmodule.exports = baseTrim;\n","var baseGetTag = require('./_baseGetTag'),\n    isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nmodule.exports = isSymbol;\n","var baseTrim = require('./_baseTrim'),\n    isObject = require('./isObject'),\n    isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = baseTrim(value);\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n","var isObject = require('./isObject'),\n    now = require('./now'),\n    toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n    nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n *  Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n *  The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n *   'leading': true,\n *   'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n  var lastArgs,\n      lastThis,\n      maxWait,\n      result,\n      timerId,\n      lastCallTime,\n      lastInvokeTime = 0,\n      leading = false,\n      maxing = false,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  wait = toNumber(wait) || 0;\n  if (isObject(options)) {\n    leading = !!options.leading;\n    maxing = 'maxWait' in options;\n    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n\n  function invokeFunc(time) {\n    var args = lastArgs,\n        thisArg = lastThis;\n\n    lastArgs = lastThis = undefined;\n    lastInvokeTime = time;\n    result = func.apply(thisArg, args);\n    return result;\n  }\n\n  function leadingEdge(time) {\n    // Reset any `maxWait` timer.\n    lastInvokeTime = time;\n    // Start the timer for the trailing edge.\n    timerId = setTimeout(timerExpired, wait);\n    // Invoke the leading edge.\n    return leading ? invokeFunc(time) : result;\n  }\n\n  function remainingWait(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime,\n        timeWaiting = wait - timeSinceLastCall;\n\n    return maxing\n      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n      : timeWaiting;\n  }\n\n  function shouldInvoke(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime;\n\n    // Either this is the first call, activity has stopped and we're at the\n    // trailing edge, the system time has gone backwards and we're treating\n    // it as the trailing edge, or we've hit the `maxWait` limit.\n    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n  }\n\n  function timerExpired() {\n    var time = now();\n    if (shouldInvoke(time)) {\n      return trailingEdge(time);\n    }\n    // Restart the timer.\n    timerId = setTimeout(timerExpired, remainingWait(time));\n  }\n\n  function trailingEdge(time) {\n    timerId = undefined;\n\n    // Only invoke if we have `lastArgs` which means `func` has been\n    // debounced at least once.\n    if (trailing && lastArgs) {\n      return invokeFunc(time);\n    }\n    lastArgs = lastThis = undefined;\n    return result;\n  }\n\n  function cancel() {\n    if (timerId !== undefined) {\n      clearTimeout(timerId);\n    }\n    lastInvokeTime = 0;\n    lastArgs = lastCallTime = lastThis = timerId = undefined;\n  }\n\n  function flush() {\n    return timerId === undefined ? result : trailingEdge(now());\n  }\n\n  function debounced() {\n    var time = now(),\n        isInvoking = shouldInvoke(time);\n\n    lastArgs = arguments;\n    lastThis = this;\n    lastCallTime = time;\n\n    if (isInvoking) {\n      if (timerId === undefined) {\n        return leadingEdge(lastCallTime);\n      }\n      if (maxing) {\n        // Handle invocations in a tight loop.\n        clearTimeout(timerId);\n        timerId = setTimeout(timerExpired, wait);\n        return invokeFunc(lastCallTime);\n      }\n    }\n    if (timerId === undefined) {\n      timerId = setTimeout(timerExpired, wait);\n    }\n    return result;\n  }\n  debounced.cancel = cancel;\n  debounced.flush = flush;\n  return debounced;\n}\n\nmodule.exports = debounce;\n",":host {\n  display: inline-block;\n\n  .zonos--hello-wrapper {\n    position: relative;\n\n    .zonos--hello-dialog-wrapper-mobile-override {\n      @include zonos--hello-dialog-wrapper-mobile;\n    }\n    @media (max-width: 768px) {\n      @include zonos--hello-dialog-wrapper-mobile;\n    }\n  }\n\n  .zonos--hello-widget {\n    // Base CSS is catered to the right positioned widget (animating in from the right)\n    transition: all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);\n    padding: 6px;\n    border-radius: 30px;\n    background: $amino-page-background;\n    font-size: $amino-font-size-s;\n    border: $amino-border;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    height: fit-content;\n    width: fit-content;\n    position: relative;\n    z-index: 1000;\n\n    > .zonos--hello-message {\n      order: 0; // Position text on the left\n      width: 100%;\n      max-width: 0;\n      height: 100%;\n      white-space: nowrap;\n      transition: border 0.3s ease-in,\n        all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);\n      overflow: hidden;\n      color: $amino-text-color;\n      position: absolute;\n      background: $amino-page-background;\n      display: flex;\n      align-items: center;\n      border-top-left-radius: 30px;\n      border-bottom-left-radius: 30px;\n      left: 0;\n      transform: translateX(calc(-100% + $amino-space-16));\n      width: fit-content;\n      border-top: $amino-border;\n      border-bottom: $amino-border;\n    }\n\n    &.zonos--hello-show-peek-message {\n      max-width: 100vw;\n      width: 100%;\n\n      > .zonos--hello-message {\n        max-width: 100vw;\n        padding: 0 6px;\n        padding-right: $amino-space-16;\n        border: $amino-border;\n      }\n\n      &:not(.zonos--hello-widget-animate-from-left) {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n\n        > .zonos--hello-message {\n          border-right: none;\n        }\n      }\n\n      &.zonos--hello-widget-animate-from-left {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        > .zonos--hello-message {\n          border-left: 0;\n        }\n\n        > .zonos--hello-message {\n          padding-left: $amino-space-16;\n          padding-right: 6px;\n          border-left: none;\n        }\n      }\n    }\n\n    &.zonos--hello-widget-animate-from-left {\n      > .zonos--hello-message {\n        order: 1; // Position text on the right\n        transform: translateX(calc(100% - $amino-space-16));\n        right: 0;\n        left: auto;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n        border-top-right-radius: 30px;\n        border-bottom-right-radius: 30px;\n      }\n    }\n\n    .zonos--hello-country-flag-wrapper {\n      display: flex;\n      justify-content: center;\n\n      .zonos--hello-country-flag {\n        @include zonos--hello-country-flag;\n\n        @media (max-width: 768px) {\n          @include zonos--hello-country-flag-mobile;\n        }\n      }\n    }\n\n    // Mobile styles (fixed position)\n    @media (max-width: 768px) {\n      @include zonos--hello-widget-mobile;\n    }\n  }\n\n  // Apply mobile styles on mobile override prop\n  .zonos--hello-mobile-override {\n    &.zonos--hello-widget {\n      @include zonos--hello-widget-mobile;\n\n      .zonos--hello-country-flag {\n        @include zonos--hello-country-flag-mobile;\n      }\n    }\n  }\n}\n","import { Component, h, Host, Listen, Method, Prop, State } from '@stencil/core';\nimport debounce from 'lodash/debounce';\n\nimport { localizationStore } from 'src/components/store/hello/localization';\nimport { translate } from 'src/components/store/translationStore';\nimport {\n  type AppearanceConfig,\n  zonosStore,\n} from 'src/components/store/zonosStore';\nimport { classes } from 'src/components/utils/classes';\nimport { currencyConvert } from 'src/components/utils/hello/currencyConversion/currencyConvert';\nimport { currencyConvertAndFormat } from 'src/components/utils/hello/currencyConversion/currencyConvertAndFormat';\nimport { currencyDisplay } from 'src/components/utils/hello/currencyConversion/currencyDisplay';\nimport { currencyFormat } from 'src/components/utils/hello/currencyConversion/currencyFormat';\nimport { getHasMoreSpaceOnRight } from 'src/components/utils/hello/getHasMoreSpaceOnRight';\nimport { log } from 'src/components/utils/logging/log';\nimport { mergeConfig } from 'src/components/utils/mergeConfig';\nimport type { HelloMobileLocation } from 'src/types/generated/graphql.customer.types';\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-hello.scss',\n  tag: 'zonos-hello',\n})\nexport class ZonosHello {\n  private helloRef?: HTMLButtonElement;\n\n  /**\n   * Force mobile styling instead of media query and use the passed location value\n   * @default false\n   */\n  @Prop() mobileLocationOverride?: HelloMobileLocation;\n  /**\n   * Force left animation instead of detecting which side has more space\n   * @default false\n   */\n  @Prop() animateFromLeftOverride?: boolean;\n  /**\n   * Override the appearance settings\n   */\n  @Prop() appearanceSettingsOverride?: Partial<AppearanceConfig>;\n\n  @State() showPeekMessage: boolean = false;\n  @State() zonosStoreHelloSettings = zonosStore.helloSettings;\n  @State() showDialog: boolean = false;\n  @State() peekMessage: string | null = '';\n\n  private getHelloPeekMessage = () => {\n    switch (zonosStore.currentHelloPage) {\n      case 'cart':\n        return translate(`Prepay duties and taxes at checkout`);\n      case 'productList':\n      case 'productDetail':\n        return translate(`See duty and tax thresholds`);\n\n      default:\n        return `${translate('Welcome to')} ${zonosStore.organizationName}`;\n    }\n  };\n\n  private enableShowPeekMessage = () => {\n    if (this.peekMessage) {\n      this.showPeekMessage = true;\n    }\n  };\n\n  componentDidLoad() {\n    const initInterval = setInterval(() => {\n      if (!this.helloRef) {\n        return;\n      }\n      if (zonosStore.loadedConfig) {\n        this.helloRef.setAttribute('data-zonos-hello-loaded', '');\n\n        this.peekMessage = this.getHelloPeekMessage();\n        const { peekMessageBehavior, peekMessageDelay } =\n          zonosStore.helloSettings;\n        // peek message delay is passed in seconds, but setTimeout expects milliseconds\n        const peekMessageDelayToUse = peekMessageDelay * 1000;\n\n        if (peekMessageBehavior === 'ENABLED') {\n          setTimeout(() => {\n            this.enableShowPeekMessage();\n\n            setTimeout(() => {\n              this.showPeekMessage = false;\n            }, 3000);\n          }, peekMessageDelayToUse);\n        }\n\n        clearInterval(initInterval);\n      }\n    }, 100);\n  }\n\n  /**\n   * This method will trigger the currency conversion and display the converted value\n   * @returns void\n   */\n  @Method()\n  async displayCurrency() {\n    if (!localizationStore.exchangeRate) {\n      // eslint-disable-next-line no-console\n      console.error(\n        'Could not display currency. Exchange rate and format data is not available.',\n      );\n      return;\n    }\n    currencyDisplay();\n  }\n\n  /**\n   * This method will call convert and format, and return the converted and formatted string\n   * @returns string\n   */\n  @Method()\n  async convertAndFormat(value: number) {\n    currencyConvertAndFormat(value);\n  }\n\n  /**\n   * This method will convert the currency and return the converted value\n   * @returns number\n   */\n  @Method()\n  async convert(value: number) {\n    currencyConvert(value);\n  }\n\n  /**\n   * This method will format the currency and return the formatted string\n   * @returns number\n   */\n  @Method()\n  async format(value: number) {\n    currencyFormat(value);\n  }\n\n  private changeShowDialog = (value: boolean) => {\n    this.showDialog = value;\n  };\n\n  private shouldAnimateLeftDesktop = () => {\n    // Get element position (relative = desktop, fixed = mobile)\n    const elPosition =\n      this.helloRef && getComputedStyle(this.helloRef).position;\n\n    // If relative position, determine if peek message should animate left or right. Mobile is pre-determined.\n    if (this.helloRef && elPosition === 'relative') {\n      const hasMoreSpaceOnRight = getHasMoreSpaceOnRight(this.helloRef);\n\n      // Determine peek message direction\n      return hasMoreSpaceOnRight;\n    }\n  };\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    debounce(this.render.bind(this), 500);\n  }\n\n  render() {\n    const isExcludedUrl = zonosStore.helloSettings.excludedUrlPatterns?.some(\n      pattern => new RegExp(pattern).test(window.location.href),\n    );\n    if (isExcludedUrl) {\n      log('Hello is excluded on this url', 'warn');\n      return null;\n    }\n\n    const { selectedCountryCode } = localizationStore;\n    const mobileLocation =\n      this.mobileLocationOverride || zonosStore.helloSettings.mobileLocation;\n    const isMobileWindow = window.innerWidth < 768;\n\n    const isOnLeft =\n      this.animateFromLeftOverride ||\n      (isMobileWindow && mobileLocation.includes('LEFT')) ||\n      this.shouldAnimateLeftDesktop() ||\n      false;\n\n    const isOnTop = mobileLocation.includes('TOP');\n\n    const appearanceSettings = mergeConfig(\n      zonosStore.appearance,\n      this.appearanceSettingsOverride,\n    );\n    const { theme } = appearanceSettings;\n\n    return (\n      <Host class=\"zonos--hello zonos--elements\" data-theme={theme}>\n        {selectedCountryCode && (\n          <div class=\"zonos--hello-wrapper\">\n            <button\n              class={classes([\n                'zonos--hello-widget',\n                this.showPeekMessage && 'zonos--hello-show-peek-message',\n                this.mobileLocationOverride && 'zonos--hello-mobile-override',\n                isOnLeft &&\n                  'zonos--hello-widget-left zonos--hello-widget-animate-from-left',\n                isOnTop && 'zonos--hello-widget-top',\n              ])}\n              onClick={() => {\n                this.changeShowDialog(!this.showDialog);\n              }}\n              onMouseEnter={() => this.enableShowPeekMessage()}\n              onMouseLeave={() => (this.showPeekMessage = false)}\n              ref={el => el && (this.helloRef = el)}\n            >\n              <span class=\"zonos--hello-message\">{this.peekMessage}</span>\n\n              {selectedCountryCode && (\n                <div class=\"zonos--hello-country-flag-wrapper\">\n                  <zonos-country-flag\n                    class=\"zonos--hello-country-flag\"\n                    countryCode={selectedCountryCode}\n                  ></zonos-country-flag>\n                </div>\n              )}\n            </button>\n\n            <div\n              class={classes([\n                'zonos--hello-dialog-wrapper',\n                this.mobileLocationOverride &&\n                  'zonos--hello-dialog-wrapper-mobile-override',\n              ])}\n              style={{ height: this.showDialog ? 'fit-content' : '0px' }}\n            >\n              <zonos-hello-dialog\n                animateFromLeftOverride={this.animateFromLeftOverride}\n                appearanceSettings={appearanceSettings}\n                isOpen={this.showDialog}\n                mobileLocationOverride={this.mobileLocationOverride}\n                setIsOpen={this.changeShowDialog}\n              ></zonos-hello-dialog>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/zonos-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZonosIcon extends Components.ZonosIcon, HTMLElement {}
+export const ZonosIcon: {
+  prototype: ZonosIcon;
+  new (): ZonosIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;