vviinn-widgets 2.7.2 → 2.8.0

package/dist/cjs/vviinn-recommendations-sidebar.cjs.entry.js

@@ -1,65 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3c3ab815.js');
-const index$1 = require('./index-f66cd8d1.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) {
-    index.registerInstance(this, hostRef);
-    this.modalClosed = index.createEvent(this, "modalClosed", 7);
-    this.position = "bottom";
-    this.sourceImage = null;
-    this.widgetScrollbar = false;
-    /** comma-separated list of campaign-ids */
-    this.campaigns = "";
-    this.state = "idle";
-  }
-  bodyClickListener(event) {
-    const { clientX, clientY } = event;
-    const sidebarRect = this.getSidebarRectangle();
-    if (!sidebarRect)
-      return;
-    const inLeftBound = clientX >= sidebarRect.left;
-    const inRightBound = clientX <= sidebarRect.right;
-    const inTopBound = clientY >= sidebarRect.top;
-    const inBottomBound = clientY <= sidebarRect.bottom;
-    const inBound = inLeftBound && inRightBound && inTopBound && inBottomBound;
-    if (!inBound) {
-      this.state = "closed";
-    }
-  }
-  getClassMap() {
-    return {
-      [this.position]: true,
-      [this.state]: true,
-    };
-  }
-  getSidebarRectangle() {
-    var _a;
-    return (_a = this.el.shadowRoot.querySelector("aside")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-  }
-  render() {
-    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, campaigns: this.campaigns })))));
-  }
-  renderSourceImage() {
-    return (index.h("img", { class: "source-image", part: "source-image", src: this.sourceImage }));
-  }
-  isSourceImageValid() {
-    var _a;
-    return ((_a = this.sourceImage) === null || _a === void 0 ? void 0 : _a.length) > 0;
-  }
-  handleAnimationEnd({ animationName }) {
-    const isClosingAnimation = animationName.includes("slideOut");
-    if (!isClosingAnimation)
-      return;
-    this.modalClosed.emit();
-  }
-  get el() { return index.getElement(this); }
-};
-RecommendationsSidebar.style = recommendationsSidebarCss;
-
-exports.vviinn_recommendations_sidebar = RecommendationsSidebar;

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

@@ -1,49 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3c3ab815.js');
-const index$1 = require('./index-f66cd8d1.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) {
-    index.registerInstance(this, hostRef);
-    this.position = "bottom";
-    this.sourceImage = null;
-    this.sidebarTitle = "Visually similar products";
-    this.modalScrollbar = false;
-    /** comma-separated list of campaign-ids */
-    this.campaigns = "";
-    this.sidebar = null;
-    this.sidebarCloseListener = () => {
-      document.body.removeChild(this.sidebar);
-    };
-  }
-  render() {
-    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");
-    sidebar.sidebarTitle = this.sidebarTitle;
-    sidebar.productId = this.productId;
-    sidebar.token = this.token;
-    sidebar.position = this.position;
-    sidebar.sourceImage = this.sourceImage;
-    sidebar.widgetScrollbar = this.modalScrollbar;
-    sidebar.campaigns = this.campaigns;
-    this.sidebar = sidebar;
-    sidebar.addEventListener("modalClosed", this.sidebarCloseListener);
-    document.body.append(this.sidebar);
-  }
-  disconnectedCallback() {
-    if (!this.sidebar)
-      return;
-    this.sidebar.removeEventListener("modalCLosed", this.sidebarCloseListener);
-    document.body.removeChild(this.sidebar);
-  }
-};
-VviinnVprButton.style = vviinnVprButtonCss;
-
-exports.vviinn_vpr_button = VviinnVprButton;

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

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3c3ab815.js');
-const index$1 = require('./index-f66cd8d1.js');
-const customizedSlots = require('./customized-slots-06ca4007.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", campaignId: this.campaignId })));
-  }
-  get el() { return index.getElement(this); }
-};
-VviinnVpsButton.style = vviinnVpsButtonCss;
-
-exports.vviinn_vps_button = VviinnVpsButton;

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

@@ -1,21 +0,0 @@
-'use strict';
-
-const index = require('./index-3c3ab815.js');
-const appGlobals = require('./app-globals-8db3bcbe.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_27.cjs",[[1,"vviinn-vps-widget",{"token":[1],"apiPath":[1,"api-path"],"active":[1028],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"slidePosition":[32],"width":[32],"wrongImageFormat":[32]},[[0,"recommendationView","trackRecommendationView"],[0,"recommendationClick","trackRecommendationClick"],[0,"cropperChanged","trachSearchAreaChanges"],[0,"detectedObjectClicked","trackDetectedObject"],[0,"filterSelected","trackFilter"]]],[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]}],[1,"cropper-handler",{"handler":[16],"disabled":[4]}],[1,"vviinn-error"],[1,"vviinn-preloader"],[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]}]]],["vviinn-vps-button.cjs",[[1,"vviinn-vps-button",{"token":[1],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"apiPath":[1,"api-path"],"pressed":[32]},[[0,"modalClosed","handleModalClosed"]]]]],["vviinn-carousel_2.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],"campaigns":[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]}]]],["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"],"campaigns":[1],"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"],"campaigns":[1]}]]]], options);
-});

