vviinn-widgets 2.5.0 → 2.5.2

package/dist/{vviinn-widgets/vviinn-error.entry.js → cjs/vviinn-error.cjs.entry.js}

@@ -1,15 +1,19 @@
-import { r as registerInstance, h, e as Host } from './index-c8128606.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0f5516a6.js');
 
 const vviinnErrorCss = ":host{background:#F4F4F4;border-radius:8px;display:grid;grid-gap:20px;padding:24px;text-align:center}::slotted(svg){display:grid;align-self:center}::slotted(h4){margin:unset;font-weight:600;font-size:18px;line-height:24px}::slotted(span){font-size:14px;line-height:20px}::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--color-primary, var(--color-primary-system));font-weight:600;font-size:16px;line-height:20px;cursor:pointer}";
 
 let VviinnError = class {
   constructor(hostRef) {
-    registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
   }
   render() {
-    return (h(Host, null, h("slot", { name: "icon" }), h("slot", { name: "title" }), h("slot", { name: "text" }), h("slot", { name: "action" })));
+    return (index.h(index.Host, null, index.h("slot", { name: "icon" }), index.h("slot", { name: "title" }), index.h("slot", { name: "text" }), index.h("slot", { name: "action" })));
   }
 };
 VviinnError.style = vviinnErrorCss;
 
-export { VviinnError as vviinn_error };
+exports.vviinn_error = VviinnError;

package/{www/build/vviinn-preloader.entry.js → dist/cjs/vviinn-preloader.cjs.entry.js}

