@zonos/elements 1.1.1 → 1.2.0

package/dist/cjs/{localization-f6a1b679.js → localization-3a4b4a43.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-960e5542.js');
+const zonosStore = require('./zonosStore-270f79cc.js');
 
 const stringsArabic = {
   'Above de minimis threshold for': {
@@ -87,6 +87,12 @@ const stringsArabic = {
   'Prepay duties and taxes at checkout': {
     value: 'دفع الرسوم والضرائب مقدمًا عند الدفع',
   },
+  'Restricted item': {
+    value: 'عنصر مقيد',
+  },
+  'Restricted items found': {
+    value: 'تم العثور على عناصر مقيدة',
+  },
   'See duty and tax thresholds': {
     value: 'انظر عتبات الرسوم والضرائب',
   },
@@ -135,6 +141,9 @@ const stringsArabic = {
   'business days': {
     value: 'أيام العمل',
   },
+  'click to learn more': {
+    value: 'انقر لمعرفة المزيد',
+  },
   'duty free': {
     value: 'معفى من الرسوم',
   },
@@ -228,6 +237,12 @@ const stringsBase = {
   'Prepay duties and taxes at checkout': {
     value: 'Prepay duties and taxes at checkout',
   },
+  'Restricted item': {
+    value: 'Restricted item',
+  },
+  'Restricted items found': {
+    value: 'Restricted items found',
+  },
   'See duty and tax thresholds': {
     value: 'See duty and tax thresholds',
   },
@@ -276,6 +291,9 @@ const stringsBase = {
   'business days': {
     value: 'business days',
   },
+  'click to learn more': {
+    value: 'click to learn more',
+  },
   'duty free': {
     value: 'duty free',
   },
@@ -369,6 +387,12 @@ const stringsChinese = {
   'Prepay duties and taxes at checkout': {
     value: '在结账时预付关税和税款',
   },
+  'Restricted item': {
+    value: '受限制的商品',
+  },
+  'Restricted items found': {
+    value: '发现受限制的商品',
+  },
   'See duty and tax thresholds': {
     value: '查看关税和税款门槛',
   },
@@ -417,6 +441,9 @@ const stringsChinese = {
   'business days': {
     value: '工作日',
   },
+  'click to learn more': {
+    value: '点击了解更多',
+  },
   'duty free': {
     value: '免征关税',
   },
@@ -510,6 +537,12 @@ const stringsDanish = {
   'Prepay duties and taxes at checkout': {
     value: 'Betal told og skatter på forhånd ved kassen',
   },
+  'Restricted item': {
+    value: 'Begrænset vare',
+  },
+  'Restricted items found': {
+    value: 'Begrænsede varer fundet',
+  },
   'See duty and tax thresholds': {
     value: 'Se grænser for told og skatter',
   },
@@ -558,6 +591,9 @@ const stringsDanish = {
   'business days': {
     value: 'hverdage',
   },
+  'click to learn more': {
+    value: 'klik for at lære mere',
+  },
   'duty free': {
     value: 'toldfrit',
   },
@@ -651,6 +687,12 @@ const stringsDutch = {
   'Prepay duties and taxes at checkout': {
     value: 'Heffingen en belastingen vooraf betalen bij het afrekenen',
   },
+  'Restricted item': {
+    value: 'Beperkt item',
+  },
+  'Restricted items found': {
+    value: 'Beperkte items gevonden',
+  },
   'See duty and tax thresholds': {
     value: 'Bekijk heffings- en belastingdrempels',
   },
@@ -699,6 +741,9 @@ const stringsDutch = {
   'business days': {
     value: 'werkdagen',
   },
+  'click to learn more': {
+    value: 'klik om meer te leren',
+  },
   'duty free': {
     value: 'heffingvrij',
   },
@@ -792,6 +837,12 @@ const stringsFrench = {
   'Prepay duties and taxes at checkout': {
     value: "Payez les droits et taxes à l'avance lors du checkout",
   },
+  'Restricted item': {
+    value: 'Article restreint',
+  },
+  'Restricted items found': {
+    value: 'Articles restreints trouvés',
+  },
   'See duty and tax thresholds': {
     value: 'Voir les seuils pour les droits et taxes',
   },
@@ -840,6 +891,9 @@ const stringsFrench = {
   'business days': {
     value: 'jours ouvrables',
   },
+  'click to learn more': {
+    value: 'cliquez pour en savoir plus',
+  },
   'duty free': {
     value: 'hors taxes',
   },
@@ -933,6 +987,12 @@ const stringsGerman = {
   'Prepay duties and taxes at checkout': {
     value: 'Zölle und Steuern im Voraus bezahlen',
   },
+  'Restricted item': {
+    value: 'Eingeschränkter Artikel',
+  },
+  'Restricted items found': {
+    value: 'Eingeschränkte Artikel gefunden',
+  },
   'See duty and tax thresholds': {
     value: 'Zoll- und Steuerschwellen ansehen',
   },
@@ -981,6 +1041,9 @@ const stringsGerman = {
   'business days': {
     value: 'Werktage',
   },
+  'click to learn more': {
+    value: 'Klicken, um mehr zu erfahren',
+  },
   'duty free': {
     value: 'zollfrei',
   },
@@ -1074,6 +1137,12 @@ const stringsHebrew = {
   'Prepay duties and taxes at checkout': {
     value: 'שלם מכסים ומסים מראש בעת התשלום',
   },
+  'Restricted item': {
+    value: 'פריט מוגבל',
+  },
+  'Restricted items found': {
+    value: 'נמצאו פריטים מוגבלים',
+  },
   'See duty and tax thresholds': {
     value: 'צפה בספים של מכסים ומסים',
   },
@@ -1122,6 +1191,9 @@ const stringsHebrew = {
   'business days': {
     value: 'ימי עסקים',
   },
+  'click to learn more': {
+    value: 'לחץ למידע נוסף',
+  },
   'duty free': {
     value: 'פטור ממכס',
   },
@@ -1215,6 +1287,12 @@ const stringsIndonesian = {
   'Prepay duties and taxes at checkout': {
     value: 'Pembayaran bea masuk dan pajak di kasir',
   },
+  'Restricted item': {
+    value: 'Item terbatas',
+  },
+  'Restricted items found': {
+    value: 'Item terbatas ditemukan',
+  },
   'See duty and tax thresholds': {
     value: 'Lihat ambang batas bea masuk dan pajak',
   },
@@ -1263,6 +1341,9 @@ const stringsIndonesian = {
   'business days': {
     value: 'hari kerja',
   },
+  'click to learn more': {
+    value: 'klik untuk belajar lebih lanjut',
+  },
   'duty free': {
     value: 'bebas bea masuk',
   },
@@ -1356,6 +1437,12 @@ const stringsItalian = {
   'Prepay duties and taxes at checkout': {
     value: 'Paga dazi e tasse anticipatamente',
   },
+  'Restricted item': {
+    value: 'Articolo limitato',
+  },
+  'Restricted items found': {
+    value: 'Articoli limitati trovati',
+  },
   'See duty and tax thresholds': {
     value: 'Visualizza le soglie di dazi e tasse',
   },
@@ -1404,6 +1491,9 @@ const stringsItalian = {
   'business days': {
     value: 'giorni lavorativi',
   },
+  'click to learn more': {
+    value: 'clicca per saperne di più',
+  },
   'duty free': {
     value: 'esentasse',
   },
@@ -1497,6 +1587,12 @@ const stringsJapanese = {
   'Prepay duties and taxes at checkout': {
     value: ' checkout時に関税と税金を前払い',
   },
+  'Restricted item': {
+    value: '制限付き商品',
+  },
+  'Restricted items found': {
+    value: '制限付き商品が見つかりました',
+  },
   'See duty and tax thresholds': {
     value: '関税と税金の閾値を見る',
   },
@@ -1545,6 +1641,9 @@ const stringsJapanese = {
   'business days': {
     value: '営業日',
   },
+  'click to learn more': {
+    value: '詳細を知るにはクリック',
+  },
   'duty free': {
     value: '免税',
   },
@@ -1638,6 +1737,12 @@ const stringsKorean = {
   'Prepay duties and taxes at checkout': {
     value: '체크아웃 시 관세와 세금 선불',
   },
+  'Restricted item': {
+    value: '제한 물품',
+  },
+  'Restricted items found': {
+    value: '제한 물품 발견',
+  },
   'See duty and tax thresholds': {
     value: '관세 및 세금 임계값 보기',
   },
@@ -1686,6 +1791,9 @@ const stringsKorean = {
   'business days': {
     value: '영업일',
   },
+  'click to learn more': {
+    value: '자세히 알아보려면 클릭',
+  },
   'duty free': {
     value: '관세 면제',
   },
@@ -1779,6 +1887,12 @@ const stringsNorwegian = {
   'Prepay duties and taxes at checkout': {
     value: 'Forhåndsbetal avgifter og skatt ved kassen',
   },
+  'Restricted item': {
+    value: 'Begrenset vare',
+  },
+  'Restricted items found': {
+    value: 'Begrensede varer funnet',
+  },
   'See duty and tax thresholds': {
     value: 'Se minstegrenser for avgifter og skatt',
   },
@@ -1827,6 +1941,9 @@ const stringsNorwegian = {
   'business days': {
     value: 'virkedager',
   },
+  'click to learn more': {
+    value: 'klikk for å lære mer',
+  },
   'duty free': {
     value: 'tollfri',
   },
@@ -1920,6 +2037,12 @@ const stringsPolish = {
   'Prepay duties and taxes at checkout': {
     value: 'Zapłać cła i podatki z góry podczas realizacji zamówienia',
   },
+  'Restricted item': {
+    value: 'Ograniczony przedmiot',
+  },
+  'Restricted items found': {
+    value: 'Znaleziono ograniczone przedmioty',
+  },
   'See duty and tax thresholds': {
     value: 'Zobacz progi cła i podatków',
   },
@@ -1968,6 +2091,9 @@ const stringsPolish = {
   'business days': {
     value: 'dni robocze',
   },
+  'click to learn more': {
+    value: 'kliknij, aby dowiedzieć się więcej',
+  },
   'duty free': {
     value: 'bezcłowy',
   },
@@ -2061,6 +2187,12 @@ const stringsPortuguese = {
   'Prepay duties and taxes at checkout': {
     value: 'Pague impostos e taxas antecipadamente',
   },
+  'Restricted item': {
+    value: 'Item restrito',
+  },
+  'Restricted items found': {
+    value: 'Itens restritos encontrados',
+  },
   'See duty and tax thresholds': {
     value: 'Veja os limites de isenção de impostos e taxas',
   },
@@ -2109,6 +2241,9 @@ const stringsPortuguese = {
   'business days': {
     value: 'dias úteis',
   },
+  'click to learn more': {
+    value: 'clique para saber mais',
+  },
   'duty free': {
     value: 'livre de impostos',
   },
@@ -2202,6 +2337,12 @@ const stringsRussian = {
   'Prepay duties and taxes at checkout': {
     value: 'Предоплата пошлин и налогов при оформлении заказа',
   },
+  'Restricted item': {
+    value: 'Ограниченный товар',
+  },
+  'Restricted items found': {
+    value: 'Найдены ограниченные товары',
+  },
   'See duty and tax thresholds': {
     value: 'Смотреть пороги пошлин и налогов',
   },
@@ -2250,6 +2391,9 @@ const stringsRussian = {
   'business days': {
     value: 'рабочих дней',
   },
+  'click to learn more': {
+    value: 'нажмите, чтобы узнать больше',
+  },
   'duty free': {
     value: 'беспошлинно',
   },
@@ -2343,6 +2487,12 @@ const stringsSpanish = {
   'Prepay duties and taxes at checkout': {
     value: 'Pague aranceles e impuestos antes en la compra',
   },
+  'Restricted item': {
+    value: 'Artículo restringido',
+  },
+  'Restricted items found': {
+    value: 'Se encontraron artículos restringidos',
+  },
   'See duty and tax thresholds': {
     value: 'Ver umbrales de aranceles e impuestos',
   },
@@ -2391,6 +2541,9 @@ const stringsSpanish = {
   'business days': {
     value: 'días hábiles',
   },
+  'click to learn more': {
+    value: 'haga clic para obtener más información',
+  },
   'duty free': {
     value: 'libre de impuestos',
   },
@@ -2484,6 +2637,12 @@ const stringsSwedish = {
   'Prepay duties and taxes at checkout': {
     value: 'Förbetala tull och skatter vid utcheckning',
   },
+  'Restricted item': {
+    value: 'Begränsad artikel',
+  },
+  'Restricted items found': {
+    value: 'Begränsade artiklar hittades',
+  },
   'See duty and tax thresholds': {
     value: 'Se tull- och skattetrösklar',
   },
@@ -2532,6 +2691,9 @@ const stringsSwedish = {
   'business days': {
     value: 'arbetsdagar',
   },
+  'click to learn more': {
+    value: 'klicka för att lära dig mer',
+  },
   'duty free': {
     value: 'tullfri',
   },
@@ -2625,6 +2787,12 @@ const stringsTurkish = {
   'Prepay duties and taxes at checkout': {
     value: 'Ödemede vergi ve gümrük vergisini önceden öde',
   },
+  'Restricted item': {
+    value: 'Kısıtlı ürün',
+  },
+  'Restricted items found': {
+    value: 'Kısıtlı ürün bulundu',
+  },
   'See duty and tax thresholds': {
     value: 'Vergi ve gümrük vergisi limitlerini gör',
   },
@@ -2673,6 +2841,9 @@ const stringsTurkish = {
   'business days': {
     value: 'iş günü',
   },
+  'click to learn more': {
+    value: 'daha fazla bilgi için tıklayın',
+  },
   'duty free': {
     value: 'gümrüksüz',
   },
@@ -2766,6 +2937,12 @@ const stringsVietnamese = {
   'Prepay duties and taxes at checkout': {
     value: 'Thanh toán trước thuế và phí khi thanh toán',
   },
+  'Restricted item': {
+    value: 'Hàng hóa bị hạn chế',
+  },
+  'Restricted items found': {
+    value: 'Tìm thấy hàng hóa bị hạn chế',
+  },
   'See duty and tax thresholds': {
     value: 'Xem ngưỡng thuế nhập khẩu và thuế',
   },
@@ -2814,6 +2991,9 @@ const stringsVietnamese = {
   'business days': {
     value: 'ngày làm việc',
   },
+  'click to learn more': {
+    value: 'nhấp để tìm hiểu thêm',
+  },
   'duty free': {
     value: 'miễn thuế',
   },
@@ -2976,7 +3156,7 @@ const handleFetch = async (url, _opts) => {
   const body = opts.body ? JSON.stringify(opts.body) : undefined;
   const method = opts.method || 'GET';
   // headers content type
-  const headers = Object.assign({ 'Content-Type': 'application/json', 'Zonos-Referer': window.location.hostname, credentialtoken: window.Zonos.zonosApiKey }, opts.headers);
+  const headers = Object.assign({ 'Content-Type': 'application/json', 'Zonos-Is-BigCommerce': window.Zonos.isBigCommerce.toString(), 'Zonos-Referer': window.location.hostname, 'Zonos-Version': window.Zonos.version, credentialtoken: window.Zonos.zonosApiKey }, opts.headers);
   const options = Object.assign(Object.assign({}, opts), { body: method === 'GET' ? undefined : body, headers,
     method });
   return handleRequest(url, options);
@@ -2984,7 +3164,7 @@ const handleFetch = async (url, _opts) => {
 
 const getCountries = async () => {
   try {
-    const { errors, json } = await handleFetch(`${"https://route.js.zonos.com"}/api/get-countries`, {
+    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/get-countries`, {
       method: 'GET',
     });
     if (errors.length || !json) {
@@ -3007,7 +3187,7 @@ const getCountryLandedCost = async (countryCode) => {
   if (!countryCode) {
     return null;
   }
-  const url = `${"https://route.js.zonos.com"}/api/country-landed-cost/${countryCode}`;
+  const url = `${"https://v1.route.js.zonos.com"}/api/country-landed-cost/${countryCode}`;
   const { errors, json } = await handleFetch(url);
   if (errors.length || !json) {
     logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
@@ -3016,9 +3196,9 @@ const getCountryLandedCost = async (countryCode) => {
   return json || null;
 };
 
-const getExchangeRate = async ({ country, sourceCurrency, targetCurrency, }) => {
+const getExchangeRate = async ({ country, isGuaranteed, sourceCurrency, targetCurrency, }) => {
   var _a;
-  const url = `${"https://route.js.zonos.com"}/api/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}`;
+  const url = `${"https://v1.route.js.zonos.com"}/api/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}&isGuaranteed=${isGuaranteed}&country=${country}}`;
   const { errors, json } = await handleFetch(url);
   if (errors.length || !json) {
     logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
@@ -3034,7 +3214,7 @@ const getExchangeRate = async ({ country, sourceCurrency, targetCurrency, }) =>
 
 const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
   var _a;
-  const url = `${"https://route.js.zonos.com"}/api/locale-messages?countryCode=${countryCode}&storeId=${storeId}&localeTo=${localeTo}`;
+  const url = `${"https://v1.route.js.zonos.com"}/api/locale-messages?countryCode=${countryCode}&storeId=${storeId}&localeTo=${localeTo}`;
   const { errors, json } = await handleFetch(url);
   if (errors.length || !json) {
     // eslint-disable-next-line no-console
@@ -3047,8 +3227,10 @@ const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
 const getLocalization = async () => {
   try {
     const currentUrl = new URL(window.location.href);
-    const zonosCountry = currentUrl.searchParams.get('zonosCountry');
-    const fetchUrl = `${"https://route.js.zonos.com"}/api/localization${zonosCountry ? `?zonosCountry=${zonosCountry}` : ''}`;
+    // load and use country from session storage when zonosCountry query param is not present
+    const countryLoadedSession = window.sessionStorage.getItem('zonos--country');
+    const zonosCountry = currentUrl.searchParams.get('zonosCountry') || countryLoadedSession;
+    const fetchUrl = `${"https://v1.route.js.zonos.com"}/api/localization${zonosCountry ? `?zonosCountry=${zonosCountry}` : ''}`;
     const { errors, json } = await handleFetch(fetchUrl, {
       method: 'GET',
     });
@@ -3067,7 +3249,7 @@ const getLocalization = async () => {
 
 const getShippingZones = async () => {
   var _a, _b;
-  const url = `${"https://route.js.zonos.com"}/api/shipping-zones`;
+  const url = `${"https://v1.route.js.zonos.com"}/api/shipping-zones`;
   const { errors, json } = await handleFetch(url);
   if (errors.length || !json) {
     logError(`Error fetching shipping zones: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
@@ -3264,6 +3446,16 @@ const getCurrencyCode = (code) => {
   return null;
 };
 
+const setZonosCountryUrlParam = (selectedCountryCode) => {
+  if (!selectedCountryCode) {
+    return;
+  }
+  const urlSearchParams = new URLSearchParams(window.location.search);
+  urlSearchParams.set('zonosCountry', selectedCountryCode);
+  const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
+  window.history.replaceState({}, '', newUrl);
+};
+
 const { state: localizationStore } = zonosStore.createStore({
   countryLandedCost: null,
   customMessages: [],
@@ -3278,6 +3470,7 @@ const { state: localizationStore } = zonosStore.createStore({
 const getNewLocalization = async () => {
   log('get new localization store');
   const { isShippableCountry, selectedCountryCode } = localizationStore;
+  const isGuaranteed = zonosStore.zonosStore.checkoutSettings.visibilityStatus === 'ENABLED';
   if (zonosStore.zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
     !isShippableCountry ||
     !selectedCountryCode) {
@@ -3285,6 +3478,7 @@ const getNewLocalization = async () => {
   }
   localizationStore.exchangeRate = await getExchangeRate({
     country: localizationStore.selectedCountryCode,
+    isGuaranteed,
     sourceCurrency: zonosStore.zonosStore.sourceCurrency,
     targetCurrency: localizationStore.targetCurrency,
   });
@@ -3337,11 +3531,10 @@ const localizationStoreUpdateSelectedCountryCode = async (newSelectedCountryCode
   localizationStore.targetCurrency = currencyCode;
   void getNewLocalization();
   void getCustomMessages();
+  // Save the country code to session storage for later use
+  window.sessionStorage.setItem('zonos--country', selectedCountryCode);
   // Update the URL query param with the new country code
-  const urlSearchParams = new URLSearchParams(window.location.search);
-  urlSearchParams.set('zonosCountry', selectedCountryCode);
-  const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
-  window.history.replaceState({}, '', newUrl);
+  setZonosCountryUrlParam(selectedCountryCode);
 };
 const initLocalizationStore = async () => {
   // all countries from countries.json, shipping zone and localization
@@ -3382,6 +3575,5 @@ exports.localizationStore = localizationStore;
 exports.localizationStoreUpdateSelectedCountryCode = localizationStoreUpdateSelectedCountryCode;
 exports.log = log;
 exports.logError = logError;
+exports.setZonosCountryUrlParam = setZonosCountryUrlParam;
 exports.translate = translate;
-
-//# sourceMappingURL=localization-f6a1b679.js.map

package/dist/cjs/{submitGtag-b1b96579.js → submitGtag-9e873a0a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-960e5542.js');
-const localization = require('./localization-f6a1b679.js');
+const zonosStore = require('./zonosStore-270f79cc.js');
+const localization = require('./localization-3a4b4a43.js');
 
 const checkoutBreakpoint = 890;
 const isCheckoutMobile = (isMobile) => {
@@ -25,5 +25,3 @@ const submitGtag = (event) => {
 
 exports.isCheckoutMobile = isCheckoutMobile;
 exports.submitGtag = submitGtag;
-
-//# sourceMappingURL=submitGtag-b1b96579.js.map

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9542d2e7.js');
-const cart = require('./cart-108bc407.js');
-const localization = require('./localization-f6a1b679.js');
-require('./zonosStore-960e5542.js');
-require('./isDarkColor-a86b8a05.js');
-require('./getBorderRadius-2904800c.js');
+const cart = require('./cart-ac9a3c40.js');
+const localization = require('./localization-3a4b4a43.js');
+require('./zonosStore-270f79cc.js');
+require('./isDarkColor-0651a165.js');
+require('./getBorderRadius-1f9c0fa3.js');
 
 const zonosAddressCss = ".sc-zonos-address-h{font-family:Inter;display:block}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:var(--amino-space-16)}";
 
@@ -122,5 +122,3 @@ ZonosLinkAuthentication.style = zonosLinkAuthenticationCss;
 
 exports.zonos_address = ZonosAddress;
 exports.zonos_link_authentication = ZonosLinkAuthentication;
-
-//# sourceMappingURL=zonos-address_2.cjs.entry.js.map

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

@@ -32,5 +32,3 @@ const ZonosBadge = class {
 ZonosBadge.style = zonosBadgeCss;
 
 exports.zonos_badge = ZonosBadge;
-
-//# sourceMappingURL=zonos-badge.cjs.entry.js.map

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

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9542d2e7.js');
+const classes = require('./classes-b7918f56.js');
+
+const zonosBannerCss = ":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{border-radius:var(--amino-radius-10);padding:var(--amino-space-16);background:var(--amino-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:var(--amino-space-0);grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:var(--amino-space-4)}:host(.info){background-color:var(--amino-blue-100);border:1px solid var(--amino-blue-200)}:host(.success){background-color:var(--amino-green-100);border:1px solid var(--amino-green-200)}:host(.error){background-color:var(--amino-red-100);border:1px solid var(--amino-red-200)}:host(.warning){background-color:var(--amino-orange-100);border:1px solid var(--amino-orange-200)}";
+
+const ZonosBanner = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Detect if the button has an content
+     */
+    this.handleSlotChange = () => {
+      this.hasContent = true;
+    };
+    this.bannerTitle = undefined;
+    this.intent = undefined;
+    this.class = '';
+    this.hasContent = false;
+  }
+  render() {
+    const renderContent = ({ color }) => {
+      const primaryColor = `var(--amino-${color}-800)`;
+      const secondaryColor = `var(--amino-${color}-300)`;
+      const [header, content] = [
+        this.bannerTitle,
+        index.h("slot", { onSlotchange: this.handleSlotChange }),
+      ].filter(Boolean);
+      const textColor = color === 'gray' ? 'gray-1200' : `${color}-800`;
+      return (index.h("div", { class: classes.classes(['zonos--container']) }, index.h("div", { class: "zonos--icon-wrapper" }, index.h("svg", { color: primaryColor, fill: "none", height: "20", viewBox: "0 0 24 24", width: "20", xmlns: "https://www.w3.org/2000/svg" }, index.h("path", { "clip-rule": "evenodd", d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z", "data-is-secondary-color": "true", fill: secondaryColor, "fill-rule": "evenodd" }), index.h("path", { "clip-rule": "evenodd", d: "M12 6.99a1 1 0 0 1 1 1V8a1 1 0 1 1-2 0v-.01a1 1 0 0 1 1-1ZM12 11a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1Z", fill: "currentColor", "fill-rule": "evenodd" }))), index.h("div", { class: "zonos--header-wrapper" }, index.h("zonos-text", { color: textColor, type: "label", weight: 600 }, header)), content && (index.h("div", { class: "zonos--content-wrapper" }, index.h("zonos-text", { color: textColor }, content)))));
+    };
+    const baseClass = classes.classes([
+      'zonos--elements zonos--banner',
+      this.class,
+      this.intent,
+    ]);
+    switch (this.intent) {
+      case 'error':
+        return (index.h(index.Host, { class: baseClass }, renderContent({
+          color: 'red',
+        })));
+      case 'info':
+        return (index.h(index.Host, { class: baseClass }, renderContent({
+          color: 'blue',
+        })));
+      case 'success':
+        return (index.h(index.Host, { class: baseClass }, renderContent({
+          color: 'green',
+        })));
+      case 'warning':
+        return (index.h(index.Host, { class: baseClass }, renderContent({
+          color: 'orange',
+        })));
+      default:
+        return (index.h(index.Host, { class: baseClass }, renderContent({
+          color: 'gray',
+        })));
+    }
+  }
+};
+ZonosBanner.style = zonosBannerCss;
+
+exports.zonos_banner = ZonosBanner;