package/dist/collection/Image/error.js

@@ -1,14 +0,0 @@
-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

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

package/dist/collection/Image/fromFile.js

@@ -1,18 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1,28 +0,0 @@
-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

@@ -1,39 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,32 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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());

package/dist/collection/analytics/GtagAnalytics.js

@@ -1,35 +0,0 @@
-export class GtagAnalytics {
-  sendImpression(product) {
-    var _a, _b, _c;
-    gtag('event', 'view_item_list', {
-      items: [
-        {
-          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_name: 'VI VPR View',
-          price: Math.min(...[product.price.actual, (_c = product.price.sale) !== null && _c !== void 0 ? _c : Infinity])
-        }
-      ]
-    });
-    return undefined;
-  }
-  sendClick(product) {
-    var _a, _b, _c;
-    gtag('event', 'select_content', {
-      content_type: 'product',
-      items: [
-        {
-          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_name: 'VI VPR View',
-          price: Math.min(...[product.price.actual, (_c = product.price.sale) !== null && _c !== void 0 ? _c : Infinity])
-        }
-      ]
-    });
-    return undefined;
-  }
-}

package/dist/collection/analytics/ProductAnalytics.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/campaign/Campaign.js

@@ -1,8 +0,0 @@
-export const isVPR = (c) => c._tag === "VPR";
-export const isVCS = (c) => c._tag === "VCS";
-export function fold(onVPR, onVCS) {
-  return (c) => (isVPR(c) ? onVPR() : onVCS());
-}
-export function fromString(s) {
-  return s === "VPR" ? { _tag: "VPR" } : { _tag: "VCS" };
-}

package/dist/collection/campaign/CampaignService.js

@@ -1,5 +0,0 @@
-import * as C from "./Campaign";
-import { pipe } from "fp-ts/lib/function";
-import { getVPRRecommendations } from "./VPRCampaignService";
-import { getVCSRecommendations } from "./VCSCampaignService";
-export const getRecommendationsService = (campaignType) => pipe(C.fromString(campaignType), C.fold(() => getVPRRecommendations, () => getVCSRecommendations));

package/dist/collection/campaign/VCSCampaign.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/campaign/VCSCampaignResponse.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/campaign/VCSCampaignService.js

@@ -1,7 +0,0 @@
-import { apiGet } from "../network/apiClient";
-import * as O from "fp-ts/Option";
-import { pipe } from "fp-ts/lib/function";
-export const getVCSRecommendations = (productId) => (campaigns) => (options) => {
-  const url = pipe(campaigns, O.map(encodeURIComponent), O.match(() => `product/${productId}/cross-selling-products`, (encodedCampaignsIds) => `product/${productId}/cross-selling-products?campaigns=${encodedCampaignsIds}`));
-  return apiGet(url, options);
-};

package/dist/collection/campaign/VPRCampaignResponse.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/campaign/VPRCampaignService.js

@@ -1,7 +0,0 @@
-import { apiGet } from "../network/apiClient";
-import * as O from "fp-ts/Option";
-import { pipe } from "fp-ts/lib/function";
-export const getVPRRecommendations = (productId) => (campaigns) => (options) => {
-  const url = pipe(campaigns, O.map(encodeURIComponent), O.match(() => `product/${productId}/similar-products`, (encodedCampaignsIds) => `product/${productId}/similar-products?campaigns=${encodedCampaignsIds}`));
-  return apiGet(url, options);
-};

package/dist/collection/collection-manifest.json

