@zonos/elements 1.3.215 → 1.3.217

package/dist/zonos-elements/p-ad8b1fe8.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as o,H as i}from"./p-b30c2ad9.js";import{c as n}from"./p-0e8bdf5c.js";import{i as s,e as r,s as c,a as l}from"./p-65c68531.js";import{z as a,e as d,f as h}from"./p-7ce093aa.js";import{g as u,i as p,a as f}from"./p-e7b0c156.js";import{h as m,b as v,l as g}from"./p-d93ecc57.js";import"./p-56e0ed65.js";import"./p-2b9c124d.js";import"./p-04a01cb1.js";const w=e=>{const t=document.querySelector(e);if(!document.querySelector("zonos-hello")&&t){const e=document.createElement("zonos-hello");return t.appendChild(e),!0}return!1},y=e=>{switch(e){case"BOTTOM_RIGHT":default:return"bottom-right";case"BOTTOM_LEFT":return"bottom-left";case"TOP_LEFT":return"top-left";case"TOP_RIGHT":return"top-right"}},S=({position:e="bottom-right"})=>{const t=".zonos--hello-mobile-wrapper";if(document.querySelector(t))return t;const o=document.createElement("div");return o.className="zonos--hello-mobile-wrapper",o.style.position="fixed","top-right"===e&&(o.style.top="72px",o.style.right="24px"),"top-left"===e&&(o.style.top="72px",o.style.left="24px"),"bottom-right"===e&&(o.style.bottom="72px",o.style.right="24px"),"bottom-left"===e&&(o.style.bottom="72px",o.style.left="24px"),o.style.zIndex="2147483647",document.body.appendChild(o),t},b=async e=>{if(window.Zonos.isLegacyCheckout)return void g("Hello is disabled when isLegacyCheckout","info");const{anchorElementSelector:t}=e;let o=t;if(!e.anchorElementSelector&&e.desktopLocation){const e=S({position:"bottom-right"});o=e}if(o&&s(o)){if(g("Hello init complete"),!w(o)){const t=new MutationObserver((()=>{w(o)&&t.disconnect()}));t.observe(document.body,{childList:!0,subtree:!0}),setTimeout((()=>{w(o)}),1e3),setTimeout((()=>{if(e.notFoundElementFallback){g(`Hello anchor selector ${e.anchorElementSelector} not found after 3 seconds, falling back to 'notFoundElementFallback': ${e.notFoundElementFallback}`,"info");const t=S({position:y(e.notFoundElementFallback)});w(t)}}),3e3)}}else v(`Selector anchorElementSelector "${e.anchorElementSelector}" is not a valid selector.`)};class z{constructor(e,t){this.targetId=e,this.allowedEvents=t,this.listeners=new Map,this.handleMessage=e=>{var t,o,i;const n=e.data,s=(null===(t=this.iframe)||void 0===t?void 0:t.contentWindow)||(null===(i=null===(o=this.iframe)||void 0===o?void 0:o.contentDocument)||void 0===i?void 0:i.defaultView);if(e.source!==s)return;if(!this.isValidMessage(n))return;const r=this.listeners.get(n.type);null==r||r.forEach((e=>{try{e(n.payload)}catch(e){v("Error in event listener:",e)}}))},this.initializeEventListeners(),this.iframe=document.getElementById(this.targetId)}initializeEventListeners(){window.addEventListener("message",this.handleMessage)}isValidMessage(e){if(!e||"object"!=typeof e)return!1;const t=e;return t.id===this.targetId&&"string"==typeof t.type&&this.allowedEvents.includes(t.type)&&void 0!==t.payload}on(e,t){this.listeners.has(e)||this.listeners.set(e,new Set),g(`[CheckoutAddressService] listening to ${e}`,"info");const o=t,i=this.listeners.get(e);return i&&i.add(o),()=>{const t=this.listeners.get(e);t&&t.delete(o)}}destroy(){window.removeEventListener("message",this.handleMessage),this.listeners.clear()}}class I extends z{constructor(){g("=== [Google Places Service] Initializing","info"),super(p.GOOGLE_PLACES,["fetchAutocompleteSuggestions","initializeGooglePlacesService","placeSelected","onFetchAutocompleteSuggestions","onInitializeGooglePlacesService","onPlaceSelected"])}sendMessage(e,t){var o;if(!(null===(o=this.iframe)||void 0===o?void 0:o.contentWindow))return;const i={id:this.targetId,logType:window.Zonos.iframeLogType,payload:t,type:e};g(`GooglePlacesService] parent --\x3e ${e}`,"info",t),this.iframe.contentWindow.postMessage(i,"*")}initialize(){this.sendMessage("initializeGooglePlacesService",{})}fetchSuggestions({country:e,query:t,type:o}){e&&this.sendMessage("fetchAutocompleteSuggestions",{request:{includedRegionCodes:[e],input:t},type:o})}selectPlace({placeId:e,type:t}){this.sendMessage("placeSelected",{placeId:e,type:t})}}class j{constructor(){this.googlePlaceInitialized=!1,g("=== [CheckoutAddressService] Initializing","info"),this.googlePlaces=new I,this.googlePlaces.on("onInitializeGooglePlacesService",(()=>{g("=== [CheckoutAddressService] parent <-- onInitializeGooglePlacesService","info"),this.googlePlaceInitialized=!0})),this.initialize()}initialize(){this.googlePlaces.initialize()}onInitializeGooglePlacesService(e){return this.googlePlaces.on("onInitializeGooglePlacesService",(()=>{g("[CheckoutAddressService] parent <-- onInitializeGooglePlacesService"),e()}))}isGooglePlaceInitialized(){return this.googlePlaceInitialized}onAddressSuggestions(e){return this.suggestionsCallback=e,this.googlePlaces.on("onFetchAutocompleteSuggestions",((...t)=>{g(`[CheckoutAddressService] parent <-- onFetchAutocompleteSuggestions ${t[0].type}`,"info",...t),e(...t)}))}onAddressSelected(e){return this.placeSelectedCallback=e,this.googlePlaces.on("onPlaceSelected",((...t)=>{g(`[CheckoutAddressService] parent <-- onPlaceSelected ${t[0].type}`,"info",...t),e(...t)}))}getAddressSuggestions({country:e,query:t,type:o}){this.googlePlaceInitialized&&this.googlePlaces.fetchSuggestions({country:e,query:t,type:o})}selectAddress({placeId:e,type:t}){this.googlePlaces.selectPlace({placeId:e,type:t})}destroy(){this.googlePlaces.destroy(),this.suggestionsCallback&&(this.suggestionsCallback=void 0),this.placeSelectedCallback&&(this.placeSelectedCallback=void 0)}}const k=class{constructor(o){e(this,o),this.paypalInitEvent=t(this,"paypalInitEvent",7),this.stripeInitEvent=t(this,"stripeInitEvent",7)}async initCheckoutElement(e){var t;e?(n.stripe=e,((t=a.checkoutSettings).placeOrderButtonSelector||t.alwaysTriggerInternationalCheckoutSelector||window.Zonos.cartData)&&(!t.placeOrderButtonSelector||s(t.placeOrderButtonSelector)?!t.alwaysTriggerInternationalCheckoutSelector||s(t.alwaysTriggerInternationalCheckoutSelector)?(()=>{if(!document.querySelector("zonos-checkout")){const e=document.createElement("zonos-checkout");document.body.appendChild(e)}})():v(`Selector alwaysTriggerInternationalCheckoutSelector "${t.alwaysTriggerInternationalCheckoutSelector}" is not a valid selector`):v(`Selector checkoutButtonAnchor "${t.placeOrderButtonSelector}" is not a valid selector`)),g("init checkout element")):g("Stripe is not loaded yet - cannot init checkout element","warn")}initZonosNotification(){if(document.querySelector("zonos-notification"))return;const e=document.createElement("zonos-notification");document.body.appendChild(e)}async setupGoogleFont(e){var t,o;const i=e||h();if("Inter"===i){if(!e)return;g("[FONT] Just applied Inter , but no need to inject since we already inject Inter on start","warn"),a.appearance=Object.assign(Object.assign({},a.appearance),{fontFamily:e})}const n=new URLSearchParams;n.set("family",i);const{errors:s,json:r}=await m(`/api/zonos-elements/get-font-detail?${n.toString()}`);if(s.length>0)return g(`Failed to load font ${i}`,"warn"),void(a.appearance=Object.assign(Object.assign({},a.appearance),{fontFamily:"Inter"}));const c=null==r?void 0:r.fontUrl;c&&(null===(o=(t=window.Zonos).injectSupportGoogleFont)||void 0===o||o.call(t,c)),e&&(g(`[FONT] ${e} font override applied`),a.appearance=Object.assign(Object.assign({},a.appearance),{fontFamily:e}))}handleLocationChange(){b(a.helloSettings)}initHistoryListener(){const e=history.pushState;history.pushState=function(){return window.dispatchEvent(new window.Event("pushstate")),window.dispatchEvent(new window.Event("locationchange")),e.apply(this,arguments)};const t=history.replaceState;history.replaceState=function(){return window.dispatchEvent(new window.Event("replacestate")),window.dispatchEvent(new window.Event("locationchange")),t.apply(this,arguments)}}injectCustomHTML(e){if(!e)return;if(!window.Zonos.isLegacyCheckout)return void g("=== Skip injecting custom HTML for hosted checkout","info");g("=== Injecting custom HTML for hosted checkout");const t=document.createElement("template");t.innerHTML=e,t.content.querySelectorAll("script").forEach((e=>{const t=document.createElement("script");e.src?(t.src=e.src,t.async=e.async):t.textContent=e.innerHTML,document.body.appendChild(t)}))}async initGooglePlacesService(e){const t=null==e?void 0:e.genericSettings;if(!t)return;const o=t.signedTokenGooglePlaces;o&&f({id:p.GOOGLE_PLACES,onload:()=>{a.checkoutAddressService=new j},src:`https://route.elements.zonos.com/iframe/google-maps?signedToken=${o}`})}async componentWillLoad(){this.initHistoryListener(),a.zonosApiKey=this.zonosApiKey,(async()=>{var e,t,o,i,n,s;const{errors:c,json:l,zonosMode:h}=await(async()=>{if(window.Zonos.cartSettings)return{errors:[],json:window.Zonos.cartSettings,zonosMode:window.Zonos.zonosMode};const e=u(),t=new URLSearchParams;e.overrideShouldEnabledCustomAddress&&t.set("overrideShouldEnabledCustomAddress",e.overrideShouldEnabledCustomAddress);const{errors:o,json:i,zonosMode:n}=await m(`/api/zonos-elements/zonos-settings?${t.toString()}`);return o.length?(v("Error occurred when getting zonos settings. If this is not an unauthorized error, it will use user settings or default settings"),{errors:o,json:null,zonosMode:n}):{errors:[],json:i,zonosMode:n}})();if("403"===(null===(t=null===(e=c[0])||void 0===e?void 0:e.type)||void 0===t?void 0:t.toString()))return void g("Failed to load zonos settings. This domain may not have access","warn");const p=(null===(o=null==l?void 0:l.checkoutSettings)||void 0===o?void 0:o.customHTML)||"";this.injectCustomHTML(p),this.initZonosNotification();const f=window.Zonos.isLegacyCheckout&&!!window.Zonos.cartData&&"CLOSE_MODAL"===(null===(i=this.config.checkoutSettings)||void 0===i?void 0:i.successBehavior),w=Object.assign(Object.assign({},this.config),{appearance:Object.assign(Object.assign({},this.config.appearance),{logoUrl:(()=>{var e,t,o;return window.Zonos.isLegacyCheckout?(null===(e=null==l?void 0:l.appearanceSettings)||void 0===e?void 0:e.logoUrl)||(null===(t=this.config.appearance)||void 0===t?void 0:t.logoUrl):null===(o=this.config.appearance)||void 0===o?void 0:o.logoUrl})()}),checkoutSettings:this.config.checkoutSettings?Object.assign(Object.assign({},this.config.checkoutSettings),{allowedSettlementCurrencies:void 0,captureDelay:void 0,subscriptionStatus:void 0,successBehavior:f?"ZONOS_SUCCESS_PAGE":this.config.checkoutSettings.successBehavior,successRedirectUrl:f?(null===(n=window.Zonos.cartData)||void 0===n?void 0:n.storeBaseUrl)||(null==l?void 0:l.onlineStoreSettings.url):this.config.checkoutSettings.successRedirectUrl}):void 0});d({overrideSettings:w,zonosSettings:l}),a.zonosMode=h,this.setupGoogleFont(),"DISABLED"===a.helloSettings.visibilityStatus&&g("=== Hello is disabled by store owner ===","warn"),a.helloSettings&&"ENABLED"===a.helloSettings.visibilityStatus&&(g("Initializing hello"),b(a.helloSettings)),await r();const y=(null===(s=null==l?void 0:l.checkoutSettings)||void 0===s?void 0:s.externalServiceTokens.find((e=>"STRIPE_PUBLISHABLE_TOKEN"===e.type)))||null;if(y&&this.stripeInitEvent){if("INACTIVE"===a.checkoutSettings.subscriptionStatus)return g('=== Checkout subscription is "INACTIVE" - Cancel initializing for Checkout ===',"warn"),void g("zonos controller loaded");if("DISABLED"===a.checkoutSettings.visibilityStatus)return g("=== Checkout is disabled by store owner ===","warn"),void g("zonos controller loaded");this.stripeInitEvent.emit({publishableKey:y.token}),this.initGooglePlacesService(l)}else g("Checkout failed to load -- missing publishable key","warn")})()}async showNotification(e){const t=document.querySelector("zonos-notification");t?t.showNotification(e):g("Failed to show notification - zonos-notification not found","warn")}async reset(){c.checkoutSessionId=null,n.clientSecret=""}async overrideConfig(e){d({overrideSettings:e,zonosSettings:null})}async overrideCountry(e){g(`Override country code to ${e}`),l(e)}async getAppearanceSetting(){return a.appearance}async updateOrganizationName(e){a.organizationName=e}render(){return o(i,{key:"62c0b3079d64f05800da24daa19e0e1e3a890bca",class:"zonos--elements"})}};k.style=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{visibility:hidden;opacity:0;height:0}";export{k as zonos_controller}

package/dist/zonos-elements/{p-c8433f89.js → p-afa4b4f0.js}

@@ -1,4 +1,4 @@
-import{z as o,c as e}from"./p-7ce093aa.js";import{t as n,z as r,c as t,e as a,v as i,r as s,j as c}from"./p-f979a131.js";import{t as l,s as u}from"./p-a45a15a0.js";import{h as d,l as p,b as v,j as y}from"./p-2eec2d7c.js";import{t as f}from"./p-56e0ed65.js";
+import{z as o,c as e}from"./p-7ce093aa.js";import{t as n,z as r,c as t,e as a,v as i,r as s,j as c}from"./p-0e8bdf5c.js";import{t as l,s as u}from"./p-65c68531.js";import{h as d,l as p,b as v,j as y}from"./p-d93ecc57.js";import{t as f}from"./p-56e0ed65.js";
 /*!
  * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)
  * Copyright 2020-present, PayPal, Inc. All rights reserved.