@zonos/elements 1.0.16

package/dist/zonos-elements/zonos-hello.entry.js.map

@@ -0,0 +1 @@
+{"file":"zonos-hello.entry.esm.js","mappings":"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","names":["root","trimmedEndIndex","isObjectLike","baseGetTag","isSymbol","isObject","baseTrim","toNumber","now","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/zonos-elements/zonos-hello.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,o,t,n){function i(e){return e instanceof t?e:new t((function(o){o(e)}))}return new(t||(t=Promise))((function(t,r){function s(e){try{l(n.next(e))}catch(e){r(e)}}function a(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?t(e.value):i(e.value).then(s,a)}l((n=n.apply(e,o||[])).next())}))};var __generator=this&&this.__generator||function(e,o){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(o){return l([e,o])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(t=0)),t)try{if(n=1,i&&(r=a[0]&2?i["return"]:a[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,a[1])).done)return r;if(i=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:t.label++;return{value:a[1],done:false};case 5:t.label++;i=a[1];a=[0];continue;case 7:a=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){t=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){t.label=a[1];break}if(a[0]===6&&t.label<r[1]){t.label=r[1];r=a;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(a);break}if(r[2])t.ops.pop();t.trys.pop();continue}a=o.call(e,t)}catch(e){a=[6,e];i=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-87193773.system.js","./zonosStore-77bcd7c0.system.js","./localization-3c43290f.system.js","./classes-ce25a814.system.js","./getHasMoreSpaceOnRight-5a9efd60.system.js"],(function(e){"use strict";var o,t,n,i,r,s,a,l,h,d,f,u,c,m,g,p,w,v;return{setters:[function(e){o=e.r;t=e.h;n=e.H},function(e){i=e._;r=e.i;s=e.e;a=e.f;l=e.z;h=e.m},function(e){d=e.t;f=e.a;u=e.e;c=e.f;m=e.g;g=e.j;p=e.l},function(e){w=e.c},function(e){v=e.g}],execute:function(){var b=function(){return i.Date.now()};var z=b;var x=/\s/;function y(e){var o=e.length;while(o--&&x.test(e.charAt(o))){}return o}var k=y;var _=/^\s+/;function S(e){return e?e.slice(0,k(e)+1).replace(_,""):e}var M=S;var L="[object Symbol]";function O(e){return typeof e=="symbol"||r(e)&&s(e)==L}var D=O;var P=0/0;var T=/^[-+]0x[0-9a-f]+$/i;var X=/^0b[01]+$/i;var R=/^0o[0-7]+$/i;var j=parseInt;function E(e){if(typeof e=="number"){return e}if(D(e)){return P}if(a(e)){var o=typeof e.valueOf=="function"?e.valueOf():e;e=a(o)?o+"":o}if(typeof e!="string"){return e===0?e:+e}e=M(e);var t=X.test(e);return t||R.test(e)?j(e.slice(2),t?2:8):T.test(e)?P:+e}var C=E;var H="Expected a function";var A=Math.max,F=Math.min;function I(e,o,t){var n,i,r,s,l,h,d=0,f=false,u=false,c=true;if(typeof e!="function"){throw new TypeError(H)}o=C(o)||0;if(a(t)){f=!!t.leading;u="maxWait"in t;r=u?A(C(t.maxWait)||0,o):r;c="trailing"in t?!!t.trailing:c}function m(o){var t=n,r=i;n=i=undefined;d=o;s=e.apply(r,t);return s}function g(e){d=e;l=setTimeout(v,o);return f?m(e):s}function p(e){var t=e-h,n=e-d,i=o-t;return u?F(i,r-n):i}function w(e){var t=e-h,n=e-d;return h===undefined||t>=o||t<0||u&&n>=r}function v(){var e=z();if(w(e)){return b(e)}l=setTimeout(v,p(e))}function b(e){l=undefined;if(c&&n){return m(e)}n=i=undefined;return s}function x(){if(l!==undefined){clearTimeout(l)}d=0;n=h=i=l=undefined}function y(){return l===undefined?s:b(z())}function k(){var e=z(),t=w(e);n=arguments;i=this;h=e;if(t){if(l===undefined){return g(h)}if(u){clearTimeout(l);l=setTimeout(v,o);return m(h)}}if(l===undefined){l=setTimeout(v,o)}return s}k.cancel=x;k.flush=y;return k}var W=I;var $=":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}";var B=e("zonos_hello",function(){function e(e){var t=this;o(this,e);this.getHelloPeekMessage=function(){switch(l.currentHelloPage){case"cart":return d("Prepay duties and taxes at checkout");case"productList":case"productDetail":return d("See duty and tax thresholds");default:return"".concat(d("Welcome to")," ").concat(l.organizationName)}};this.enableShowPeekMessage=function(){if(t.peekMessage){t.showPeekMessage=true}};this.changeShowDialog=function(e){t.showDialog=e};this.shouldAnimateLeftDesktop=function(){var e=t.helloRef&&getComputedStyle(t.helloRef).position;if(t.helloRef&&e==="relative"){var o=v(t.helloRef);return o}};this.mobileLocationOverride=undefined;this.animateFromLeftOverride=undefined;this.appearanceSettingsOverride=undefined;this.showPeekMessage=false;this.zonosStoreHelloSettings=l.helloSettings;this.showDialog=false;this.peekMessage=""}e.prototype.componentDidLoad=function(){var e=this;var o=setInterval((function(){if(!e.helloRef){return}if(l.loadedConfig){e.helloRef.setAttribute("data-zonos-hello-loaded","");e.peekMessage=e.getHelloPeekMessage();var t=l.helloSettings,n=t.peekMessageBehavior,i=t.peekMessageDelay;var r=i*1e3;if(n==="ENABLED"){setTimeout((function(){e.enableShowPeekMessage();setTimeout((function(){e.showPeekMessage=false}),3e3)}),r)}clearInterval(o)}}),100)};e.prototype.displayCurrency=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!f.exchangeRate){console.error("Could not display currency. Exchange rate and format data is not available.");return[2]}u();return[2]}))}))};e.prototype.convertAndFormat=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){c(e);return[2]}))}))};e.prototype.convert=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){m(e);return[2]}))}))};e.prototype.format=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){g(e);return[2]}))}))};e.prototype.handleResize=function(){W(this.render.bind(this),500)};e.prototype.render=function(){var e=this;var o;var i=(o=l.helloSettings.excludedUrlPatterns)===null||o===void 0?void 0:o.some((function(e){return new RegExp(e).test(window.location.href)}));if(i){p("Hello is excluded on this url","warn");return null}var r=f.selectedCountryCode;var s=this.mobileLocationOverride||l.helloSettings.mobileLocation;var a=window.innerWidth<768;var d=this.animateFromLeftOverride||a&&s.includes("LEFT")||this.shouldAnimateLeftDesktop()||false;var u=s.includes("TOP");var c=h(l.appearance,this.appearanceSettingsOverride);var m=c.theme;return t(n,{class:"zonos--hello zonos--elements","data-theme":m},r&&t("div",{class:"zonos--hello-wrapper"},t("button",{class:w(["zonos--hello-widget",this.showPeekMessage&&"zonos--hello-show-peek-message",this.mobileLocationOverride&&"zonos--hello-mobile-override",d&&"zonos--hello-widget-left zonos--hello-widget-animate-from-left",u&&"zonos--hello-widget-top"]),onClick:function(){e.changeShowDialog(!e.showDialog)},onMouseEnter:function(){return e.enableShowPeekMessage()},onMouseLeave:function(){return e.showPeekMessage=false},ref:function(o){return o&&(e.helloRef=o)}},t("span",{class:"zonos--hello-message"},this.peekMessage),r&&t("div",{class:"zonos--hello-country-flag-wrapper"},t("zonos-country-flag",{class:"zonos--hello-country-flag",countryCode:r}))),t("div",{class:w(["zonos--hello-dialog-wrapper",this.mobileLocationOverride&&"zonos--hello-dialog-wrapper-mobile-override"]),style:{height:this.showDialog?"fit-content":"0px"}},t("zonos-hello-dialog",{animateFromLeftOverride:this.animateFromLeftOverride,appearanceSettings:c,isOpen:this.showDialog,mobileLocationOverride:this.mobileLocationOverride,setIsOpen:this.changeShowDialog}))))};return e}());B.style=$}}}));
+//# sourceMappingURL=zonos-hello.system.entry.js.map