@@ -1,43 +0,0 @@
-{
-  "entries": [
-    "./components/vviinn-carousel/vviinn-carousel.js",
-    "./components/image-search/image-view/highlight-box/highlight-box.js",
-    "./components/image-search/image-view/image-cropper/image-cropper.js",
-    "./components/image-search/image-view/image-cropper/cropper-handler/cropper-handler.js",
-    "./components/image-search/search-filters/search-filters.js",
-    "./components/vviinn-error/vviinn-error.js",
-    "./components/vviinn-error/vviinn-empty-results/vviinn-empty-results.js",
-    "./components/vviinn-error/vviinn-server-error/vviinn-server-error.js",
-    "./components/vviinn-error/vviinn-wrong-format/vviinn-wrong-format.js",
-    "./components/vviinn-example-images/vviinn-example-images.js",
-    "./components/vviinn-example-images/vviinn-example-image/vviinn-example-image.js",
-    "./components/vviinn-image-selector/vviinn-image-selector.js",
-    "./components/vviinn-image-view/vviinn-image-view.js",
-    "./components/vviinn-image-view/vviinn-detected-object/vviinn-detected-object.js",
-    "./components/vviinn-modal/vviinn-modal.js",
-    "./components/vviinn-onboarding/vviinn-onboarding.js",
-    "./components/vviinn-onboarding/onboarding-cards/vviinn-onboarding-card-1/vviinn-onboarding-card-1.js",
-    "./components/vviinn-onboarding/onboarding-cards/vviinn-onboarding-card-2/vviinn-onboarding-card-2.js",
-    "./components/vviinn-onboarding/onboarding-cards/vviinn-onboarding-card-3/vviinn-onboarding-card-3.js",
-    "./components/vviinn-overlay/vviinn-overlay.js",
-    "./components/vviinn-overlayed-modal/vviinn-overlayed-modal.js",
-    "./components/vviinn-preloader/vviinn-preloader.js",
-    "./components/vviinn-privacy-badge/vviinn-privacy-badge.js",
-    "./components/vviinn-product-card/vviinn-product-card.js",
-    "./components/vviinn-slider/vviinn-slider.js",
-    "./components/vviinn-slider/vviinn-slide/vviinn-slide.js",
-    "./components/vviinn-teaser/vviinn-teaser.js",
-    "./components/vviinn-vpr-button/vviinn-vpr-button.js",
-    "./components/vviinn-vpr-button/recommendations-sidebar/recommendations-sidebar.js",
-    "./components/vviinn-vpr-widget/vviinn-vpr-vidget.js",
-    "./components/vviinn-vps-button/vviinn-vps-button.js",
-    "./components/vviinn-vps-widget/vviinn-vps-widget.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "2.9.0",
-    "typescriptVersion": "4.2.3"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/collection/components/customized-slots.js

@@ -1,47 +0,0 @@
-import { h } from "@stencil/core";
-const defaultSlotsNames = [
-  "vviinn-onboarding-title",
-  "vviinn-onboarding-card-1-icon",
-  "vviinn-onboarding-card-1-text",
-  "vviinn-onboarding-card-2-icon",
-  "vviinn-onboarding-card-2-text",
-  "vviinn-onboarding-card-3-icon",
-  "vviinn-onboarding-card-3-text",
-  "vviinn-example-images-title",
-  "vviinn-example-images-1",
-  "vviinn-example-images-2",
-  "vviinn-example-images-3",
-  "vviinn-example-images-4",
-  "vviinn-teaser-text",
-  "vviinn-image-upload-button-text",
-  "vviinn-privacy-badge-text"
-];
-const renderNamedSlot = (name) => h("slot", { name: name });
-export const SlotSkeleton = () => defaultSlotsNames.map(renderNamedSlot);
-const getSlots = (element) => Array.from(element.shadowRoot.querySelectorAll("slot"));
-const getNameAttribute = (element) => element.getAttribute("name");
-const getSlotAttribute = (element) => element.getAttribute("slot");
-const elementContainSlot = (slot) => (container) => {
-  const name1 = getNameAttribute(slot);
-  const name2 = getSlotAttribute(container);
-  return name1 === name2;
-};
-const getContentToReplace = (targets) => (acc, content) => {
-  const replaceCandidate = targets.find(elementContainSlot(content));
-  if (replaceCandidate) {
-    acc.set(content, replaceCandidate);
-  }
-  return acc;
-};
-const replaceSlotContent = (content, target) => {
-  target.innerHTML = content.outerHTML;
-};
-export const slotChangeListener = (component, element) => {
-  component.connectedCallback = function () {
-    document.addEventListener("globalSlotsChanged", ({ detail }) => {
-      const slotsToReplace = getSlots(element).reduce(getContentToReplace(detail), new Map());
-      slotsToReplace.forEach(replaceSlotContent);
-    }, true);
-  };
-  component.connectedCallback.call(component);
-};

package/dist/collection/components/image-search/image-view/highlight-box/highlight-box.css

@@ -1,71 +0,0 @@
-:host {
-  display: grid;
-  position: absolute;
-  box-sizing: border-box;
-  border: none;
-  width: 100%;
-  height: 100%;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-
-  --size: 10px;
-  --x-position: 0;
-  --y-position: 0;
-}
-
-img {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-
-.pointer {
-  position: absolute;
-  width: var(--size);
-  height: var(--size);
-  background: black;
-  border-radius: 50%;
-  z-index: 2;
-  cursor: pointer;
-  transform: translate(var(--x-position), var(--y-position)) scale(0);
-  -webkit-animation: 0.25s linear fadein;
-          animation: 0.25s linear fadein;
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
-}
-
-.pointer::after {
-  content: "";
-  cursor: pointer;
-  border: 5px solid black;
-  border-radius: 50%;
-  width: var(--size);
-  height: var(--size);
-  display: block;
-  transform: translate(calc(-50% + var(--size) * 0.5), calc(-50% + var(--size) * 0.5));
-  padding: calc(var(--size) * 0.5);
-  opacity: .75;
-}
-
-@-webkit-keyframes fadein {
-  from {
-    transform: translate(var(--x-position), var(--y-position)) scale(0);
-  }
-
-  to {
-    transform: translate(var(--x-position), var(--y-position)) scale(1);
-  }
-}
-
-@keyframes fadein {
-  from {
-    transform: translate(var(--x-position), var(--y-position)) scale(0);
-  }
-
-  to {
-    transform: translate(var(--x-position), var(--y-position)) scale(1);
-  }
-}