@zonos/elements 1.0.16

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

@@ -0,0 +1,165 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-d1aa9293.js';
+import { s as stripeStore } from './cart-36c33342.js';
+import { h as handleFetch, b as logError, i as isValidSelector, l as log, c as initLocalizationStore, d as localizationStoreUpdateSelectedCountryCode } from './localization-4a424f49.js';
+import { z as zonosStore, d as zonosStoreInitSetting } from './zonosStore-13a7b534.js';
+import './isDarkColor-b21326ae.js';
+import './getBorderRadius-82fbaf25.js';
+
+const getZonosSetting = async () => {
+  const url = `${"https://route.js.zonos.com"}/api/zonos-setting`;
+  const { errors, json } = await handleFetch(url);
+  if (errors.length) {
+    logError(`Error occurs when getting zonos settings. If this is not an unauthorized error, it will use user setting or default setting`);
+    return { errors, json: null };
+  }
+  return { errors: [], json };
+};
+
+const injectCheckoutElement = (triggerAnchorElement) => {
+  // append checkout component if doesn't exist
+  const checkoutElement = document.querySelector('zonos-checkout');
+  if (!checkoutElement) {
+    const newCheckoutElement = document.createElement('zonos-checkout');
+    newCheckoutElement.buttonAnchorElements = triggerAnchorElement;
+    document.body.appendChild(newCheckoutElement);
+  }
+};
+const initCheckout = async (config) => {
+  if (!config.placeOrderButtonSelector) {
+    // do nothing if checkout button anchor is not set
+    return;
+  }
+  // check if checkout button anchor selector user pass in is valid
+  if (!isValidSelector(config.placeOrderButtonSelector)) {
+    logError(`Selector checkoutButtonAnchor "${config.placeOrderButtonSelector}" is not a valid selector`);
+    return;
+  }
+  const triggerElement = document.querySelectorAll(config.placeOrderButtonSelector);
+  injectCheckoutElement(triggerElement);
+};
+
+const injectHelloComponent = (triggerAnchorElement) => {
+  // append checkout component if doesn't exist
+  const helloElement = document.querySelector('zonos-hello');
+  if (!helloElement && triggerAnchorElement) {
+    const newHelloElement = document.createElement('zonos-hello');
+    triggerAnchorElement.appendChild(newHelloElement);
+  }
+};
+const initHello = async (helloSettings) => {
+  const { anchorElementSelector } = helloSettings;
+  // check if checkout button anchor selector user pass in is valid to setup hello
+  if (!anchorElementSelector || !isValidSelector(anchorElementSelector)) {
+    logError(`Selector anchorElementSelector "${helloSettings.anchorElementSelector}" is not a valid selector.`);
+    return;
+  }
+  const triggerElement = document.querySelector(anchorElementSelector);
+  log('Hello init complete');
+  injectHelloComponent(triggerElement);
+};
+
+const zonosControllerCss = ":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{visibility:hidden;opacity:0;height:0}";
+
+const ZonosController = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.stripeInitEvent = createEvent(this, "stripeInitEvent", 7);
+    this.config = undefined;
+    this.zonosApiKey = undefined;
+  }
+  /**
+   * Method to initialize checkout element
+   */
+  async initCheckoutElement(stripe) {
+    if (!stripe) {
+      // eslint-disable-next-line no-console
+      log('Stripe is not loaded yet - cannot init checkout element', 'warn');
+      return;
+    }
+    stripeStore.stripe = stripe;
+    void initCheckout(zonosStore.checkoutSettings);
+    log('init checkout element');
+  }
+  /**
+   * Init zonos notification
+   */
+  initZonosNotification() {
+    const existingNotification = document.querySelector('zonos-notification');
+    if (existingNotification) {
+      return;
+    }
+    const zonosNotification = document.createElement('zonos-notification');
+    document.body.appendChild(zonosNotification);
+  }
+  async componentWillLoad() {
+    zonosStore.zonosApiKey = this.zonosApiKey;
+    // running with scope async function to avoid blocking the main thread
+    (async () => {
+      var _a, _b;
+      const { errors, json } = await getZonosSetting();
+      if (((_a = errors[0]) === null || _a === void 0 ? void 0 : _a.type.toString()) === '403') {
+        log('Failed to load zonos settings. This domain may not have access', 'warn');
+        return;
+      }
+      // init zonos notification
+      this.initZonosNotification();
+      // load default setting if fail to load user setting
+      zonosStoreInitSetting({
+        overrideSettings: this.config,
+        zonosSettings: json,
+      });
+      if (zonosStore.helloSettings) {
+        void initHello(zonosStore.helloSettings);
+      }
+      // init localization store
+      await initLocalizationStore();
+      // checkout init
+      const publishableKey = ((_b = json === null || json === void 0 ? void 0 : json.checkoutSettings) === null || _b === void 0 ? void 0 : _b.externalServiceTokens.find(item => item.type === 'STRIPE_PUBLISHABLE_TOKEN')) || null;
+      if (!publishableKey || !this.stripeInitEvent) {
+        log('Checkout failed to load -- missing publishable key', 'warn');
+        return;
+      }
+      // send publishable key out to load stripe
+      this.stripeInitEvent.emit({
+        publishableKey: publishableKey.token,
+      });
+      // eslint-disable-next-line no-console
+      log('zonos controller loaded');
+    })();
+  }
+  /**
+   * Show notification
+   */
+  async showNotification(notification) {
+    const notificationElement = document.querySelector('zonos-notification');
+    if (!notificationElement) {
+      log('Failed to show notification - zonos-notification not found', 'warn');
+      return;
+    }
+    void notificationElement.showNotification(notification);
+  }
+  /**
+   * Override the setting
+   * @param config config that need to override the default setting
+   */
+  async overrideConfig(config) {
+    zonosStoreInitSetting({
+      overrideSettings: config,
+      zonosSettings: null,
+    });
+  }
+  /**
+   * Override country code for storybook
+   */
+  async overrideCountry(countryCode) {
+    void localizationStoreUpdateSelectedCountryCode(countryCode);
+  }
+  render() {
+    return h(Host, { class: "zonos--elements" });
+  }
+};
+ZonosController.style = zonosControllerCss;
+
+export { ZonosController as zonos_controller };
+
+//# sourceMappingURL=zonos-controller.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"zonos-controller.entry.esm.js","mappings":"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","names":[],"sources":["src/components/utils/api/getZonosSetting.ts","src/components/utils/checkout/initCheckout.ts","src/components/utils/hello/initHello.ts","src/components/main/zonos-controller.scss?tag=zonos-controller&encapsulation=shadow","src/components/main/zonos-controller.tsx"],"sourcesContent":["import { handleFetch } from 'src/components/utils/handleFetch';\nimport { logError } from 'src/components/utils/logging/logError';\nimport type { ZonosSettingsQuery } from 'src/types/generated/graphql.customer.types';\n\nexport const getZonosSetting = async () => {\n  const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-setting`;\n  const { errors, json } = await handleFetch<ZonosSettingsQuery>(url);\n  if (errors.length) {\n    logError(\n      `Error occurs when getting zonos settings. If this is not an unauthorized error, it will use user setting or default setting`,\n    );\n    return { errors, json: null };\n  }\n  return { errors: [], json };\n};\n","import { isValidSelector } from 'src/components/utils/isValidSelector';\nimport { logError } from 'src/components/utils/logging/logError';\nimport type { CheckoutConfig } from 'src/types/checkout/CheckoutConfig';\n\nconst injectCheckoutElement = (triggerAnchorElement: HTMLElement[] | null) => {\n  // append checkout component if doesn't exist\n  const checkoutElement = document.querySelector('zonos-checkout');\n\n  if (!checkoutElement) {\n    const newCheckoutElement = document.createElement('zonos-checkout');\n    newCheckoutElement.buttonAnchorElements = triggerAnchorElement;\n\n    document.body.appendChild(newCheckoutElement);\n  }\n};\n\nexport const initCheckout = async (config: Partial<CheckoutConfig>) => {\n  if (!config.placeOrderButtonSelector) {\n    // do nothing if checkout button anchor is not set\n    return;\n  }\n\n  // check if checkout button anchor selector user pass in is valid\n  if (!isValidSelector(config.placeOrderButtonSelector)) {\n    logError(\n      `Selector checkoutButtonAnchor \"${config.placeOrderButtonSelector}\" is not a valid selector`,\n    );\n    return;\n  }\n\n  const triggerElement = document.querySelectorAll(\n    config.placeOrderButtonSelector,\n  );\n  injectCheckoutElement(triggerElement as unknown as HTMLElement[]);\n};\n","import { isValidSelector } from 'src/components/utils/isValidSelector';\nimport { log } from 'src/components/utils/logging/log';\nimport { logError } from 'src/components/utils/logging/logError';\nimport type { HelloSettingFragment } from 'src/types/generated/graphql.customer.types';\n\nconst injectHelloComponent = (triggerAnchorElement: HTMLElement | null) => {\n  // append checkout component if doesn't exist\n  const helloElement = document.querySelector('zonos-hello');\n\n  if (!helloElement && triggerAnchorElement) {\n    const newHelloElement = document.createElement('zonos-hello');\n    triggerAnchorElement.appendChild(newHelloElement);\n  }\n};\n\nexport const initHello = async (\n  helloSettings: Partial<HelloSettingFragment>,\n) => {\n  const { anchorElementSelector } = helloSettings;\n  // check if checkout button anchor selector user pass in is valid to setup hello\n  if (!anchorElementSelector || !isValidSelector(anchorElementSelector)) {\n    logError(\n      `Selector anchorElementSelector \"${helloSettings.anchorElementSelector}\" is not a valid selector.`,\n    );\n    return;\n  }\n\n  const triggerElement = document.querySelector<HTMLElement>(\n    anchorElementSelector,\n  );\n\n  log('Hello init complete');\n  injectHelloComponent(triggerElement);\n};\n",":host {\n  visibility: hidden;\n  opacity: 0;\n  height: 0;\n}\n","import {\n  type EventEmitter,\n  Component,\n  Event,\n  h,\n  Host,\n  Method,\n  Prop,\n} from '@stencil/core';\nimport type { Stripe } from '@stripe/stripe-js';\n\nimport type { NotificationInit } from 'src/components/common/zonos-notification/zonos-notification';\nimport { stripeStore } from 'src/components/store/checkout/stripe';\nimport {\n  initLocalizationStore,\n  localizationStoreUpdateSelectedCountryCode,\n} from 'src/components/store/hello/localization';\nimport {\n  zonosStore,\n  zonosStoreInitSetting,\n} from 'src/components/store/zonosStore';\nimport { getZonosSetting } from 'src/components/utils/api/getZonosSetting';\nimport { initCheckout } from 'src/components/utils/checkout/initCheckout';\nimport { initHello } from 'src/components/utils/hello/initHello';\nimport { log } from 'src/components/utils/logging/log';\nimport type { LoadZonosParamsConfig } from 'src/scripts/zonos';\nimport type { CountryCode } from 'src/types/generated/graphql.customer.types';\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-controller.scss',\n  tag: 'zonos-controller',\n})\nexport class ZonosController {\n  /**\n   * The zonos config object\n   */\n  @Prop() config!: LoadZonosParamsConfig;\n\n  /**\n   * The zonos api key\n   */\n  @Prop() zonosApiKey!: string;\n\n  /**\n   * Event emitted when stripe is initialized\n   */\n  @Event() stripeInitEvent?: EventEmitter<{ publishableKey: string }>;\n\n  /**\n   * Method to initialize checkout element\n   */\n  @Method()\n  public async initCheckoutElement(stripe: Stripe) {\n    if (!stripe) {\n      // eslint-disable-next-line no-console\n      log('Stripe is not loaded yet - cannot init checkout element', 'warn');\n      return;\n    }\n    stripeStore.stripe = stripe;\n    void initCheckout(zonosStore.checkoutSettings);\n    log('init checkout element');\n  }\n\n  /**\n   * Init zonos notification\n   */\n  private initZonosNotification() {\n    const existingNotification = document.querySelector('zonos-notification');\n    if (existingNotification) {\n      return;\n    }\n    const zonosNotification = document.createElement('zonos-notification');\n    document.body.appendChild(zonosNotification);\n  }\n\n  async componentWillLoad() {\n    zonosStore.zonosApiKey = this.zonosApiKey;\n    // running with scope async function to avoid blocking the main thread\n    (async () => {\n      const { errors, json } = await getZonosSetting();\n      if (errors[0]?.type.toString() === '403') {\n        log(\n          'Failed to load zonos settings. This domain may not have access',\n          'warn',\n        );\n        return;\n      }\n\n      // init zonos notification\n      this.initZonosNotification();\n\n      // load default setting if fail to load user setting\n      zonosStoreInitSetting({\n        overrideSettings: this.config,\n        zonosSettings: json,\n      });\n\n      if (zonosStore.helloSettings) {\n        void initHello(zonosStore.helloSettings);\n      }\n      // init localization store\n      await initLocalizationStore();\n\n      // checkout init\n      const publishableKey =\n        json?.checkoutSettings?.externalServiceTokens.find(\n          item => item.type === 'STRIPE_PUBLISHABLE_TOKEN',\n        ) || null;\n\n      if (!publishableKey || !this.stripeInitEvent) {\n        log('Checkout failed to load -- missing publishable key', 'warn');\n        return;\n      }\n\n      // send publishable key out to load stripe\n      this.stripeInitEvent.emit({\n        publishableKey: publishableKey.token,\n      });\n\n      // eslint-disable-next-line no-console\n      log('zonos controller loaded');\n    })();\n  }\n\n  /**\n   * Show notification\n   */\n  @Method()\n  public async showNotification(notification: NotificationInit) {\n    const notificationElement = document.querySelector('zonos-notification');\n    if (!notificationElement) {\n      log('Failed to show notification - zonos-notification not found', 'warn');\n      return;\n    }\n    void notificationElement.showNotification(notification);\n  }\n\n  /**\n   * Override the setting\n   * @param config config that need to override the default setting\n   */\n  @Method()\n  public async overrideConfig(config: LoadZonosParamsConfig) {\n    zonosStoreInitSetting({\n      overrideSettings: config,\n      zonosSettings: null,\n    });\n  }\n\n  /**\n   * Override country code for storybook\n   */\n  @Method()\n  public async overrideCountry(countryCode: CountryCode) {\n    void localizationStoreUpdateSelectedCountryCode(countryCode);\n  }\n\n  render() {\n    return <Host class=\"zonos--elements\"></Host>;\n  }\n}\n"],"version":3}

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

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,e,n,o){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function s(t){try{u(o.next(t))}catch(t){i(t)}}function c(t){try{u(o["throw"](t))}catch(t){i(t)}}function u(t){t.done?n(t.value):r(t.value).then(s,c)}u((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,r,i,s;return s={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function c(t){return function(e){return u([t,e])}}function u(c){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,c[0]&&(n=0)),n)try{if(o=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:n.label++;return{value:c[1],done:false};case 5:n.label++;r=c[1];c=[0];continue;case 7:c=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){n=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){n.label=c[1];break}if(c[0]===6&&n.label<i[1]){n.label=i[1];i=c;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(c);break}if(i[2])n.ops.pop();n.trys.pop();continue}c=e.call(t,n)}catch(t){c=[6,t];r=0}finally{o=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./index-87193773.system.js","./cart-ecd9011b.system.js","./localization-3c43290f.system.js","./zonosStore-77bcd7c0.system.js","./isDarkColor-dc2b7c8f.system.js","./getBorderRadius-4fbe49de.system.js"],(function(t){"use strict";var e,n,o,r,i,s,c,u,a,l,h,f,d;return{setters:[function(t){e=t.r;n=t.c;o=t.h;r=t.H},function(t){i=t.s},function(t){s=t.h;c=t.b;u=t.i;a=t.l;l=t.c;h=t.d},function(t){f=t.z;d=t.d},function(){},function(){}],execute:function(){var v=this;var p=function(){return __awaiter(v,void 0,void 0,(function(){var t,e,n,o;return __generator(this,(function(r){switch(r.label){case 0:t="".concat("https://route.js.zonos.com","/api/zonos-setting");return[4,s(t)];case 1:e=r.sent(),n=e.errors,o=e.json;if(n.length){c("Error occurs when getting zonos settings. If this is not an unauthorized error, it will use user setting or default setting");return[2,{errors:n,json:null}]}return[2,{errors:[],json:o}]}}))}))};var y=function(t){var e=document.querySelector("zonos-checkout");if(!e){var n=document.createElement("zonos-checkout");n.buttonAnchorElements=t;document.body.appendChild(n)}};var _=function(t){return __awaiter(v,void 0,void 0,(function(){var e;return __generator(this,(function(n){if(!t.placeOrderButtonSelector){return[2]}if(!u(t.placeOrderButtonSelector)){c('Selector checkoutButtonAnchor "'.concat(t.placeOrderButtonSelector,'" is not a valid selector'));return[2]}e=document.querySelectorAll(t.placeOrderButtonSelector);y(e);return[2]}))}))};var m=function(t){var e=document.querySelector("zonos-hello");if(!e&&t){var n=document.createElement("zonos-hello");t.appendChild(n)}};var g=function(t){return __awaiter(v,void 0,void 0,(function(){var e,n;return __generator(this,(function(o){e=t.anchorElementSelector;if(!e||!u(e)){c('Selector anchorElementSelector "'.concat(t.anchorElementSelector,'" is not a valid selector.'));return[2]}n=document.querySelector(e);a("Hello init complete");m(n);return[2]}))}))};var w=":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{visibility:hidden;opacity:0;height:0}";var S=t("zonos_controller",function(){function t(t){e(this,t);this.stripeInitEvent=n(this,"stripeInitEvent",7);this.config=undefined;this.zonosApiKey=undefined}t.prototype.initCheckoutElement=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!t){a("Stripe is not loaded yet - cannot init checkout element","warn");return[2]}i.stripe=t;void _(f.checkoutSettings);a("init checkout element");return[2]}))}))};t.prototype.initZonosNotification=function(){var t=document.querySelector("zonos-notification");if(t){return}var e=document.createElement("zonos-notification");document.body.appendChild(e)};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){f.zonosApiKey=this.zonosApiKey;(function(){return __awaiter(t,void 0,void 0,(function(){var t,e,n,o,r,i;return __generator(this,(function(s){switch(s.label){case 0:return[4,p()];case 1:n=s.sent(),o=n.errors,r=n.json;if(((t=o[0])===null||t===void 0?void 0:t.type.toString())==="403"){a("Failed to load zonos settings. This domain may not have access","warn");return[2]}this.initZonosNotification();d({overrideSettings:this.config,zonosSettings:r});if(f.helloSettings){void g(f.helloSettings)}return[4,l()];case 2:s.sent();i=((e=r===null||r===void 0?void 0:r.checkoutSettings)===null||e===void 0?void 0:e.externalServiceTokens.find((function(t){return t.type==="STRIPE_PUBLISHABLE_TOKEN"})))||null;if(!i||!this.stripeInitEvent){a("Checkout failed to load -- missing publishable key","warn");return[2]}this.stripeInitEvent.emit({publishableKey:i.token});a("zonos controller loaded");return[2]}}))}))})();return[2]}))}))};t.prototype.showNotification=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){e=document.querySelector("zonos-notification");if(!e){a("Failed to show notification - zonos-notification not found","warn");return[2]}void e.showNotification(t);return[2]}))}))};t.prototype.overrideConfig=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){d({overrideSettings:t,zonosSettings:null});return[2]}))}))};t.prototype.overrideCountry=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){void h(t);return[2]}))}))};t.prototype.render=function(){return o(r,{class:"zonos--elements"})};return t}());S.style=w}}}));
+//# sourceMappingURL=zonos-controller.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getZonosSetting","__awaiter","_this","url","concat","handleFetch","_c","_d","sent","errors","json","length","logError","injectCheckoutElement","triggerAnchorElement","checkoutElement","document","querySelector","newCheckoutElement","createElement","buttonAnchorElements","body","appendChild","initCheckout","config","placeOrderButtonSelector","isValidSelector","triggerElement","querySelectorAll","injectHelloComponent","helloElement","newHelloElement","initHello","helloSettings","anchorElementSelector","log","zonosControllerCss","ZonosController","exports","class_1","prototype","initCheckoutElement","stripe","stripeStore","zonosStore","checkoutSettings","initZonosNotification","existingNotification","zonosNotification","componentWillLoad","zonosApiKey","this","_a","type","toString","zonosStoreInitSetting","overrideSettings","zonosSettings","initLocalizationStore","publishableKey","_b","externalServiceTokens","find","item","stripeInitEvent","emit","token","showNotification","notification","notificationElement","overrideConfig","overrideCountry","countryCode","localizationStoreUpdateSelectedCountryCode","render","h","Host","class"],"sources":["src/components/utils/api/getZonosSetting.ts","src/components/utils/checkout/initCheckout.ts","src/components/utils/hello/initHello.ts","src/components/main/zonos-controller.scss?tag=zonos-controller&encapsulation=shadow","src/components/main/zonos-controller.tsx"],"sourcesContent":["import { handleFetch } from 'src/components/utils/handleFetch';\nimport { logError } from 'src/components/utils/logging/logError';\nimport type { ZonosSettingsQuery } from 'src/types/generated/graphql.customer.types';\n\nexport const getZonosSetting = async () => {\n  const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-setting`;\n  const { errors, json } = await handleFetch<ZonosSettingsQuery>(url);\n  if (errors.length) {\n    logError(\n      `Error occurs when getting zonos settings. If this is not an unauthorized error, it will use user setting or default setting`,\n    );\n    return { errors, json: null };\n  }\n  return { errors: [], json };\n};\n","import { isValidSelector } from 'src/components/utils/isValidSelector';\nimport { logError } from 'src/components/utils/logging/logError';\nimport type { CheckoutConfig } from 'src/types/checkout/CheckoutConfig';\n\nconst injectCheckoutElement = (triggerAnchorElement: HTMLElement[] | null) => {\n  // append checkout component if doesn't exist\n  const checkoutElement = document.querySelector('zonos-checkout');\n\n  if (!checkoutElement) {\n    const newCheckoutElement = document.createElement('zonos-checkout');\n    newCheckoutElement.buttonAnchorElements = triggerAnchorElement;\n\n    document.body.appendChild(newCheckoutElement);\n  }\n};\n\nexport const initCheckout = async (config: Partial<CheckoutConfig>) => {\n  if (!config.placeOrderButtonSelector) {\n    // do nothing if checkout button anchor is not set\n    return;\n  }\n\n  // check if checkout button anchor selector user pass in is valid\n  if (!isValidSelector(config.placeOrderButtonSelector)) {\n    logError(\n      `Selector checkoutButtonAnchor \"${config.placeOrderButtonSelector}\" is not a valid selector`,\n    );\n    return;\n  }\n\n  const triggerElement = document.querySelectorAll(\n    config.placeOrderButtonSelector,\n  );\n  injectCheckoutElement(triggerElement as unknown as HTMLElement[]);\n};\n","import { isValidSelector } from 'src/components/utils/isValidSelector';\nimport { log } from 'src/components/utils/logging/log';\nimport { logError } from 'src/components/utils/logging/logError';\nimport type { HelloSettingFragment } from 'src/types/generated/graphql.customer.types';\n\nconst injectHelloComponent = (triggerAnchorElement: HTMLElement | null) => {\n  // append checkout component if doesn't exist\n  const helloElement = document.querySelector('zonos-hello');\n\n  if (!helloElement && triggerAnchorElement) {\n    const newHelloElement = document.createElement('zonos-hello');\n    triggerAnchorElement.appendChild(newHelloElement);\n  }\n};\n\nexport const initHello = async (\n  helloSettings: Partial<HelloSettingFragment>,\n) => {\n  const { anchorElementSelector } = helloSettings;\n  // check if checkout button anchor selector user pass in is valid to setup hello\n  if (!anchorElementSelector || !isValidSelector(anchorElementSelector)) {\n    logError(\n      `Selector anchorElementSelector \"${helloSettings.anchorElementSelector}\" is not a valid selector.`,\n    );\n    return;\n  }\n\n  const triggerElement = document.querySelector<HTMLElement>(\n    anchorElementSelector,\n  );\n\n  log('Hello init complete');\n  injectHelloComponent(triggerElement);\n};\n",":host {\n  visibility: hidden;\n  opacity: 0;\n  height: 0;\n}\n","import {\n  type EventEmitter,\n  Component,\n  Event,\n  h,\n  Host,\n  Method,\n  Prop,\n} from '@stencil/core';\nimport type { Stripe } from '@stripe/stripe-js';\n\nimport type { NotificationInit } from 'src/components/common/zonos-notification/zonos-notification';\nimport { stripeStore } from 'src/components/store/checkout/stripe';\nimport {\n  initLocalizationStore,\n  localizationStoreUpdateSelectedCountryCode,\n} from 'src/components/store/hello/localization';\nimport {\n  zonosStore,\n  zonosStoreInitSetting,\n} from 'src/components/store/zonosStore';\nimport { getZonosSetting } from 'src/components/utils/api/getZonosSetting';\nimport { initCheckout } from 'src/components/utils/checkout/initCheckout';\nimport { initHello } from 'src/components/utils/hello/initHello';\nimport { log } from 'src/components/utils/logging/log';\nimport type { LoadZonosParamsConfig } from 'src/scripts/zonos';\nimport type { CountryCode } from 'src/types/generated/graphql.customer.types';\n\n@Component({\n  shadow: true,\n  styleUrl: 'zonos-controller.scss',\n  tag: 'zonos-controller',\n})\nexport class ZonosController {\n  /**\n   * The zonos config object\n   */\n  @Prop() config!: LoadZonosParamsConfig;\n\n  /**\n   * The zonos api key\n   */\n  @Prop() zonosApiKey!: string;\n\n  /**\n   * Event emitted when stripe is initialized\n   */\n  @Event() stripeInitEvent?: EventEmitter<{ publishableKey: string }>;\n\n  /**\n   * Method to initialize checkout element\n   */\n  @Method()\n  public async initCheckoutElement(stripe: Stripe) {\n    if (!stripe) {\n      // eslint-disable-next-line no-console\n      log('Stripe is not loaded yet - cannot init checkout element', 'warn');\n      return;\n    }\n    stripeStore.stripe = stripe;\n    void initCheckout(zonosStore.checkoutSettings);\n    log('init checkout element');\n  }\n\n  /**\n   * Init zonos notification\n   */\n  private initZonosNotification() {\n    const existingNotification = document.querySelector('zonos-notification');\n    if (existingNotification) {\n      return;\n    }\n    const zonosNotification = document.createElement('zonos-notification');\n    document.body.appendChild(zonosNotification);\n  }\n\n  async componentWillLoad() {\n    zonosStore.zonosApiKey = this.zonosApiKey;\n    // running with scope async function to avoid blocking the main thread\n    (async () => {\n      const { errors, json } = await getZonosSetting();\n      if (errors[0]?.type.toString() === '403') {\n        log(\n          'Failed to load zonos settings. This domain may not have access',\n          'warn',\n        );\n        return;\n      }\n\n      // init zonos notification\n      this.initZonosNotification();\n\n      // load default setting if fail to load user setting\n      zonosStoreInitSetting({\n        overrideSettings: this.config,\n        zonosSettings: json,\n      });\n\n      if (zonosStore.helloSettings) {\n        void initHello(zonosStore.helloSettings);\n      }\n      // init localization store\n      await initLocalizationStore();\n\n      // checkout init\n      const publishableKey =\n        json?.checkoutSettings?.externalServiceTokens.find(\n          item => item.type === 'STRIPE_PUBLISHABLE_TOKEN',\n        ) || null;\n\n      if (!publishableKey || !this.stripeInitEvent) {\n        log('Checkout failed to load -- missing publishable key', 'warn');\n        return;\n      }\n\n      // send publishable key out to load stripe\n      this.stripeInitEvent.emit({\n        publishableKey: publishableKey.token,\n      });\n\n      // eslint-disable-next-line no-console\n      log('zonos controller loaded');\n    })();\n  }\n\n  /**\n   * Show notification\n   */\n  @Method()\n  public async showNotification(notification: NotificationInit) {\n    const notificationElement = document.querySelector('zonos-notification');\n    if (!notificationElement) {\n      log('Failed to show notification - zonos-notification not found', 'warn');\n      return;\n    }\n    void notificationElement.showNotification(notification);\n  }\n\n  /**\n   * Override the setting\n   * @param config config that need to override the default setting\n   */\n  @Method()\n  public async overrideConfig(config: LoadZonosParamsConfig) {\n    zonosStoreInitSetting({\n      overrideSettings: config,\n      zonosSettings: null,\n    });\n  }\n\n  /**\n   * Override country code for storybook\n   */\n  @Method()\n  public async overrideCountry(countryCode: CountryCode) {\n    void localizationStoreUpdateSelectedCountryCode(countryCode);\n  }\n\n  render() {\n    return <Host class=\"zonos--elements\"></Host>;\n  }\n}\n"],"mappings":"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"}