package/dist/zonos-elements/zonos-hello.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["now","root","Date","now_1","reWhitespace","trimmedEndIndex","string","index","length","test","charAt","_trimmedEndIndex","reTrimStart","baseTrim","slice","replace","_baseTrim","symbolTag","isSymbol","value","isObjectLike","baseGetTag","isSymbol_1","NAN","reIsBadHex","reIsBinary","reIsOctal","freeParseInt","parseInt","toNumber","isObject","other","valueOf","isBinary","toNumber_1","FUNC_ERROR_TEXT","nativeMax","Math","max","nativeMin","min","debounce","func","wait","options","lastArgs","lastThis","maxWait","result","timerId","lastCallTime","lastInvokeTime","leading","maxing","trailing","TypeError","invokeFunc","time","args","thisArg","undefined","apply","leadingEdge","setTimeout","timerExpired","remainingWait","timeSinceLastCall","timeSinceLastInvoke","timeWaiting","shouldInvoke","trailingEdge","cancel","clearTimeout","flush","debounced","isInvoking","arguments","this","debounce_1","zonosHelloCss","ZonosHello","exports","getHelloPeekMessage","zonosStore","currentHelloPage","translate","concat","organizationName","enableShowPeekMessage","_this","peekMessage","showPeekMessage","changeShowDialog","showDialog","shouldAnimateLeftDesktop","elPosition","helloRef","getComputedStyle","position","hasMoreSpaceOnRight","getHasMoreSpaceOnRight","helloSettings","class_1","prototype","componentDidLoad","initInterval","setInterval","loadedConfig","setAttribute","_b","peekMessageBehavior","peekMessageDelay","peekMessageDelayToUse","clearInterval","displayCurrency","localizationStore","exchangeRate","console","error","currencyDisplay","convertAndFormat","currencyConvertAndFormat","convert","currencyConvert","format","currencyFormat","handleResize","render","bind","isExcludedUrl","_a","excludedUrlPatterns","some","pattern","RegExp","window","location","href","log","selectedCountryCode","mobileLocation","mobileLocationOverride","isMobileWindow","innerWidth","isOnLeft","animateFromLeftOverride","includes","isOnTop","appearanceSettings","mergeConfig","appearance","appearanceSettingsOverride","theme","h","Host","class","classes","onClick","onMouseEnter","onMouseLeave","ref","el","countryCode","style","height","isOpen","setIsOpen"],"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"],"mappings":"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"}

package/dist/zonos-elements/zonos-icon.entry.js

@@ -0,0 +1,30 @@
+import { r as registerInstance, h, d as getElement, H as Host } from './index-d1aa9293.js';
+
+const zonosIconCss = ":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:-ms-inline-flexbox;display:inline-flex}:host svg{width:var(--width);height:var(--height);fill:var(--color);color:var(--color)}";
+
+const ZonosIcon = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.autoHeight = false;
+    this.color = 'gray-1200';
+    this.content = undefined;
+    this.size = 24;
+  }
+  render() {
+    if (!this.content || !this.el.shadowRoot) {
+      return null;
+    }
+    this.el.shadowRoot.innerHTML = this.content;
+    return (h(Host, { class: "zonos--elements", style: {
+        '--color': `var(--amino-${this.color})`,
+        '--height': `${this.autoHeight ? 'auto' : `${this.size}px`}`,
+        '--width': `${this.size}px`,
+      } }));
+  }
+  get el() { return getElement(this); }
+};
+ZonosIcon.style = zonosIconCss;
+
+export { ZonosIcon as zonos_icon };
+
+//# sourceMappingURL=zonos-icon.entry.js.map

package/dist/zonos-elements/zonos-icon.entry.js.map

@@ -0,0 +1 @@
+{"file":"zonos-icon.entry.esm.js","mappings":";;AAAA,MAAM,YAAY,GAAG,iZAAiZ;;MCSzZ,SAAS;;;sBAKU,KAAK;iBAMZ,WAAW;;gBAiBX,EAAE;;EAIzB,MAAM;IACJ,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE;MACxC,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;IAE5C,QACE,EAAC,IAAI,IACH,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAE;QACL,SAAS,EAAE,eAAe,IAAI,CAAC,KAAK,GAAG;QACvC,UAAU,EAAE,GAAG,IAAI,CAAC,UAAU,GAAG,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE;QAC5D,SAAS,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;OAC5B,GACK,EACR;GACH;;;;;;;","names":[],"sources":["src/components/common/zonos-icon/zonos-icon.scss?tag=zonos-icon&encapsulation=shadow","src/components/common/zonos-icon/zonos-icon.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n\n  svg {\n    width: var(--width);\n    height: var(--height);\n    fill: var(--color);\n    color: var(--color);\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport type { Color } from 'src/types';\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-icon.scss',\n  tag: 'zonos-icon',\n})\nexport class ZonosIcon {\n  /**\n   * Determines if the icon should be auto height instead of square\n   * @default false\n   */\n  @Prop() autoHeight: boolean = false;\n\n  /**\n   * Color of the SVG\n   * @default 'gray-1200'\n   */\n  @Prop() color: Color = 'gray-1200';\n\n  /**\n   * The content of the icon (full svg)\n   * @example\n   * import RemoveIcon from './assets/removeIcon.svg';\n   * ...\n   * <zonos-icon content={RemoveIcon}></zonos-icon>\n   * // or\n   * <zonos-icon content=\"<svg>...</svg>\"></zonos-icon>\n   */\n  @Prop() content!: string;\n\n  /**\n   * The size of the icon\n   * @default 24\n   */\n  @Prop() size: number = 24;\n\n  @Element() el!: HTMLZonosIconElement;\n\n  render() {\n    if (!this.content || !this.el.shadowRoot) {\n      return null;\n    }\n\n    this.el.shadowRoot.innerHTML = this.content;\n\n    return (\n      <Host\n        class=\"zonos--elements\"\n        style={{\n          '--color': `var(--amino-${this.color})`,\n          '--height': `${this.autoHeight ? 'auto' : `${this.size}px`}`,\n          '--width': `${this.size}px`,\n        }}\n      ></Host>\n    );\n  }\n}\n"],"version":3}

