vviinn-widgets 2.1.0 → 2.2.2

package/www/build/vviinn-vpr-widget.entry.js

@@ -1,128 +0,0 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
-import { _ as _function } from './NonEmptyArray-6ef0d207.js';
-import { s as sequenceT, A as Apply, g as getApiPath, c as createInitGetRequest, f as fromEither, a as chainW, m as makeRequest, b as createInitPostRequest, d as state, T as TaskEither, E as Either, i as imageSearchState } from './imageSearch.store-407f49f0.js';
-import { p as pipe } from './Handler-47db9890.js';
-import './number-98d54dd6.js';
-import './Array-4b9f84cf.js';
-
-const createBearerString = (x) => `Bearer ${x}`;
-const createAuthedHeader = (x) => new Headers({
-  Authorization: x,
-});
-const createFetchAuthOptions = (x) => {
-  return {
-    headers: x,
-  };
-};
-const createBearAuthedHeader = _function.flow(createBearerString, createAuthedHeader, createFetchAuthOptions);
-
-const isVPR = (c) => c._tag === "VPR";
-const isVCS = (c) => c._tag === "VCS";
-function fold(onVPR, onVCS) {
-  return (c) => (isVPR(c) ? onVPR() : onVCS());
-}
-function fromString(s) {
-  return s === "VPR" ? { _tag: "VPR" } : { _tag: "VCS" };
-}
-
-const sequenceToEither = sequenceT(Apply);
-const apiGet = (path, data = {}) => pipe(sequenceToEither(getApiPath(), createInitGetRequest), fromEither, chainW(makeRequest(path, data)));
-const apiPost = (path, data = {}) => pipe(sequenceToEither(getApiPath(), createInitPostRequest), fromEither, chainW(makeRequest(path, data)));
-
-const getVPRRecommendations = (productId) => (options) => {
-  const url = `product/${productId}/similar-products`;
-  return apiGet(url, options);
-};
-
-const getVCSRecommendations = (productId) => (options) => {
-  const url = `product/${productId}/cross-selling-products`;
-  return apiGet(url, options);
-};
-
-const getRecommendationsService = (campaignType) => _function.pipe(fromString(campaignType), fold(() => getVPRRecommendations, () => getVCSRecommendations));
-
-const vviinnVprWidgetCss = ":host{display:grid;grid-gap:1rem;width:100%}:host(:not(.loaded)){position:absolute;visibility:hidden}:host(.grid) vviinn-product-card::part(image){border:1px solid #DDDDDD;width:100%}vviinn-product-card::part(price-container){align-self:flex-start;text-align:left;display:flex}.results{display:grid;grid-gap:1rem}.visually-hidden{position:absolute;top:0;left:0;z-index:-1;height:0;width:0}h2{margin:0}:host(.grid) h2{justify-content:center}:host(.grid) vviinn-product-card::part(image){min-width:100%}:host(.grid) vviinn-product-card::part(image-link){width:100%}:host(.grid) vviinn-product-card::part(title),:host(.grid) vviinn-product-card::part(brand),:host(.grid) vviinn-product-card::part(type){text-align:center}:host(.grid) vviinn-product-card::part(price-container){align-self:center}:host(.continuity) vviinn-product-card::part(title),:host(.continuity) vviinn-product-card::part(brand),:host(.continuity) vviinn-product-card::part(type),:host(.continuity) vviinn-product-card::part(deeplink){text-align:left;max-width:unset;align-self:start}";
-
-let VviinnVprWidget = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** Title for recommendations widget */
-    this.blockTitle = "Recommended products";
-    /** Ratio of each recommended product image */
-    this.imageRatio = 1;
-    /** Width of each recommended product image */
-    this.imageWidth = 300;
-    /** Currency sign will shown after price */
-    this.currencySign = "€";
-    /** Use slider or grid view */
-    this.mode = "continuity";
-    /** Campaign type */
-    this.campaignType = "VPR";
-    /** Locale for currency formatting */
-    this.locale = "de-DE";
-    this.showScroll = true;
-    this.cssUrl = null;
-    this.recommendations = [];
-    this.loaded = false;
-  }
-  handleProductIdChange() {
-    this.getRecommendations();
-  }
-  handleCampaignTypeChange() {
-    this.getRecommendations();
-  }
-  handleApiPathChange(newPath) {
-    state.apiPath = newPath;
-    this.getRecommendations();
-  }
-  connectedCallback() {
-    state.apiPath = this.apiPath;
-    state.currencySign = this.currencySign;
-    state.locale = this.locale;
-  }
-  async componentWillLoad() {
-    state.pricePrefix = this.pricePrefix;
-    state.currencySign = this.currencySign;
-    this.getRecommendations();
-  }
-  async getRecommendations() {
-    if (this.productId === undefined || this.token === undefined)
-      return;
-    const campaignType = this.campaignType.length > 0 ? this.campaignType : "VPR";
-    const headers = createBearAuthedHeader(this.token);
-    const request = _function.pipe(TaskEither.of(getRecommendationsService(campaignType)), TaskEither.ap(TaskEither.of(this.productId)), TaskEither.ap(TaskEither.of(headers)), TaskEither.flatten);
-    const runRequest = await request();
-    _function.pipe(runRequest, Either.fold((error) => this.handleError(error), (data) => this.handleRecommendationsSucces(data)));
-  }
-  handleError(error) {
-    console.log("ERROR:", error);
-  }
-  handleRecommendationsSucces(data) {
-    var _a;
-    this.recommendations = (_a = data === null || data === void 0 ? void 0 : data.extended) !== null && _a !== void 0 ? _a : data;
-    imageSearchState.results = this.recommendations;
-    this.loaded = true;
-  }
-  isExternalCSS() {
-    return this.cssUrl && this.cssUrl.length > 0;
-  }
-  renderExternalCSS() {
-    return this.isExternalCSS() ? h("link", { href: this.cssUrl, rel: "stylesheet" }) : "";
-  }
-  render() {
-    return (h(Host, { class: {
-        loaded: this.loaded,
-        empty: this.recommendations.length == 0,
-        [this.mode]: true,
-      }, "aria-hidden": this.loaded ? "false" : "true" }, this.renderExternalCSS(), h("style", null, state.fallbackStyles), h("h2", { part: "recommendations-title" }, this.blockTitle), h("vviinn-carousel", { mode: this.mode, imageWidth: this.imageWidth, showScroll: this.showScroll, recommendations: this.recommendations })));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "productId": ["handleProductIdChange"],
-    "campaignType": ["handleCampaignTypeChange"],
-    "apiPath": ["handleApiPathChange"]
-  }; }
-};
-VviinnVprWidget.style = vviinnVprWidgetCss;
-
-export { VviinnVprWidget as vviinn_vpr_widget };