@@ -1,25 +1,26 @@
-import { r as registerInstance, h, e as Host } from './index-c8128606.js';
-import { i as imageSearchState } from './imageSearch.store-3204bc99.js';
-import './number-a80a4b3c.js';
-import './NonEmptyArray-65395d97.js';
-import './Handler-47db9890.js';
-import './Array-c4dc02db.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0f5516a6.js');
+const imageSearch_store = require('./imageSearch.store-865c23f4.js');
+require('./Handler-176539c8.js');
 
 const vviinnPreloaderCss = ":host{--preloader-size:24px;--preloader-width:calc(var(--preloader-size) / 6);transform-origin:center;-webkit-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite;border:var(--preloader-width) solid white;border-radius:50%;border-top-color:transparent;display:none;outline:0;width:var(--preloader-size);height:var(--preloader-size);box-sizing:border-box}:host(.active){display:flex}@-webkit-keyframes rotate{from{transform:rotate(-360deg)}to{transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(-360deg)}to{transform:rotate(360deg)}}";
 
 let VviinnPreloader = class {
   constructor(hostRef) {
-    registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
   }
   isActive() {
-    return (imageSearchState.loading || imageSearchState.objectDetectionInProgress);
+    return (imageSearch_store.imageSearchState.loading || imageSearch_store.imageSearchState.objectDetectionInProgress);
   }
   render() {
-    return (h(Host, { class: {
+    return (index.h(index.Host, { class: {
         active: this.isActive(),
       } }));
   }
 };
 VviinnPreloader.style = vviinnPreloaderCss;
 
-export { VviinnPreloader as vviinn_preloader };
+exports.vviinn_preloader = VviinnPreloader;

package/{www/build/vviinn-recommendations-sidebar.entry.js → dist/cjs/vviinn-recommendations-sidebar.cjs.entry.js}

@@ -1,12 +1,16 @@
-import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-c8128606.js';
-import { a as CrossIcon } from './index-bbcd6be9.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0f5516a6.js');
+const index$1 = require('./index-31b9cb7a.js');
 
 const recommendationsSidebarCss = ":host{--vviinn-carousel-columns:0;box-sizing:border-box;display:block;display:flex;height:100vh;left:0;position:fixed;top:0;transition:background 0.1s ease-in-out;width:100vw}:host(.open){background:rgba(0, 0, 0, 0.2)}:host(.bottom){flex-direction:column;justify-content:end}:host(.right){flex-direction:row;justify-content:flex-end}header{position:relative;text-align:center;padding:32px}header.contains-source-img{display:grid;justify-items:center;grid-gap:12px}img.source-image{width:64px;height:64px;border-radius:50%;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);padding:8px}:host(.right) header{box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1)}main{padding:0 24px}:host(.right) main{overflow:auto}.sidebar{background:white;box-sizing:border-box;display:flex;flex-direction:column}:host(.bottom.idle) .sidebar,:host(.bottom.closed) .sidebar{transform:translateY(100%)}:host(.bottom.closed) .sidebar{-webkit-animation-name:slideOutFromBottom;animation-name:slideOutFromBottom;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.bottom.open) .sidebar{-webkit-animation-name:slideInFromBottom;animation-name:slideInFromBottom;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.right.idle) .sidebar{transform:translateX(100%)}:host(.right.closed) .sidebar{-webkit-animation-name:slideOutFromRight;animation-name:slideOutFromRight;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.right.open) .sidebar{-webkit-animation-name:slideInFromRight;animation-name:slideInFromRight;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.right) .sidebar{max-width:480px}:host(.right) vviinn-vpr-widget::part(recommendations-grid){display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:24px}:host(.right) vviinn-vpr-widget{overflow:auto}:host(.right) vviinn-vpr-widget::part(image){border:none}.title{font-style:normal;font-weight:500;font-size:28px;line-height:40px;text-align:center;color:#000000}vviinn-vpr-widget::part(title),vviinn-vpr-widget::part(brand),vviinn-vpr-widget::part(type){text-align:left}vviinn-vpr-widget::part(price-container){align-self:start}.close-sidebar{background:transparent;border:none;cursor:pointer;margin:0;padding:0;position:absolute;right:24px;top:24px}@-webkit-keyframes slideInFromBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInFromBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes slideOutFromBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideOutFromBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes slideInFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideOutFromRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideOutFromRight{from{transform:translateX(0)}to{transform:translateX(100%)}}";
 
 let RecommendationsSidebar = class {
   constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.modalClosed = createEvent(this, "modalClosed", 7);
+    index.registerInstance(this, hostRef);
+    this.modalClosed = index.createEvent(this, "modalClosed", 7);
     this.position = "bottom";
     this.sourceImage = null;
     this.widgetScrollbar = false;
@@ -37,10 +41,10 @@ let RecommendationsSidebar = class {
     return (_a = this.el.shadowRoot.querySelector("aside")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
   }
   render() {
-    return (h(Host, { class: this.getClassMap() }, h("aside", { class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, h("header", { class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.isSourceImageValid() ? this.renderSourceImage() : null, h("span", { class: "title", part: "title" }, this.sidebarTitle), h("button", { class: "close-sidebar", onClick: () => (this.state = "closed") }, h(CrossIcon, null))), h("main", { part: "sidebar-content" }, h("vviinn-vpr-widget", { exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-outdated, price-prefix, price-regular, price-sale, title: product-title", token: this.token, productId: this.productId, imageWidth: 300, blockTitle: "", mode: this.position === "bottom" ? "continuity" : "grid", useCarousel: this.position === "bottom", onRecommendationsLoaded: () => (this.state = "open"), showScroll: this.widgetScrollbar })))));
+    return (index.h(index.Host, { class: this.getClassMap() }, index.h("aside", { class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, index.h("header", { class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.isSourceImageValid() ? this.renderSourceImage() : null, index.h("span", { class: "title", part: "title" }, this.sidebarTitle), index.h("button", { class: "close-sidebar", onClick: () => (this.state = "closed") }, index.h(index$1.CrossIcon, null))), index.h("main", { part: "sidebar-content" }, index.h("vviinn-vpr-widget", { exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-outdated, price-prefix, price-regular, price-sale, title: product-title", token: this.token, productId: this.productId, imageWidth: 300, blockTitle: "", mode: this.position === "bottom" ? "continuity" : "grid", useCarousel: this.position === "bottom", onRecommendationsLoaded: () => (this.state = "open"), showScroll: this.widgetScrollbar })))));
   }
   renderSourceImage() {
-    return (h("img", { class: "source-image", part: "source-image", src: this.sourceImage }));
+    return (index.h("img", { class: "source-image", part: "source-image", src: this.sourceImage }));
   }
   isSourceImageValid() {
     var _a;
@@ -52,8 +56,8 @@ let RecommendationsSidebar = class {
       return;
     this.modalClosed.emit();
   }
-  get el() { return getElement(this); }
+  get el() { return index.getElement(this); }
 };
 RecommendationsSidebar.style = recommendationsSidebarCss;
 
-export { RecommendationsSidebar as vviinn_recommendations_sidebar };
+exports.vviinn_recommendations_sidebar = RecommendationsSidebar;

package/dist/{vviinn-widgets/vviinn-vpr-button.entry.js → cjs/vviinn-vpr-button.cjs.entry.js}

@@ -1,11 +1,15 @@
-import { r as registerInstance, h, e as Host } from './index-c8128606.js';
-import { V as VisualSearchIcon } from './index-bbcd6be9.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0f5516a6.js');
+const index$1 = require('./index-31b9cb7a.js');
 
 const vviinnVprButtonCss = ":host{display:block}.open-button{align-items:center;background:rgba(255, 255, 255, 0.8);border-radius:50%;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);box-sizing:border-box;cursor:pointer;display:grid;height:40px;justify-items:center;padding:0;width:40px;transition:all 0.25s ease-in-out}.open-button:hover{box-shadow:0px 2px 6px rgba(0, 0, 0, 0.25)}.open-button:focus{border:2px solid rgba(15, 98, 254, 0.5);outline:none}.open-button:active{background:#F4F4F4;outline:none}";
 
 let VviinnVprButton = class {
   constructor(hostRef) {
-    registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     this.position = "bottom";
     this.sourceImage = null;
     this.sidebarTitle = "Visually similar products";
@@ -16,7 +20,7 @@ let VviinnVprButton = class {
     };
   }
   render() {
-    return (h(Host, null, h("button", { class: "open-button", part: "button", onClick: () => this.handleClick() }, h("slot", null, h(VisualSearchIcon, null)))));
+    return (index.h(index.Host, null, index.h("button", { class: "open-button", part: "button", onClick: () => this.handleClick() }, index.h("slot", null, index.h(index$1.VisualSearchIcon, null)))));
   }
   handleClick() {
     const sidebar = document.createElement("vviinn-recommendations-sidebar");
@@ -37,4 +41,4 @@ let VviinnVprButton = class {
 };
 VviinnVprButton.style = vviinnVprButtonCss;
 
-export { VviinnVprButton as vviinn_vpr_button };
+exports.vviinn_vpr_button = VviinnVprButton;

package/dist/cjs/vviinn-vps-button.cjs.entry.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0f5516a6.js');
+const index$1 = require('./index-31b9cb7a.js');
+const customizedSlots = require('./customized-slots-0c0d0665.js');
+
+const vviinnVpsButtonCss = ":host{cursor:pointer}";
+
+let VviinnVpsButton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.globalSlotsChanged = index.createEvent(this, "globalSlotsChanged", 7);
+    /** Currency sign will shown after price */
+    this.currencySign = "€";
+    /** Locale for currency formatting */
+    this.locale = "de-DE";
+    this.pressed = false;
+  }
+  handleModalClosed() {
+    this.pressed = false;
+  }
+  componentDidLoad() {
+    const slots = this.el.querySelectorAll("[slot]");
+    this.globalSlotsChanged.emit(Array.from(slots));
+  }
+  handleKeyDown(ev) {
+    if (ev.code !== "Enter" && ev.code !== "Space")
+      return;
+    this.pressed = true;
+  }
+  handleClick() {
+    this.pressed = true;
+  }
+  render() {
+    return (index.h(index.Host, { tabindex: "0", role: "button", pressed: this.pressed, onClick: () => this.handleClick(), onKeyDown: (ev) => this.handleKeyDown(ev) }, index.h("slot", null, index.h(index$1.CameraIcon, null)), index.h(customizedSlots.SlotSkeleton, null), index.h("vviinn-vps-widget", { active: this.pressed, "currency-sign": "\u20AC", token: this.token, locale: this.locale, apiPath: this.apiPath, exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-outdated, price-prefix, price-regular, price-sale, title, product-card, example-images" })));
+  }
+  get el() { return index.getElement(this); }
+};
+VviinnVpsButton.style = vviinnVpsButtonCss;
+
+exports.vviinn_vps_button = VviinnVpsButton;

package/{www/build/vviinn-vps-widget.entry.js → dist/cjs/vviinn-vps-widget.cjs.entry.js}

@@ -1,17 +1,18 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-c8128606.js';
-import { i as imageSearchState, s as state } from './imageSearch.store-3204bc99.js';
-import { O as Option } from './number-a80a4b3c.js';
-import { s as slotChangeListener } from './customized-slots-5dbf778c.js';
-import { c as createProductViewVpsEvent, a as createProductClickVpsEvent, b as createSearchEvent, d as createFilterEvent, v as v4, e as createTrackingApi, f as createWidgetVpsEvent } from './index-89e62050.js';
-import './Handler-47db9890.js';
-import './NonEmptyArray-65395d97.js';
-import './Array-c4dc02db.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0f5516a6.js');
+const imageSearch_store = require('./imageSearch.store-865c23f4.js');
+const customizedSlots = require('./customized-slots-0c0d0665.js');
+const index$1 = require('./index-0eb3036a.js');
+require('./Handler-176539c8.js');
 
 const vviinnVpsWidgetCss = ":host{--color-primary-system:#0F62FE;--color-primary-hover-system:#014CDA;--color-icons-system:#2F8EDF;--spacer:8px}:host{display:block}.hidden{visibility:hidden;height:1px}vviinn-overlayed-modal.first-screen::part(title),vviinn-overlayed-modal.first-screen::part(secondary-action){visibility:hidden}.start-page{display:grid;grid-template-columns:repeat(2, 1fr);min-height:580px}.start-page_block{align-content:start;border-right:1px solid #F4F4F4;display:grid;padding:48px}.start-page_block.error{align-content:center}#onboarding-block{border-right:unset;box-sizing:border-box;grid-gap:24px;overflow-y:auto;position:relative;width:100%}vviinn-teaser{margin-bottom:32px;margin-top:-24px}vviinn-image-selector{align-items:center;background:var(--color-primary, var(--color-primary-system));border-color:var(--color-primary, var(--color-primary-system));border-radius:2px;color:white;display:grid;font-size:16px;font-weight:600;height:56px;justify-items:center;margin-bottom:16px;transition:background 0.1s ease-in-out}vviinn-image-selector:hover{background:var(--color-primary-hover, var(--color-primary-hover-system));border-color:var(--color-primary-hover, var(--color-primary-hover-system))}vviinn-image-selector:active{border-color:black}.upload-button-content{display:grid;align-items:center;justify-items:start;justify-content:center;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;grid-gap:16px}.results-page{display:grid;grid-template-columns:336px auto;box-sizing:border-box}.results-page>*{padding:24px;box-sizing:border-box}.products{align-content:center;align-items:start;box-sizing:border-box;display:grid;grid-gap:32px 16px;grid-template-columns:repeat(auto-fill, minmax(152px, 1fr));justify-items:center;padding:24px;padding-right:0;position:absolute;width:calc(100% - 16px)}.products.hidden{display:none}vviinn-empty-results{width:280px;align-self:center;justify-self:center}.products-wrapper{display:grid;overflow-y:auto;overflow-x:hidden;padding:unset;position:relative;width:100%}.image-wrapper{border-right:1px solid #F4F4F4;display:grid;grid-template-rows:-webkit-min-content 170px;grid-template-rows:min-content 170px;grid-gap:24px;min-width:100%}.onboarding-wrapper{position:absolute;width:100%;padding:48px;box-sizing:border-box;display:grid;grid-gap:64px;padding-bottom:24px}vviinn-product-card{gap:0;width:100%}vviinn-product-card::part(image){border:1px solid #eaeaea;margin-bottom:8px}vviinn-product-card::part(price-container),vviinn-product-card::part(deeplink),vviinn-product-card::part(title){align-self:start}search-filters span{display:none}search-filters::part(filter){background:#F4F4F4;border-radius:4px;border:1px solid #F4F4F4;box-sizing:border-box;color:#161616;font-size:14px;font-weight:600;line-height:20px}search-filters::part(show-more-filters){border:1px solid #f4f4f4;border-radius:4px;box-sizing:border-box;color:#161616;font-size:14px;font-weight:600;line-height:20px;padding:6px 16px}search-filters::part(show-more-filters):hover{background:#EAEAEA}search-filters::part(filter):hover{background:#EAEAEA}search-filters::part(filter):focus{outline:none;border:1px solid var(--color-primary, var(--color-primary-system))}search-filters::part(filter active){background:rgba(15, 98, 254, 0.15);color:var(--color-primary, var(--color-primary-system))}.filters-wrapper{overflow:auto}.results-page:not(.active){display:none}.nothing-found{display:grid;grid-gap:64px;justify-self:center;padding-top:64px;padding-bottom:16px;position:absolute;width:60%}@media (max-width: 768px){.start-page_block{padding:24px}.onboarding-wrapper{padding:24px}}@media (max-width: 640px){.start-page{grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-template-columns:unset;grid-gap:48px;padding:24px 0 48px 0}}@media (max-width: 640px) and (min-width: 415px){.onboarding-wrapper{position:unset}#onboarding-block{overflow:unset}.start-page.active{height:1px;overflow:auto}}@media (max-width: 415px){.results-page>*{box-sizing:border-box;padding:24px}vviinn-slide{padding-bottom:48px}.start-page_block:last-of-type{border-right:unset;overflow-y:unset;position:static;box-sizing:border-box;width:unset}.start-page_block{padding:0 24px}vviinn-teaser{margin-top:24px}.onboarding-wrapper{position:static;width:unset;padding:unset;box-sizing:border-box}.results-page{grid-template-columns:unset;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto}.image{margin-bottom:8px}.image-wrapper{grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;width:100%}.products-wrapper{align-content:start;position:static;overflow-y:unset;width:100%;padding-top:0}.products{position:static;padding:0;width:unset;grid-gap:32px 16px;justify-content:center}.nothing-found{position:static;grid-gap:64px;padding:unset;align-content:start;width:unset}}@media (max-width: 320px){.products{grid-template-columns:unset}}vviinn-wrong-format,vviinn-server-error{width:280px;align-self:center;justify-self:center}";
 
 let VviinnVpsWidget = class {
   constructor(hostRef) {
-    registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     /** @internal */
     this.apiPath = "https://api.vviinn.com";
     /** When true modal window with widget will be shown */
@@ -36,19 +37,20 @@ let VviinnVpsWidget = class {
     }
   }
   trackRecommendationView({ detail }) {
-    const recommendationViewEvent = createProductViewVpsEvent(Object.assign({ session_id: this.uiSessionId }, detail));
+    const recommendationViewEvent = index$1.createProductViewVpsEvent(Object.assign({ session_id: this.uiSessionId }, detail));
     this.trackingApi.trackEvent(recommendationViewEvent);
   }
-  async trackRecommendationClick({ detail }) {
-    const recommendationClickEvent = createProductClickVpsEvent(Object.assign({ sessionId: this.uiSessionId }, detail));
-    await this.trackingApi.trackEvent(recommendationClickEvent);
-    const product = imageSearchState.results.find((r) => r.productId === detail.product);
-    if (!product || !product.deeplink)
-      return;
-    window.location.href = product.deeplink;
+  trackRecommendationClick({ detail }) {
+    const recommendationClickEvent = index$1.createProductClickVpsEvent(Object.assign({ sessionId: this.uiSessionId }, detail));
+    this.trackingApi.trackEvent(recommendationClickEvent).finally(() => {
+      const product = imageSearch_store.imageSearchState.results.find((r) => r.productId === detail.product);
+      if (!product || !product.deeplink)
+        return;
+      window.location.href = product.deeplink;
+    });
   }
   trachSearchAreaChanges() {
-    const searchEvent = createSearchEvent({
+    const searchEvent = index$1.createSearchEvent({
       session_id: this.uiSessionId,
       source: this.imageSource,
       search_area: "manual-selection",
@@ -56,7 +58,7 @@ let VviinnVpsWidget = class {
     this.trackingApi.trackEvent(searchEvent);
   }
   trackDetectedObject() {
-    const searchEvent = createSearchEvent({
+    const searchEvent = index$1.createSearchEvent({
       session_id: this.uiSessionId,
       source: this.imageSource,
       search_area: "attention-point",
@@ -64,7 +66,7 @@ let VviinnVpsWidget = class {
     this.trackingApi.trackEvent(searchEvent);
   }
   trackFilter({ detail }) {
-    const searchEvent = createFilterEvent({
+    const searchEvent = index$1.createFilterEvent({
       session_id: this.uiSessionId,
       source: this.imageSource,
       kind: "category",
@@ -73,18 +75,18 @@ let VviinnVpsWidget = class {
     this.trackingApi.trackEvent(searchEvent);
   }
   componentWillLoad() {
-    slotChangeListener(this, this.el);
+    customizedSlots.slotChangeListener(this, this.el);
   }
   connectedCallback() {
-    state.apiPath = this.apiPath;
-    state.currencySign = this.currencySign;
-    state.locale = this.locale;
-    imageSearchState.token = this.token;
-    this.uiSessionId = v4();
+    imageSearch_store.state.apiPath = this.apiPath;
+    imageSearch_store.state.currencySign = this.currencySign;
+    imageSearch_store.state.locale = this.locale;
+    imageSearch_store.imageSearchState.token = this.token;
+    this.uiSessionId = index$1.v4();
   }
   trackOpenEvent() {
-    this.trackingApi = createTrackingApi(this.apiPath, this.token);
-    const widgetOpenEvent = createWidgetVpsEvent({
+    this.trackingApi = index$1.createTrackingApi(this.apiPath, this.token);
+    const widgetOpenEvent = index$1.createWidgetVpsEvent({
       action: "open",
       session_id: this.uiSessionId,
     });
@@ -101,7 +103,7 @@ let VviinnVpsWidget = class {
     this.trackInitialSearch();
   }
   trackInitialSearch() {
-    const searchEvent = createSearchEvent({
+    const searchEvent = index$1.createSearchEvent({
       session_id: this.uiSessionId,
       source: this.imageSource,
       search_area: "full",
@@ -111,19 +113,19 @@ let VviinnVpsWidget = class {
   resetState() {
     this.resetScroll("onboarding-block");
     this.slidePosition = 0;
-    imageSearchState.image = Option.none;
-    imageSearchState.imageUrl = Option.none;
-    imageSearchState.imageBounds = Option.none;
-    imageSearchState.searchArea = Option.none;
-    imageSearchState.results = [];
-    imageSearchState.filters = [];
-    imageSearchState.detectedObjects = [];
-    imageSearchState.activeIonLink = undefined;
-    imageSearchState.rectangleSearchForm = undefined;
+    imageSearch_store.imageSearchState.image = imageSearch_store.Option.none;
+    imageSearch_store.imageSearchState.imageUrl = imageSearch_store.Option.none;
+    imageSearch_store.imageSearchState.imageBounds = imageSearch_store.Option.none;
+    imageSearch_store.imageSearchState.searchArea = imageSearch_store.Option.none;
+    imageSearch_store.imageSearchState.results = [];
+    imageSearch_store.imageSearchState.filters = [];
+    imageSearch_store.imageSearchState.detectedObjects = [];
+    imageSearch_store.imageSearchState.activeIonLink = undefined;
+    imageSearch_store.imageSearchState.rectangleSearchForm = undefined;
     this.resetScroll("results-block");
   }
   haveErrors() {
-    return this.wrongImageFormat || imageSearchState.serverError;
+    return this.wrongImageFormat || imageSearch_store.imageSearchState.serverError;
   }
   resetScroll(elementId, behavior = "auto") {
     const element = this.el.shadowRoot.getElementById(elementId);
@@ -134,32 +136,32 @@ let VviinnVpsWidget = class {
     this.resetState();
     const elementsToReset = ["onboarding-block", "results-block"];
     elementsToReset.forEach((name) => this.resetScroll(name));
-    const widgetOpenEvent = createWidgetVpsEvent({
+    const widgetOpenEvent = index$1.createWidgetVpsEvent({
       action: "close",
       session_id: this.uiSessionId,
     });
     this.trackingApi.trackEvent(widgetOpenEvent);
   }
   render() {
-    return (h(Host, null, h("vviinn-overlayed-modal", { class: { "first-screen": this.slidePosition === 0 }, active: this.active, onSecondaryActionClicked: () => this.resetState(), onModalClosed: () => this.handleModalClose(), exportparts: "secondary-action, title, close-button, example-images" }, h("vviinn-slider", { showBullets: false, position: this.slidePosition }, h("vviinn-slide", { class: { "start-page": true } }, h("div", { class: {
+    return (index.h(index.Host, null, index.h("vviinn-overlayed-modal", { class: { "first-screen": this.slidePosition === 0 }, active: this.active, onSecondaryActionClicked: () => this.resetState(), onModalClosed: () => this.handleModalClose(), exportparts: "secondary-action, title, close-button, example-images" }, index.h("vviinn-slider", { showBullets: false, position: this.slidePosition }, index.h("vviinn-slide", { class: { "start-page": true } }, index.h("div", { class: {
         error: this.haveErrors(),
         "start-page_block": true,
-      } }, h("vviinn-wrong-format", { class: { hidden: !this.wrongImageFormat }, onActionClick: () => (this.wrongImageFormat = false) }), h("vviinn-server-error", { class: { hidden: !imageSearchState.serverError }, onActionClick: () => (imageSearchState.serverError = false) }), h("vviinn-teaser", { class: { hidden: this.haveErrors() } }), h("vviinn-image-selector", { class: { hidden: this.haveErrors() }, onImageSelected: () => this.handleImageSelection("upload"), onImageSelectedError: () => (this.wrongImageFormat = true), part: "select-image_button" }, h("span", { slot: "upload-button-text", class: "upload-button-content" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "29", height: "28", fill: "none" }, h("defs", null), h("path", { fill: "#fff", "fill-rule": "evenodd", d: "M10.271 3.89A.875.875 0 0111 3.5h7c.293 0 .566.146.728.39l1.49 2.235h3.033a2.625 2.625 0 012.625 2.625V21a2.625 2.625 0 01-2.625 2.625H5.75A2.625 2.625 0 013.125 21V8.75A2.625 2.625 0 015.75 6.125h3.031l1.49-2.235zm1.197 1.36l-1.49 2.235a.875.875 0 01-.729.39H5.75a.875.875 0 00-.875.875V21a.875.875 0 00.875.875h17.5a.875.875 0 00.875-.875V8.75a.875.875 0 00-.875-.875h-3.5a.875.875 0 01-.729-.39l-1.49-2.235h-6.063z", "clip-rule": "evenodd" }), h("path", { fill: "#fff", "fill-rule": "evenodd", d: "M14.5 11.375a3.062 3.062 0 100 6.125 3.062 3.062 0 000-6.125zm-4.813 3.063a4.812 4.812 0 119.625 0 4.812 4.812 0 01-9.625 0z", "clip-rule": "evenodd" })), h("slot", { name: "vviinn-image-upload-button-text" }, h("span", null, "Kamera oder Bild ausw\u00E4hlen")))), h("vviinn-privacy-badge", { class: { hidden: this.haveErrors() } })), h("div", { id: "onboarding-block", class: "start-page_block" }, h("div", { class: "onboarding-wrapper" }, h("vviinn-onboarding", null), h("vviinn-example-images", { part: "example-images", onImageSelected: () => this.handleImageSelection("example"), onImageSelectedError: () => this.resetScroll("onboarding-block", "smooth") })))), h("vviinn-slide", { class: { "results-page": true, active: this.slidePosition == 1 } }, h("div", { class: "image-wrapper" }, h("vviinn-image-view", null), h("div", { class: "filters-wrapper" }, h("div", { class: "filters" }, imageSearchState.filters.map((filter) => (h("search-filters", { filter: filter })))))), h("div", { id: "results-block", class: "products-wrapper" }, h("div", { class: {
+      } }, index.h("vviinn-wrong-format", { class: { hidden: !this.wrongImageFormat }, onActionClick: () => (this.wrongImageFormat = false) }), index.h("vviinn-server-error", { class: { hidden: !imageSearch_store.imageSearchState.serverError }, onActionClick: () => (imageSearch_store.imageSearchState.serverError = false) }), index.h("vviinn-teaser", { class: { hidden: this.haveErrors() } }), index.h("vviinn-image-selector", { class: { hidden: this.haveErrors() }, onImageSelected: () => this.handleImageSelection("upload"), onImageSelectedError: () => (this.wrongImageFormat = true), part: "select-image_button" }, index.h("span", { slot: "upload-button-text", class: "upload-button-content" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "29", height: "28", fill: "none" }, index.h("defs", null), index.h("path", { fill: "#fff", "fill-rule": "evenodd", d: "M10.271 3.89A.875.875 0 0111 3.5h7c.293 0 .566.146.728.39l1.49 2.235h3.033a2.625 2.625 0 012.625 2.625V21a2.625 2.625 0 01-2.625 2.625H5.75A2.625 2.625 0 013.125 21V8.75A2.625 2.625 0 015.75 6.125h3.031l1.49-2.235zm1.197 1.36l-1.49 2.235a.875.875 0 01-.729.39H5.75a.875.875 0 00-.875.875V21a.875.875 0 00.875.875h17.5a.875.875 0 00.875-.875V8.75a.875.875 0 00-.875-.875h-3.5a.875.875 0 01-.729-.39l-1.49-2.235h-6.063z", "clip-rule": "evenodd" }), index.h("path", { fill: "#fff", "fill-rule": "evenodd", d: "M14.5 11.375a3.062 3.062 0 100 6.125 3.062 3.062 0 000-6.125zm-4.813 3.063a4.812 4.812 0 119.625 0 4.812 4.812 0 01-9.625 0z", "clip-rule": "evenodd" })), index.h("slot", { name: "vviinn-image-upload-button-text" }, index.h("span", null, "Kamera oder Bild ausw\u00E4hlen")))), index.h("vviinn-privacy-badge", { class: { hidden: this.haveErrors() } })), index.h("div", { id: "onboarding-block", class: "start-page_block" }, index.h("div", { class: "onboarding-wrapper" }, index.h("vviinn-onboarding", null), index.h("vviinn-example-images", { part: "example-images", onImageSelected: () => this.handleImageSelection("example"), onImageSelectedError: () => this.resetScroll("onboarding-block", "smooth") })))), index.h("vviinn-slide", { class: { "results-page": true, active: this.slidePosition == 1 } }, index.h("div", { class: "image-wrapper" }, index.h("vviinn-image-view", null), index.h("div", { class: "filters-wrapper" }, index.h("div", { class: "filters" }, imageSearch_store.imageSearchState.filters.map((filter) => (index.h("search-filters", { filter: filter })))))), index.h("div", { id: "results-block", class: "products-wrapper" }, index.h("div", { class: {
         "nothing-found": true,
-        hidden: imageSearchState.results.length > 0,
-      } }, h("vviinn-empty-results", null), h("vviinn-onboarding", null)), h("div", { class: {
-        hidden: imageSearchState.results.length <= 0,
+        hidden: imageSearch_store.imageSearchState.results.length > 0,
+      } }, index.h("vviinn-empty-results", null), index.h("vviinn-onboarding", null)), index.h("div", { class: {
+        hidden: imageSearch_store.imageSearchState.results.length <= 0,
         products: true,
-      } }, imageSearchState.results.map((p, i) => {
+      } }, imageSearch_store.imageSearchState.results.map((p, i) => {
       var _a;
-      return (h("vviinn-product-card", { hidden: true, productTitle: p.title, productId: p.productId, brand: p.brand, deeplink: p.deeplink, price: p.price.actual, salePrice: p.price.sale, imageWidth: 160, image: (_a = p.image.thumbnail) !== null && _a !== void 0 ? _a : p.image.original, part: "product-card", index: i }));
+      return (index.h("vviinn-product-card", { hidden: true, productTitle: p.title, productId: p.productId, brand: p.brand, deeplink: p.deeplink, price: p.price.actual, salePrice: p.price.sale, imageWidth: 160, image: (_a = p.image.thumbnail) !== null && _a !== void 0 ? _a : p.image.original, part: "product-card", index: i }));
     }))))))));
   }
-  get el() { return getElement(this); }
+  get el() { return index.getElement(this); }
   static get watchers() { return {
     "active": ["activeWatcher"]
   }; }
 };
 VviinnVpsWidget.style = vviinnVpsWidgetCss;
 
-export { VviinnVpsWidget as vviinn_vps_widget };
+exports.vviinn_vps_widget = VviinnVpsWidget;

package/dist/cjs/vviinn-widgets.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const index = require('./index-0f5516a6.js');
+const appGlobals = require('./app-globals-d15b4c2c.js');
+
+/*
+ Stencil Client Patch Browser v2.9.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('vviinn-widgets.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  appGlobals.globalScripts();
+  return index.bootstrapLazy([["cropper-handler.cjs",[[1,"cropper-handler",{"handler":[16],"disabled":[4]}]]],["vviinn-error.cjs",[[1,"vviinn-error"]]],["vviinn-preloader.cjs",[[1,"vviinn-preloader"]]],["vviinn-carousel_3.cjs",[[1,"vviinn-vpr-widget",{"blockTitle":[1,"block-title"],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"productId":[1,"product-id"],"token":[1],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"mode":[1],"campaignType":[1,"campaign-type"],"locale":[1],"apiPath":[1,"api-path"],"useCarousel":[4,"use-carousel"],"showScroll":[4,"show-scroll"],"cssUrl":[1,"css-url"],"recommendations":[32],"loaded":[32]},[[0,"productImageLoaded","handleImageLoading"],[0,"recommendationView","trackRecommendationView"],[0,"recommendationClick","trackRecommendationClick"]]],[0,"vviinn-carousel",{"mode":[1],"imageWidth":[2,"image-width"],"showScroll":[4,"show-scroll"],"recommendations":[16],"moveDirection":[32],"contentGroups":[32],"activeContentGroup":[32]}],[1,"vviinn-product-card",{"brand":[1],"currency":[1],"deeplink":[1],"image":[1],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"locale":[1],"price":[2],"pricePrefix":[1,"price-prefix"],"productId":[1,"product-id"],"productTitle":[1,"product-title"],"productType":[1,"product-type"],"salePrice":[2,"sale-price"],"responsive":[4],"dimmedBackground":[4,"dimmed-background"],"index":[2],"imageLoaded":[32]}]]],["highlight-box_22.cjs",[[1,"vviinn-image-view"],[1,"vviinn-onboarding"],[1,"vviinn-example-images",null,[[0,"exampleImageSelected","handleImageSelection"],[0,"exampleImageError","handleImageSelectionError"]]],[1,"vviinn-overlayed-modal",{"active":[4]}],[1,"vviinn-empty-results"],[1,"vviinn-image-selector"],[1,"vviinn-server-error"],[1,"vviinn-wrong-format"],[1,"search-filters",{"filter":[16],"selectedCategoryId":[32],"hideFilters":[32]}],[1,"vviinn-privacy-badge"],[1,"vviinn-teaser"],[1,"image-cropper",{"disabled":[4],"handleMove":[32]}],[1,"vviinn-example-image",{"src":[1],"width":[2],"height":[2],"selected":[32]}],[1,"highlight-box"],[1,"vviinn-detected-object",{"detectedObject":[16],"position":[32]}],[1,"vviinn-modal",{"active":[1540],"slider":[32]}],[1,"vviinn-onboarding-card-1"],[1,"vviinn-onboarding-card-2"],[1,"vviinn-onboarding-card-3"],[1,"vviinn-overlay"],[1,"vviinn-slide"],[1,"vviinn-slider",{"showBullets":[4,"show-bullets"],"position":[514],"showArrows":[4,"show-arrows"],"elementsCount":[32],"internalPosition":[32],"swipeStartPosition":[32]}]]],["vviinn-vps-widget.cjs",[[1,"vviinn-vps-widget",{"token":[1],"apiPath":[1,"api-path"],"active":[1028],"currencySign":[1,"currency-sign"],"locale":[1],"slidePosition":[32],"width":[32],"wrongImageFormat":[32]},[[0,"recommendationView","trackRecommendationView"],[0,"recommendationClick","trackRecommendationClick"],[0,"cropperChanged","trachSearchAreaChanges"],[0,"detectedObjectClicked","trackDetectedObject"],[0,"filterSelected","trackFilter"]]]]],["vviinn-vps-button.cjs",[[1,"vviinn-vps-button",{"token":[1],"currencySign":[1,"currency-sign"],"locale":[1],"apiPath":[1,"api-path"],"pressed":[32]},[[0,"modalClosed","handleModalClosed"]]]]],["vviinn-recommendations-sidebar.cjs",[[1,"vviinn-recommendations-sidebar",{"sidebarTitle":[1,"sidebar-title"],"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"widgetScrollbar":[4,"widget-scrollbar"],"state":[32]},[[16,"click","bodyClickListener"]]]]],["vviinn-vpr-button.cjs",[[1,"vviinn-vpr-button",{"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"sidebarTitle":[1,"sidebar-title"],"modalScrollbar":[4,"modal-scrollbar"]}]]]], options);
+});

package/dist/collection/Image/error.js

@@ -0,0 +1,14 @@
+import { fromOption } from "fp-ts/lib/Either";
+import { findFirstMap } from "fp-ts/Array";
+import { pipe } from "fp-ts/lib/function";
+import { none, some } from "fp-ts/lib/Option";
+const SUPPORTED_FILE_TYPES = ["jpg", "jpeg", "png", "webp"];
+const unsupportedFileTypeError = {
+  kind: "client",
+  inner: "File format not supported",
+};
+export const checkImageType = (file) => {
+  const fileType = file.type.split("/")[1];
+  const supportedFileType = findFirstMap((supportedType) => supportedType === fileType ? some(file) : none)(SUPPORTED_FILE_TYPES);
+  return pipe(supportedFileType, fromOption(() => unsupportedFileTypeError));
+};

package/dist/collection/Image/form.js

@@ -0,0 +1,5 @@
+export const imageFormFromFile = (file) => {
+  const body = new FormData();
+  body.append("image", file);
+  return body;
+};

package/dist/collection/Image/fromFile.js

@@ -0,0 +1,18 @@
+export const fromFile = (f) => new Promise((resolve, _) => {
+  const reader = new FileReader();
+  const image = new Image();
+  reader.onload = (e) => {
+    image.src = e.target.result;
+    resolve(image);
+  };
+  reader.readAsDataURL(f);
+});
+export const imageFromFileTask = (f) => () => new Promise((resolve, _) => {
+  const reader = new FileReader();
+  const image = new Image();
+  reader.onload = (e) => {
+    image.src = e.target.result;
+  };
+  image.onload = () => resolve(image);
+  reader.readAsDataURL(f);
+});

package/dist/collection/Image/imageToB64.js

@@ -0,0 +1,9 @@
+export const imageToB64 = (i) => {
+  const canvas = document.createElement("canvas");
+  const { naturalWidth, naturalHeight } = i;
+  const ctx = canvas.getContext("2d");
+  canvas.width = naturalWidth;
+  canvas.height = naturalHeight;
+  ctx.drawImage(i, 0, 0, naturalWidth, naturalHeight);
+  return canvas.toDataURL();
+};

package/dist/collection/Image/renderPromise.js

@@ -0,0 +1,6 @@
+export const renderPromise = async (url) => new Promise((resolve) => {
+  const image = new Image();
+  image.addEventListener("load", () => resolve());
+  image.src = url;
+});
+export const imagesRenderedPromise = async (urls) => Promise.all(urls.map(renderPromise));

package/dist/collection/Image/resizeImage.js

@@ -0,0 +1,28 @@
+import { lanczos } from "@rgba-image/lanczos";
+import { dimensionsFromImage, scaleByLargestSide, } from "./sizing";
+const createCanvasWithContext = () => {
+  const canvas = document.createElement("canvas");
+  const contenx = canvas.getContext("2d");
+  return [canvas, contenx];
+};
+const imageDataFromImage = (image) => {
+  const { naturalWidth, naturalHeight } = image;
+  const [canvas, context] = createCanvasWithContext();
+  canvas.width = naturalWidth;
+  canvas.height = naturalHeight;
+  context.drawImage(image, 0, 0);
+  return context.getImageData(0, 0, naturalWidth, naturalHeight);
+};
+export const resizeImage = (width, i) => {
+  const scale = scaleByLargestSide(width);
+  const [destinationCanvas, destinationContext] = createCanvasWithContext();
+  const imageDimensions = dimensionsFromImage(i);
+  const [destinationWidth, destinationHeight] = scale(imageDimensions).map((d) => d.size);
+  const destinationImageData = new ImageData(destinationWidth, destinationHeight);
+  const originImageData = imageDataFromImage(i);
+  destinationCanvas.width = destinationWidth;
+  destinationCanvas.height = destinationHeight;
+  lanczos(originImageData, destinationImageData);
+  destinationContext.putImageData(destinationImageData, 0, 0);
+  return destinationCanvas.toDataURL();
+};

package/dist/collection/Image/sizing.js

@@ -0,0 +1,39 @@
+import { Ord as OrdNumber } from "fp-ts/lib/number";
+import { contramap } from "fp-ts/lib/Ord";
+import { sort } from "fp-ts/lib/Array";
+const makeWidth = (size) => {
+  return {
+    kind: "width",
+    size,
+  };
+};
+const makeHeight = (size) => {
+  return {
+    kind: "height",
+    size,
+  };
+};
+const ordBySize = contramap((s) => s.size)(OrdNumber);
+const ordByKind = {
+  equals: (x, y) => x.kind === y.kind,
+  compare: (x, y) => {
+    return x.kind === y.kind ? 0 : x.kind === "width" ? -1 : 1;
+  },
+};
+const sortDimentionsBySize = sort(ordBySize);
+const sortDimentionsByKind = sort(ordByKind);
+const getDimentionsRatio = (sortedDimensions) => {
+  const [smallest, largest] = sortedDimensions;
+  return smallest.size / largest.size;
+};
+export const scaleByLargestSide = (toSize) => (dimensions) => {
+  const sortedDimensions = sortDimentionsBySize(dimensions);
+  const ratio = getDimentionsRatio(sortedDimensions);
+  const newSmallestSide = Object.assign(Object.assign({}, sortedDimensions[0]), { size: toSize * ratio });
+  const newLargestSide = Object.assign(Object.assign({}, sortedDimensions[1]), { size: toSize });
+  return sortDimentionsByKind([newLargestSide, newSmallestSide]);
+};
+export const dimensionsFromImage = (image) => {
+  const { naturalWidth, naturalHeight } = image;
+  return [makeWidth(naturalWidth), makeHeight(naturalHeight)];
+};

package/dist/collection/Image/toFile.js

@@ -0,0 +1,17 @@
+export const toFile = async (b64data) => {
+  const request = await fetch(b64data);
+  const blob = await request.blob();
+  return new File([blob], "image", {
+    type: blob.type,
+    lastModified: Date.now(),
+  });
+};
+export const convertB64toFileTask = (b64data) => () => new Promise(async (resolve, _) => {
+  const request = await fetch(b64data);
+  const blob = await request.blob();
+  const file = new File([blob], "image", {
+    type: blob.type,
+    lastModified: Date.now(),
+  });
+  resolve(file);
+});

package/dist/collection/analytics/GAnalytics.js

@@ -0,0 +1,32 @@
+export class GAnalytics {
+  constructor() {
+    ga('require', 'ec');
+  }
+  convertProduct(product) {
+    var _a, _b, _c;
+    return {
+      id: product.productId,
+      name: product.title,
+      brand: (_a = product.brand) !== null && _a !== void 0 ? _a : '',
+      category: (_b = product.productType) !== null && _b !== void 0 ? _b : '',
+      list: 'VI VPR View',
+      price: Math.min(...[product.price.actual, (_c = product.price.sale) !== null && _c !== void 0 ? _c : Infinity])
+    };
+  }
+  sendImpression(product) {
+    ga('ec:addImpression', this.convertProduct(product));
+    return undefined;
+  }
+  sendClick(product) {
+    var _a, _b, _c;
+    ga('ec:addProduct', {
+      id: product.productId,
+      name: product.title,
+      brand: (_a = product.brand) !== null && _a !== void 0 ? _a : '',
+      category: (_b = product.productType) !== null && _b !== void 0 ? _b : '',
+      price: Math.min(...[product.price.actual, (_c = product.price.sale) !== null && _c !== void 0 ? _c : Infinity])
+    });
+    ga('ec:setAction', 'click', { list: 'VI VPR View' });
+    return undefined;
+  }
+}

package/dist/collection/analytics/GeneralAnalytics.js

@@ -0,0 +1,9 @@
+import { pipe } from "fp-ts/lib/function";
+import { fromNullable, map, getMonoid } from "fp-ts/lib/Option";
+import { GtagAnalytics } from "./GtagAnalytics";
+import { GAnalytics } from "./GAnalytics";
+import { first } from "fp-ts/lib/Semigroup";
+const getGtagAnalytics = () => pipe(fromNullable(window.gtag), map(() => new GtagAnalytics()));
+const getCommonAnalytics = () => pipe(fromNullable(window.ga), map(() => new GAnalytics()));
+const analyticsMonoid = getMonoid(first());
+export const getAnalyticsModule = analyticsMonoid.concat(getGtagAnalytics(), getCommonAnalytics());