package/dist/zonos-elements/zonos-icon.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./index-87193773.system.js"],(function(t){"use strict";var o,e,s,i;return{setters:[function(t){o=t.r;e=t.h;s=t.d;i=t.H}],execute:function(){var n=":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:-ms-inline-flexbox;display:inline-flex}:host svg{width:var(--width);height:var(--height);fill:var(--color);color:var(--color)}";var h=t("zonos_icon",function(){function t(t){o(this,t);this.autoHeight=false;this.color="gray-1200";this.content=undefined;this.size=24}t.prototype.render=function(){if(!this.content||!this.el.shadowRoot){return null}this.el.shadowRoot.innerHTML=this.content;return e(i,{class:"zonos--elements",style:{"--color":"var(--amino-".concat(this.color,")"),"--height":"".concat(this.autoHeight?"auto":"".concat(this.size,"px")),"--width":"".concat(this.size,"px")}})};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());h.style=n}}}));
+//# sourceMappingURL=zonos-icon.system.entry.js.map

package/dist/zonos-elements/zonos-icon.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["zonosIconCss","ZonosIcon","exports","class_1","prototype","render","this","content","el","shadowRoot","innerHTML","h","Host","class","style","concat","color","autoHeight","size"],"sources":["src/components/common/zonos-icon/zonos-icon.scss?tag=zonos-icon&encapsulation=shadow","src/components/common/zonos-icon/zonos-icon.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n\n  svg {\n    width: var(--width);\n    height: var(--height);\n    fill: var(--color);\n    color: var(--color);\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport type { Color } from 'src/types';\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-icon.scss',\n  tag: 'zonos-icon',\n})\nexport class ZonosIcon {\n  /**\n   * Determines if the icon should be auto height instead of square\n   * @default false\n   */\n  @Prop() autoHeight: boolean = false;\n\n  /**\n   * Color of the SVG\n   * @default 'gray-1200'\n   */\n  @Prop() color: Color = 'gray-1200';\n\n  /**\n   * The content of the icon (full svg)\n   * @example\n   * import RemoveIcon from './assets/removeIcon.svg';\n   * ...\n   * <zonos-icon content={RemoveIcon}></zonos-icon>\n   * // or\n   * <zonos-icon content=\"<svg>...</svg>\"></zonos-icon>\n   */\n  @Prop() content!: string;\n\n  /**\n   * The size of the icon\n   * @default 24\n   */\n  @Prop() size: number = 24;\n\n  @Element() el!: HTMLZonosIconElement;\n\n  render() {\n    if (!this.content || !this.el.shadowRoot) {\n      return null;\n    }\n\n    this.el.shadowRoot.innerHTML = this.content;\n\n    return (\n      <Host\n        class=\"zonos--elements\"\n        style={{\n          '--color': `var(--amino-${this.color})`,\n          '--height': `${this.autoHeight ? 'auto' : `${this.size}px`}`,\n          '--width': `${this.size}px`,\n        }}\n      ></Host>\n    );\n  }\n}\n"],"mappings":"8JAAA,IAAMA,EAAe,kZ,ICSRC,EAASC,EAAA,wB,wCAKU,M,WAMP,Y,iCAiBA,E,CAIvBC,EAAAC,UAAAC,OAAA,WACE,IAAKC,KAAKC,UAAYD,KAAKE,GAAGC,WAAY,CACxC,OAAO,I,CAGTH,KAAKE,GAAGC,WAAWC,UAAYJ,KAAKC,QAEpC,OACEI,EAACC,EAAI,CACHC,MAAM,kBACNC,MAAO,CACL,UAAW,eAAAC,OAAeT,KAAKU,MAAK,KACpC,WAAY,GAAAD,OAAGT,KAAKW,WAAa,OAAS,GAAAF,OAAGT,KAAKY,KAAI,OACtD,UAAW,GAAAH,OAAGT,KAAKY,KAAI,Q,uHA7CX,I"}

package/dist/zonos-elements/zonos-notification.entry.js

@@ -0,0 +1,67 @@
+import { r as registerInstance, h, H as Host } from './index-d1aa9293.js';
+import { c as classes } from './classes-0d95c529.js';
+
+const zonosNotificationCss = ":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:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:var(--amino-space-24);gap:var(--amino-space-8);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:var(--amino-space-8);border-radius:var(--border-radius, var(--amino-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";
+
+const ZonosNotification = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+    this.notificationArray = [];
+  }
+  /**
+   * Show a notification
+   */
+  async showNotification(notification) {
+    // random generate id
+    const id = `id-${Math.random().toString(36).substring(2, 9)}`;
+    const notificationItem = Object.assign(Object.assign({}, notification), { id, timeout: notification.timeout || 5000, transitionClass: '', type: notification.type || 'success' });
+    this.notificationArray = [...this.notificationArray, notificationItem];
+    setTimeout(() => {
+      this.updateTransitionClass({
+        id,
+        transitionClass: 'show',
+      });
+    }, 50);
+    setTimeout(() => {
+      this.removeNotification(id);
+    }, notificationItem.timeout);
+  }
+  updateTransitionClass({ id, transitionClass, }) {
+    this.notificationArray = this.notificationArray.map(notification => {
+      if (notification.id === id) {
+        return Object.assign(Object.assign({}, notification), { transitionClass });
+      }
+      return notification;
+    });
+  }
+  /**
+   * Remove a notification
+   */
+  removeNotification(id) {
+    // add hide class before removing the item 100ms to trigger animation
+    this.updateTransitionClass({
+      id,
+      transitionClass: '',
+    });
+    setTimeout(() => {
+      this.notificationArray = this.notificationArray.filter(notification => notification.id !== id);
+    }, 300);
+  }
+  render() {
+    return (h(Host, { class: classes(['zonos--elements zonos--notification', this.class]) }, h("div", { class: "zonos--notification-items" }, this.notificationArray.map(notification => {
+      return (h("div", { "aria-hidden": "true", class: classes([
+          'zonos--notification-item',
+          notification.type,
+          notification.transitionClass,
+        ]), key: notification.id, onClick: () => {
+          this.removeNotification(notification.id);
+        } }, h("zonos-text", { color: "gray-0" }, notification.message)));
+    }))));
+  }
+};
+ZonosNotification.style = zonosNotificationCss;
+
+export { ZonosNotification as zonos_notification };
+
+//# sourceMappingURL=zonos-notification.entry.js.map

package/dist/zonos-elements/zonos-notification.entry.js.map