package/www/build/vviinn-vps-button.entry.js

@@ -1,39 +0,0 @@
-import { r as registerInstance, j as createEvent, h, e as Host, g as getElement } from './index-b6d739a9.js';
-import { C as CameraIcon } from './index-c9483145.js';
-import { S as SlotSkeleton } from './customized-slots-f3449695.js';
-
-const vviinnVpsButtonCss = "";
-
-let VviinnVpsButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.globalSlotsChanged = 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 (h(Host, { tabindex: "0", role: "button", pressed: this.pressed, onClick: () => this.handleClick(), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("slot", null, h(CameraIcon, null)), h(SlotSkeleton, null), 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" })));
-  }
-  get el() { return getElement(this); }
-};
-VviinnVpsButton.style = vviinnVpsButtonCss;
-
-export { VviinnVpsButton as vviinn_vps_button };

package/www/build/vviinn-wrong-format.entry.js

@@ -1,16 +0,0 @@
-import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
-
-const vviinnWrongFormatCss = ":host{display:block}";
-
-let VviinnWrongFormat = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.actionClick = createEvent(this, "actionClick", 7);
-  }
-  render() {
-    return (h(Host, null, h("vviinn-error", null, h("h4", { slot: "title" }, "Dateityp wird nicht unterst\u00FCtzt"), h("span", { slot: "text" }, "Leider unterst\u00FCtzen wir dieses Format nicht. Bitte laden Sie eine .jpg, .png oder .webp Bilddatei hoch."), h("button", { slot: "action", onClick: () => this.actionClick.emit() }, "Neues Bild hochladen"))));
-  }
-};
-VviinnWrongFormat.style = vviinnWrongFormatCss;
-
-export { VviinnWrongFormat as vviinn_wrong_format };