@@ -0,0 +1 @@
+{"file":"zonos-notification.entry.esm.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,0yCAA0yC;;MC4B1zC,iBAAiB;;;iBAIZ,EAAE;6BAE+B,EAAE;;;;;EAMnD,MAAM,gBAAgB,CAAC,YAA8B;;IAEnD,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAC9D,MAAM,gBAAgB,mCACjB,YAAY,KACf,EAAE,EACF,OAAO,EAAE,YAAY,CAAC,OAAO,IAAI,IAAI,EACrC,eAAe,EAAE,EAAE,EACnB,IAAI,EAAE,YAAY,CAAC,IAAI,IAAI,SAAS,GACrC,CAAC;IACF,IAAI,CAAC,iBAAiB,GAAG,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IACvE,UAAU,CAAC;MACT,IAAI,CAAC,qBAAqB,CAAC;QACzB,EAAE;QACF,eAAe,EAAE,MAAM;OACxB,CAAC,CAAC;KACJ,EAAE,EAAE,CAAC,CAAC;IAEP,UAAU,CAAC;MACT,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;KAC7B,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;GAC9B;EAEO,qBAAqB,CAAC,EAC5B,EAAE,EACF,eAAe,GAIhB;IACC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAAY;MAC9D,IAAI,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;QAC1B,uCACK,YAAY,KACf,eAAe,IACf;OACH;MACD,OAAO,YAAY,CAAC;KACrB,CAAC,CAAC;GACJ;;;;EAKO,kBAAkB,CAAC,EAAU;;IAEnC,IAAI,CAAC,qBAAqB,CAAC;MACzB,EAAE;MACF,eAAe,EAAE,EAAE;KACpB,CAAC,CAAC;IAEH,UAAU,CAAC;MACT,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CACpD,YAAY,IAAI,YAAY,CAAC,EAAE,KAAK,EAAE,CACvC,CAAC;KACH,EAAE,GAAG,CAAC,CAAC;GACT;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IACH,KAAK,EAAE,OAAO,CAAC,CAAC,qCAAqC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAEnE,WAAK,KAAK,EAAC,2BAA2B,IACnC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAAY;MACtC,QACE,0BACc,MAAM,EAClB,KAAK,EAAE,OAAO,CAAC;UACb,0BAA0B;UAC1B,YAAY,CAAC,IAAI;UACjB,YAAY,CAAC,eAAe;SAC7B,CAAC,EACF,GAAG,EAAE,YAAY,CAAC,EAAE,EACpB,OAAO,EAAE;UACP,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;SAC1C,IAED,kBAAY,KAAK,EAAC,QAAQ,IAAE,YAAY,CAAC,OAAO,CAAc,CAC1D,EACN;KACH,CAAC,CACE,CACD,EACP;GACH;;;;;;","names":[],"sources":["src/components/common/zonos-notification/zonos-notification.scss?tag=zonos-notification&encapsulation=shadow","src/components/common/zonos-notification/zonos-notification.tsx"],"sourcesContent":["$border-radius: var(--border-radius, $amino-radius-6);\n\n:host {\n  display: flex;\n  justify-content: center;\n  .zonos--notification-items {\n    position: fixed;\n    z-index: 9999999;\n    bottom: $amino-space-24;\n    gap: $amino-space-8;\n    display: inline-flex;\n    flex-direction: column;\n  }\n  .zonos--notification-item {\n    cursor: pointer;\n    transition: all 0.3s ease;\n    padding: $amino-space-8;\n    border-radius: $border-radius;\n    // fade in animation\n    opacity: 0;\n    flex-shrink: 0.0001;\n    transform: translateY(100%);\n    & + & {\n      margin-top: 8px;\n    }\n    &.show {\n      opacity: 1;\n      transform: translateY(0);\n      flex-grow: 1000;\n    }\n    &.success {\n      background-color: $amino-green-700;\n    }\n    &.error {\n      background-color: $amino-red-700;\n    }\n    &.warning {\n      background-color: $amino-orange-700;\n    }\n  }\n}\n","import { Component, h, Host, Method, Prop, State } from '@stencil/core';\n\nimport { classes } from 'src/components/utils/classes';\n\nexport type NotificationInit = {\n  message: string;\n  /**\n   * Time in milliseconds\n   * @default 4000\n   */\n  timeout?: number;\n  /**\n   * Type of notification\n   * @default 'success'\n   */\n  type?: 'error' | 'success' | 'warning';\n};\n\ntype NotificationItem = NotificationInit & {\n  id: string;\n  transitionClass: 'show' | '';\n};\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-notification.scss',\n  tag: 'zonos-notification',\n})\nexport class ZonosNotification {\n  /**\n   * Custom class to add to the notification\n   */\n  @Prop() class = '';\n\n  @State() notificationArray: NotificationItem[] = [];\n\n  /**\n   * Show a notification\n   */\n  @Method()\n  async showNotification(notification: NotificationInit) {\n    // random generate id\n    const id = `id-${Math.random().toString(36).substring(2, 9)}`;\n    const notificationItem: NotificationItem = {\n      ...notification,\n      id,\n      timeout: notification.timeout || 5000,\n      transitionClass: '',\n      type: notification.type || 'success',\n    };\n    this.notificationArray = [...this.notificationArray, notificationItem];\n    setTimeout(() => {\n      this.updateTransitionClass({\n        id,\n        transitionClass: 'show',\n      });\n    }, 50);\n\n    setTimeout(() => {\n      this.removeNotification(id);\n    }, notificationItem.timeout);\n  }\n\n  private updateTransitionClass({\n    id,\n    transitionClass,\n  }: {\n    id: string;\n    transitionClass: 'show' | '';\n  }) {\n    this.notificationArray = this.notificationArray.map(notification => {\n      if (notification.id === id) {\n        return {\n          ...notification,\n          transitionClass,\n        };\n      }\n      return notification;\n    });\n  }\n\n  /**\n   * Remove a notification\n   */\n  private removeNotification(id: string) {\n    // add hide class before removing the item 100ms to trigger animation\n    this.updateTransitionClass({\n      id,\n      transitionClass: '',\n    });\n\n    setTimeout(() => {\n      this.notificationArray = this.notificationArray.filter(\n        notification => notification.id !== id,\n      );\n    }, 300);\n  }\n\n  render() {\n    return (\n      <Host\n        class={classes(['zonos--elements zonos--notification', this.class])}\n      >\n        <div class=\"zonos--notification-items\">\n          {this.notificationArray.map(notification => {\n            return (\n              <div\n                aria-hidden=\"true\"\n                class={classes([\n                  'zonos--notification-item',\n                  notification.type,\n                  notification.transitionClass,\n                ])}\n                key={notification.id}\n                onClick={() => {\n                  this.removeNotification(notification.id);\n                }}\n              >\n                <zonos-text color=\"gray-0\">{notification.message}</zonos-text>\n              </div>\n            );\n          })}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/zonos-elements/zonos-notification.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,i,n,o){function e(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,r){function a(t){try{c(o.next(t))}catch(t){r(t)}}function s(t){try{c(o["throw"](t))}catch(t){r(t)}}function c(t){t.done?n(t.value):e(t.value).then(a,s)}c((o=o.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,e,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return c([t,i])}}function c(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(o=1,e&&(r=s[0]&2?e["return"]:s[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,s[1])).done)return r;if(e=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;e=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];e=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,i,n){if(n||arguments.length===2)for(var o=0,e=i.length,r;o<e;o++){if(r||!(o in i)){if(!r)r=Array.prototype.slice.call(i,0,o);r[o]=i[o]}}return t.concat(r||Array.prototype.slice.call(i))};System.register(["./index-87193773.system.js","./classes-ce25a814.system.js"],(function(t){"use strict";var i,n,o,e;return{setters:[function(t){i=t.r;n=t.h;o=t.H},function(t){e=t.c}],execute:function(){var r=":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:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:var(--amino-space-24);gap:var(--amino-space-8);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:var(--amino-space-8);border-radius:var(--border-radius, var(--amino-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";var a=t("zonos_notification",function(){function t(t){i(this,t);this.class="";this.notificationArray=[]}t.prototype.showNotification=function(t){return __awaiter(this,void 0,void 0,(function(){var i,n;var o=this;return __generator(this,(function(e){i="id-".concat(Math.random().toString(36).substring(2,9));n=Object.assign(Object.assign({},t),{id:i,timeout:t.timeout||5e3,transitionClass:"",type:t.type||"success"});this.notificationArray=__spreadArray(__spreadArray([],this.notificationArray,true),[n],false);setTimeout((function(){o.updateTransitionClass({id:i,transitionClass:"show"})}),50);setTimeout((function(){o.removeNotification(i)}),n.timeout);return[2]}))}))};t.prototype.updateTransitionClass=function(t){var i=t.id,n=t.transitionClass;this.notificationArray=this.notificationArray.map((function(t){if(t.id===i){return Object.assign(Object.assign({},t),{transitionClass:n})}return t}))};t.prototype.removeNotification=function(t){var i=this;this.updateTransitionClass({id:t,transitionClass:""});setTimeout((function(){i.notificationArray=i.notificationArray.filter((function(i){return i.id!==t}))}),300)};t.prototype.render=function(){var t=this;return n(o,{class:e(["zonos--elements zonos--notification",this.class])},n("div",{class:"zonos--notification-items"},this.notificationArray.map((function(i){return n("div",{"aria-hidden":"true",class:e(["zonos--notification-item",i.type,i.transitionClass]),key:i.id,onClick:function(){t.removeNotification(i.id)}},n("zonos-text",{color:"gray-0"},i.message))}))))};return t}());a.style=r}}}));
+//# sourceMappingURL=zonos-notification.system.entry.js.map

package/dist/zonos-elements/zonos-notification.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["zonosNotificationCss","ZonosNotification","exports","class_1","prototype","showNotification","notification","id","concat","Math","random","toString","substring","notificationItem","Object","assign","timeout","transitionClass","type","this","notificationArray","__spreadArray","setTimeout","_this","updateTransitionClass","removeNotification","_a","map","filter","render","h","Host","class","classes","key","onClick","color","message"],"sources":["src/components/common/zonos-notification/zonos-notification.scss?tag=zonos-notification&encapsulation=shadow","src/components/common/zonos-notification/zonos-notification.tsx"],"sourcesContent":["$border-radius: var(--border-radius, $amino-radius-6);\n\n:host {\n  display: flex;\n  justify-content: center;\n  .zonos--notification-items {\n    position: fixed;\n    z-index: 9999999;\n    bottom: $amino-space-24;\n    gap: $amino-space-8;\n    display: inline-flex;\n    flex-direction: column;\n  }\n  .zonos--notification-item {\n    cursor: pointer;\n    transition: all 0.3s ease;\n    padding: $amino-space-8;\n    border-radius: $border-radius;\n    // fade in animation\n    opacity: 0;\n    flex-shrink: 0.0001;\n    transform: translateY(100%);\n    & + & {\n      margin-top: 8px;\n    }\n    &.show {\n      opacity: 1;\n      transform: translateY(0);\n      flex-grow: 1000;\n    }\n    &.success {\n      background-color: $amino-green-700;\n    }\n    &.error {\n      background-color: $amino-red-700;\n    }\n    &.warning {\n      background-color: $amino-orange-700;\n    }\n  }\n}\n","import { Component, h, Host, Method, Prop, State } from '@stencil/core';\n\nimport { classes } from 'src/components/utils/classes';\n\nexport type NotificationInit = {\n  message: string;\n  /**\n   * Time in milliseconds\n   * @default 4000\n   */\n  timeout?: number;\n  /**\n   * Type of notification\n   * @default 'success'\n   */\n  type?: 'error' | 'success' | 'warning';\n};\n\ntype NotificationItem = NotificationInit & {\n  id: string;\n  transitionClass: 'show' | '';\n};\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-notification.scss',\n  tag: 'zonos-notification',\n})\nexport class ZonosNotification {\n  /**\n   * Custom class to add to the notification\n   */\n  @Prop() class = '';\n\n  @State() notificationArray: NotificationItem[] = [];\n\n  /**\n   * Show a notification\n   */\n  @Method()\n  async showNotification(notification: NotificationInit) {\n    // random generate id\n    const id = `id-${Math.random().toString(36).substring(2, 9)}`;\n    const notificationItem: NotificationItem = {\n      ...notification,\n      id,\n      timeout: notification.timeout || 5000,\n      transitionClass: '',\n      type: notification.type || 'success',\n    };\n    this.notificationArray = [...this.notificationArray, notificationItem];\n    setTimeout(() => {\n      this.updateTransitionClass({\n        id,\n        transitionClass: 'show',\n      });\n    }, 50);\n\n    setTimeout(() => {\n      this.removeNotification(id);\n    }, notificationItem.timeout);\n  }\n\n  private updateTransitionClass({\n    id,\n    transitionClass,\n  }: {\n    id: string;\n    transitionClass: 'show' | '';\n  }) {\n    this.notificationArray = this.notificationArray.map(notification => {\n      if (notification.id === id) {\n        return {\n          ...notification,\n          transitionClass,\n        };\n      }\n      return notification;\n    });\n  }\n\n  /**\n   * Remove a notification\n   */\n  private removeNotification(id: string) {\n    // add hide class before removing the item 100ms to trigger animation\n    this.updateTransitionClass({\n      id,\n      transitionClass: '',\n    });\n\n    setTimeout(() => {\n      this.notificationArray = this.notificationArray.filter(\n        notification => notification.id !== id,\n      );\n    }, 300);\n  }\n\n  render() {\n    return (\n      <Host\n        class={classes(['zonos--elements zonos--notification', this.class])}\n      >\n        <div class=\"zonos--notification-items\">\n          {this.notificationArray.map(notification => {\n            return (\n              <div\n                aria-hidden=\"true\"\n                class={classes([\n                  'zonos--notification-item',\n                  notification.type,\n                  notification.transitionClass,\n                ])}\n                key={notification.id}\n                onClick={() => {\n                  this.removeNotification(notification.id);\n                }}\n              >\n                <zonos-text color=\"gray-0\">{notification.message}</zonos-text>\n              </div>\n            );\n          })}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"04DAAA,IAAMA,EAAuB,2yC,IC4BhBC,EAAiBC,EAAA,gC,mCAIZ,G,uBAEiC,E,CAM3CC,EAAAC,UAAAC,iBAAN,SAAuBC,G,wGAEfC,EAAK,MAAAC,OAAMC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,IACnDC,EAAgBC,OAAAC,OAAAD,OAAAC,OAAA,GACjBT,GAAY,CACfC,GAAEA,EACFS,QAASV,EAAaU,SAAW,IACjCC,gBAAiB,GACjBC,KAAMZ,EAAaY,MAAQ,YAE7BC,KAAKC,kBAAiBC,4BAAA,GAAOF,KAAKC,kBAAiB,OAAEP,GAAgB,OACrES,YAAW,WACTC,EAAKC,sBAAsB,CACzBjB,GAAEA,EACFU,gBAAiB,Q,GAElB,IAEHK,YAAW,WACTC,EAAKE,mBAAmBlB,E,GACvBM,EAAiBG,S,iBAGdb,EAAAC,UAAAoB,sBAAA,SAAsBE,G,IAC5BnB,EAAEmB,EAAAnB,GACFU,EAAeS,EAAAT,gBAKfE,KAAKC,kBAAoBD,KAAKC,kBAAkBO,KAAI,SAAArB,GAClD,GAAIA,EAAaC,KAAOA,EAAI,CAC1B,OAAAO,OAAAC,OAAAD,OAAAC,OAAA,GACKT,GAAY,CACfW,gBAAeA,G,CAGnB,OAAOX,C,KAOHH,EAAAC,UAAAqB,mBAAA,SAAmBlB,GAAnB,IAAAgB,EAAAJ,KAENA,KAAKK,sBAAsB,CACzBjB,GAAEA,EACFU,gBAAiB,KAGnBK,YAAW,WACTC,EAAKH,kBAAoBG,EAAKH,kBAAkBQ,QAC9C,SAAAtB,GAAgB,OAAAA,EAAaC,KAAOA,CAApB,G,GAEjB,I,EAGLJ,EAAAC,UAAAyB,OAAA,eAAAN,EAAAJ,KACE,OACEW,EAACC,EAAI,CACHC,MAAOC,EAAQ,CAAC,sCAAuCd,KAAKa,SAE5DF,EAAA,OAAKE,MAAM,6BACRb,KAAKC,kBAAkBO,KAAI,SAAArB,GAC1B,OACEwB,EAAA,qBACc,OACZE,MAAOC,EAAQ,CACb,2BACA3B,EAAaY,KACbZ,EAAaW,kBAEfiB,IAAK5B,EAAaC,GAClB4B,QAAS,WACPZ,EAAKE,mBAAmBnB,EAAaC,G,GAGvCuB,EAAA,cAAYM,MAAM,UAAU9B,EAAa+B,S,gBA1F3B,I"}

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

@@ -0,0 +1,50 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-d1aa9293.js';
+import { z as zonosStore } from './zonosStore-13a7b534.js';
+import { c as classes } from './classes-0d95c529.js';
+import { g as getBorderRadius } from './getBorderRadius-82fbaf25.js';
+import { i as isColorVariable } from './isColorVariable-4cda28c9.js';
+
+const zonosShippingRichRadioCss = ":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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-left-radius:var(--border-radius, var(--amino-radius-10));border-bottom-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item.selected{border-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";
+
+const ZonosShippingRichRadio = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.radioSelected = createEvent(this, "radioSelected", 7);
+    this.handleRichRadioSelect = (item) => {
+      var _a;
+      this.selectedItem = item;
+      (_a = this.radioSelected) === null || _a === void 0 ? void 0 : _a.emit(item);
+    };
+    this.getRadioItemStyleVariables = () => {
+      const usedColor = this.borderColor || zonosStore.appearance.colorSecondary;
+      const secondaryColor = isColorVariable(usedColor)
+        ? `var(--amino-${usedColor})`
+        : usedColor;
+      return {
+        '--border-radius': getBorderRadius(this.borderStyle),
+        '--selected-border-color': secondaryColor || 'unset',
+      };
+    };
+    this.items = undefined;
+    this.borderColor = undefined;
+    this.borderStyle = undefined;
+    this.theme = undefined;
+    this.selectedItem = null;
+  }
+  render() {
+    var _a;
+    return (h(Host, { class: "zonos--shipping-rich-radio zonos--elements", "data-theme": this.theme, style: this.getRadioItemStyleVariables() }, (_a = this.items) === null || _a === void 0 ? void 0 : _a.map(item => {
+      var _a;
+      const selected = ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.value) === item.value;
+      return (h("div", { "aria-hidden": "true", class: classes([
+          'zonos--shipping-rich-radio-item',
+          selected && 'selected',
+        ]), onClick: () => this.handleRichRadioSelect(item) }, h("input", { checked: selected, class: "zonos--shipping-rich-radio-input", name: "zonos--shipping-rich-radio", type: "radio", value: item.value }), h("div", { class: "zonos--shipping-info" }, h("div", { class: "zonos--shipping-detail" }, h("zonos-text", { type: "label" }, item.label), (item.sublabel || item.caption) && (h("div", { class: "zonos--sub-detail" }, item.sublabel && (h("zonos-text", { color: "gray-800" }, item.sublabel)), item.caption && (h("zonos-text", { color: "gray-400" }, item.caption))))), h("zonos-text", { type: "semiBoldLabel" }, item.price))));
+    })));
+  }
+};
+ZonosShippingRichRadio.style = zonosShippingRichRadioCss;
+
+export { ZonosShippingRichRadio as zonos_shipping_rich_radio };
+
+//# sourceMappingURL=zonos-shipping-rich-radio.entry.js.map

package/dist/zonos-elements/zonos-shipping-rich-radio.entry.js.map

@@ -0,0 +1 @@
+{"file":"zonos-shipping-rich-radio.entry.esm.js","mappings":";;;;;;AAAA,MAAM,yBAAyB,GAAG,26CAA26C;;MC6Bh8C,sBAAsB;;;;IA+BzB,0BAAqB,GAAG,CAAC,IAA2B;;MAC1D,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;MACzB,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,CAAC,IAAI,CAAC,CAAC;KAChC,CAAC;IAEM,+BAA0B,GAAG;MACnC,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,IAAI,UAAU,CAAC,UAAU,CAAC,cAAc,CAAC;MAC3E,MAAM,cAAc,GAAG,eAAe,CAAC,SAAS,CAAC;UAC7C,eAAe,SAAS,GAAG;UAC3B,SAAS,CAAC;MAEd,OAAO;QACL,iBAAiB,EAAE,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC;QACpD,yBAAyB,EAAE,cAAc,IAAI,OAAO;OACrD,CAAC;KACH,CAAC;;;;;wBAtBoD,IAAI;;EAwB1D,MAAM;;IACJ,QACE,EAAC,IAAI,IACH,KAAK,EAAC,4CAA4C,gBACtC,IAAI,CAAC,KAAK,EACtB,KAAK,EAAE,IAAI,CAAC,0BAA0B,EAAE,IAEvC,MAAA,IAAI,CAAC,KAAK,0CAAE,GAAG,CAAC,IAAI;;MACnB,MAAM,QAAQ,GAAG,CAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,KAAK,MAAK,IAAI,CAAC,KAAK,CAAC;MACzD,QACE,0BACc,MAAM,EAClB,KAAK,EAAE,OAAO,CAAC;UACb,iCAAiC;UACjC,QAAQ,IAAI,UAAU;SACvB,CAAC,EACF,OAAO,EAAE,MAAM,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAE/C,aACE,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAC,kCAAkC,EACxC,IAAI,EAAC,4BAA4B,EACjC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,EACF,WAAK,KAAK,EAAC,sBAAsB,IAC/B,WAAK,KAAK,EAAC,wBAAwB,IACjC,kBAAY,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAc,EACjD,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,MAC7B,WAAK,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,QAAQ,KACZ,kBAAY,KAAK,EAAC,UAAU,IACzB,IAAI,CAAC,QAAQ,CACH,CACd,EACA,IAAI,CAAC,OAAO,KACX,kBAAY,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,OAAO,CAAc,CACzD,CACG,CACP,CACG,EACN,kBAAY,IAAI,EAAC,eAAe,IAAE,IAAI,CAAC,KAAK,CAAc,CACtD,CACF,EACN;KACH,CAAC,CACG,EACP;GACH;;;;;;","names":[],"sources":["src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.scss?tag=zonos-shipping-rich-radio&encapsulation=shadow","src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.tsx"],"sourcesContent":["$selected-border-color: var(--selected-border-color, $amino-blue-600);\n$border-radius: var(--border-radius, $amino-radius-10);\n:host {\n  display: flex;\n  flex-direction: column;\n  input {\n    margin: 0;\n    accent-color: $selected-border-color;\n  }\n  .zonos--shipping-rich-radio-item {\n    display: flex;\n    flex: 1;\n    padding: $amino-space-16;\n    align-items: center;\n    gap: $amino-space-16;\n    cursor: pointer;\n    border: 1px solid $amino-gray-200;\n    &:first-child {\n      border-top-left-radius: $border-radius;\n      border-top-right-radius: $border-radius;\n    }\n    &:last-child {\n      border-bottom-left-radius: $border-radius;\n      border-bottom-right-radius: $border-radius;\n    }\n\n    &.selected {\n      border-color: $selected-border-color;\n    }\n  }\n  .zonos--shipping-info {\n    display: flex;\n    align-items: center;\n    flex: 1;\n  }\n  .zonos--shipping-detail {\n    flex: 1;\n  }\n  .zonos--sub-detail {\n    display: inline-flex;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n}\n","import {\n  type EventEmitter,\n  Component,\n  Event,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\n\nimport { zonosStore } from 'src/components/store/zonosStore';\nimport { classes } from 'src/components/utils/classes';\nimport { getBorderRadius } from 'src/components/utils/getBorderRadius';\nimport { isColorVariable } from 'src/components/utils/isColorVariable';\nimport type { Color, ElementsUiStyle, ElementsUiTheme } from 'src/types';\n\nexport type ShippingRichRadioItem = {\n  caption?: string;\n  label: string;\n  price: string;\n  sublabel?: string;\n  value: string | number;\n};\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-shipping-rich-radio.scss',\n  tag: 'zonos-shipping-rich-radio',\n})\nexport class ZonosShippingRichRadio {\n  /**\n   * List of items to display\n   */\n  @Prop() items!: ShippingRichRadioItem[];\n\n  /**\n   * Override border color of the radio item\n   */\n  @Prop() borderColor?: Color | (string & { _placeholder?: never });\n\n  /**\n   * Override border color of the radio item\n   */\n  @Prop() borderStyle?: ElementsUiStyle;\n\n  /**\n   * Theme of the radio item\n   */\n  @Prop() theme?: ElementsUiTheme;\n  /**\n   * Selected item\n   * @default {null|firstItem}\n   */\n  @State() selectedItem: ShippingRichRadioItem | null = null;\n\n  /**\n   * Event emitted when an item is selected\n   */\n  @Event() radioSelected?: EventEmitter<ShippingRichRadioItem>;\n\n  private handleRichRadioSelect = (item: ShippingRichRadioItem) => {\n    this.selectedItem = item;\n    this.radioSelected?.emit(item);\n  };\n\n  private getRadioItemStyleVariables = () => {\n    const usedColor = this.borderColor || zonosStore.appearance.colorSecondary;\n    const secondaryColor = isColorVariable(usedColor)\n      ? `var(--amino-${usedColor})`\n      : usedColor;\n\n    return {\n      '--border-radius': getBorderRadius(this.borderStyle),\n      '--selected-border-color': secondaryColor || 'unset',\n    };\n  };\n\n  render() {\n    return (\n      <Host\n        class=\"zonos--shipping-rich-radio zonos--elements\"\n        data-theme={this.theme}\n        style={this.getRadioItemStyleVariables()}\n      >\n        {this.items?.map(item => {\n          const selected = this.selectedItem?.value === item.value;\n          return (\n            <div\n              aria-hidden=\"true\"\n              class={classes([\n                'zonos--shipping-rich-radio-item',\n                selected && 'selected',\n              ])}\n              onClick={() => this.handleRichRadioSelect(item)}\n            >\n              <input\n                checked={selected}\n                class=\"zonos--shipping-rich-radio-input\"\n                name=\"zonos--shipping-rich-radio\"\n                type=\"radio\"\n                value={item.value}\n              />\n              <div class=\"zonos--shipping-info\">\n                <div class=\"zonos--shipping-detail\">\n                  <zonos-text type=\"label\">{item.label}</zonos-text>\n                  {(item.sublabel || item.caption) && (\n                    <div class=\"zonos--sub-detail\">\n                      {item.sublabel && (\n                        <zonos-text color=\"gray-800\">\n                          {item.sublabel}\n                        </zonos-text>\n                      )}\n                      {item.caption && (\n                        <zonos-text color=\"gray-400\">{item.caption}</zonos-text>\n                      )}\n                    </div>\n                  )}\n                </div>\n                <zonos-text type=\"semiBoldLabel\">{item.price}</zonos-text>\n              </div>\n            </div>\n          );\n        })}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/zonos-elements/zonos-shipping-rich-radio.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./index-87193773.system.js","./zonosStore-77bcd7c0.system.js","./classes-ce25a814.system.js","./getBorderRadius-4fbe49de.system.js","./isColorVariable-be454101.system.js"],(function(e){"use strict";var i,o,s,t,r,a,n,l;return{setters:[function(e){i=e.r;o=e.c;s=e.h;t=e.H},function(e){r=e.z},function(e){a=e.c},function(e){n=e.g},function(e){l=e.i}],execute:function(){var d=":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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-left-radius:var(--border-radius, var(--amino-radius-10));border-bottom-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item.selected{border-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";var c=e("zonos_shipping_rich_radio",function(){function e(e){var s=this;i(this,e);this.radioSelected=o(this,"radioSelected",7);this.handleRichRadioSelect=function(e){var i;s.selectedItem=e;(i=s.radioSelected)===null||i===void 0?void 0:i.emit(e)};this.getRadioItemStyleVariables=function(){var e=s.borderColor||r.appearance.colorSecondary;var i=l(e)?"var(--amino-".concat(e,")"):e;return{"--border-radius":n(s.borderStyle),"--selected-border-color":i||"unset"}};this.items=undefined;this.borderColor=undefined;this.borderStyle=undefined;this.theme=undefined;this.selectedItem=null}e.prototype.render=function(){var e=this;var i;return s(t,{class:"zonos--shipping-rich-radio zonos--elements","data-theme":this.theme,style:this.getRadioItemStyleVariables()},(i=this.items)===null||i===void 0?void 0:i.map((function(i){var o;var t=((o=e.selectedItem)===null||o===void 0?void 0:o.value)===i.value;return s("div",{"aria-hidden":"true",class:a(["zonos--shipping-rich-radio-item",t&&"selected"]),onClick:function(){return e.handleRichRadioSelect(i)}},s("input",{checked:t,class:"zonos--shipping-rich-radio-input",name:"zonos--shipping-rich-radio",type:"radio",value:i.value}),s("div",{class:"zonos--shipping-info"},s("div",{class:"zonos--shipping-detail"},s("zonos-text",{type:"label"},i.label),(i.sublabel||i.caption)&&s("div",{class:"zonos--sub-detail"},i.sublabel&&s("zonos-text",{color:"gray-800"},i.sublabel),i.caption&&s("zonos-text",{color:"gray-400"},i.caption))),s("zonos-text",{type:"semiBoldLabel"},i.price)))})))};return e}());c.style=d}}}));
+//# sourceMappingURL=zonos-shipping-rich-radio.system.entry.js.map

package/dist/zonos-elements/zonos-shipping-rich-radio.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["zonosShippingRichRadioCss","ZonosShippingRichRadio","exports","this","handleRichRadioSelect","item","_this","selectedItem","_a","radioSelected","emit","getRadioItemStyleVariables","usedColor","borderColor","zonosStore","appearance","colorSecondary","secondaryColor","isColorVariable","concat","getBorderRadius","borderStyle","class_1","prototype","render","h","Host","class","theme","style","items","map","selected","value","classes","onClick","checked","name","type","label","sublabel","caption","color","price"],"sources":["src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.scss?tag=zonos-shipping-rich-radio&encapsulation=shadow","src/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.tsx"],"sourcesContent":["$selected-border-color: var(--selected-border-color, $amino-blue-600);\n$border-radius: var(--border-radius, $amino-radius-10);\n:host {\n  display: flex;\n  flex-direction: column;\n  input {\n    margin: 0;\n    accent-color: $selected-border-color;\n  }\n  .zonos--shipping-rich-radio-item {\n    display: flex;\n    flex: 1;\n    padding: $amino-space-16;\n    align-items: center;\n    gap: $amino-space-16;\n    cursor: pointer;\n    border: 1px solid $amino-gray-200;\n    &:first-child {\n      border-top-left-radius: $border-radius;\n      border-top-right-radius: $border-radius;\n    }\n    &:last-child {\n      border-bottom-left-radius: $border-radius;\n      border-bottom-right-radius: $border-radius;\n    }\n\n    &.selected {\n      border-color: $selected-border-color;\n    }\n  }\n  .zonos--shipping-info {\n    display: flex;\n    align-items: center;\n    flex: 1;\n  }\n  .zonos--shipping-detail {\n    flex: 1;\n  }\n  .zonos--sub-detail {\n    display: inline-flex;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n}\n","import {\n  type EventEmitter,\n  Component,\n  Event,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\n\nimport { zonosStore } from 'src/components/store/zonosStore';\nimport { classes } from 'src/components/utils/classes';\nimport { getBorderRadius } from 'src/components/utils/getBorderRadius';\nimport { isColorVariable } from 'src/components/utils/isColorVariable';\nimport type { Color, ElementsUiStyle, ElementsUiTheme } from 'src/types';\n\nexport type ShippingRichRadioItem = {\n  caption?: string;\n  label: string;\n  price: string;\n  sublabel?: string;\n  value: string | number;\n};\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-shipping-rich-radio.scss',\n  tag: 'zonos-shipping-rich-radio',\n})\nexport class ZonosShippingRichRadio {\n  /**\n   * List of items to display\n   */\n  @Prop() items!: ShippingRichRadioItem[];\n\n  /**\n   * Override border color of the radio item\n   */\n  @Prop() borderColor?: Color | (string & { _placeholder?: never });\n\n  /**\n   * Override border color of the radio item\n   */\n  @Prop() borderStyle?: ElementsUiStyle;\n\n  /**\n   * Theme of the radio item\n   */\n  @Prop() theme?: ElementsUiTheme;\n  /**\n   * Selected item\n   * @default {null|firstItem}\n   */\n  @State() selectedItem: ShippingRichRadioItem | null = null;\n\n  /**\n   * Event emitted when an item is selected\n   */\n  @Event() radioSelected?: EventEmitter<ShippingRichRadioItem>;\n\n  private handleRichRadioSelect = (item: ShippingRichRadioItem) => {\n    this.selectedItem = item;\n    this.radioSelected?.emit(item);\n  };\n\n  private getRadioItemStyleVariables = () => {\n    const usedColor = this.borderColor || zonosStore.appearance.colorSecondary;\n    const secondaryColor = isColorVariable(usedColor)\n      ? `var(--amino-${usedColor})`\n      : usedColor;\n\n    return {\n      '--border-radius': getBorderRadius(this.borderStyle),\n      '--selected-border-color': secondaryColor || 'unset',\n    };\n  };\n\n  render() {\n    return (\n      <Host\n        class=\"zonos--shipping-rich-radio zonos--elements\"\n        data-theme={this.theme}\n        style={this.getRadioItemStyleVariables()}\n      >\n        {this.items?.map(item => {\n          const selected = this.selectedItem?.value === item.value;\n          return (\n            <div\n              aria-hidden=\"true\"\n              class={classes([\n                'zonos--shipping-rich-radio-item',\n                selected && 'selected',\n              ])}\n              onClick={() => this.handleRichRadioSelect(item)}\n            >\n              <input\n                checked={selected}\n                class=\"zonos--shipping-rich-radio-input\"\n                name=\"zonos--shipping-rich-radio\"\n                type=\"radio\"\n                value={item.value}\n              />\n              <div class=\"zonos--shipping-info\">\n                <div class=\"zonos--shipping-detail\">\n                  <zonos-text type=\"label\">{item.label}</zonos-text>\n                  {(item.sublabel || item.caption) && (\n                    <div class=\"zonos--sub-detail\">\n                      {item.sublabel && (\n                        <zonos-text color=\"gray-800\">\n                          {item.sublabel}\n                        </zonos-text>\n                      )}\n                      {item.caption && (\n                        <zonos-text color=\"gray-400\">{item.caption}</zonos-text>\n                      )}\n                    </div>\n                  )}\n                </div>\n                <zonos-text type=\"semiBoldLabel\">{item.price}</zonos-text>\n              </div>\n            </div>\n          );\n        })}\n      </Host>\n    );\n  }\n}\n"],"mappings":"iYAAA,IAAMA,EAA4B,46C,IC6BrBC,EAAsBC,EAAA,uC,gFA+BzBC,KAAAC,sBAAwB,SAACC,G,MAC/BC,EAAKC,aAAeF,GACpBG,EAAAF,EAAKG,iBAAa,MAAAD,SAAA,SAAAA,EAAEE,KAAKL,E,EAGnBF,KAAAQ,2BAA6B,WACnC,IAAMC,EAAYN,EAAKO,aAAeC,EAAWC,WAAWC,eAC5D,IAAMC,EAAiBC,EAAgBN,GACnC,eAAAO,OAAeP,EAAS,KACxBA,EAEJ,MAAO,CACL,kBAAmBQ,EAAgBd,EAAKe,aACxC,0BAA2BJ,GAAkB,Q,oHApBK,I,CAwBtDK,EAAAC,UAAAC,OAAA,eAAAlB,EAAAH,K,MACE,OACEsB,EAACC,EAAI,CACHC,MAAM,6CAA4C,aACtCxB,KAAKyB,MACjBC,MAAO1B,KAAKQ,+BAEXH,EAAAL,KAAK2B,SAAK,MAAAtB,SAAA,SAAAA,EAAEuB,KAAI,SAAA1B,G,MACf,IAAM2B,IAAWxB,EAAAF,EAAKC,gBAAY,MAAAC,SAAA,SAAAA,EAAEyB,SAAU5B,EAAK4B,MACnD,OACER,EAAA,qBACc,OACZE,MAAOO,EAAQ,CACb,kCACAF,GAAY,aAEdG,QAAS,WAAM,OAAA7B,EAAKF,sBAAsBC,EAA3B,GAEfoB,EAAA,SACEW,QAASJ,EACTL,MAAM,mCACNU,KAAK,6BACLC,KAAK,QACLL,MAAO5B,EAAK4B,QAEdR,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,0BACTF,EAAA,cAAYa,KAAK,SAASjC,EAAKkC,QAC7BlC,EAAKmC,UAAYnC,EAAKoC,UACtBhB,EAAA,OAAKE,MAAM,qBACRtB,EAAKmC,UACJf,EAAA,cAAYiB,MAAM,YACfrC,EAAKmC,UAGTnC,EAAKoC,SACJhB,EAAA,cAAYiB,MAAM,YAAYrC,EAAKoC,WAK3ChB,EAAA,cAAYa,KAAK,iBAAiBjC,EAAKsC,Q,eAzFpB,I"}