vviinn-widgets 2.18.21 → 2.19.1

package/dist/types/components.d.ts

@@ -13,6 +13,14 @@ import { CampaignName, CampaignTypeId } from "./campaign/Campaign";
 import { Recommendation } from "./recommendation/recommendation";
 import { ValueObject } from "./network/ion/ValueObject";
 import { CarouselMode as CarouselMode1 } from "./components/vviinn-carousel/vviinn-carousel";
+export { Handler } from "./cropper/Handler";
+export { BasicEventData, ProductCardEventData, SelectFilterEventData, SelectObjectEventData } from "./recommendation/events";
+export { DetectedObject, SearchSessionFilter } from "./searchSession/searchSession";
+export { CarouselMode } from "./components/vviinn-carousel/vviinn-carousel";
+export { CampaignName, CampaignTypeId } from "./campaign/Campaign";
+export { Recommendation } from "./recommendation/recommendation";
+export { ValueObject } from "./network/ion/ValueObject";
+export { CarouselMode as CarouselMode1 } from "./components/vviinn-carousel/vviinn-carousel";
 export namespace Components {
     interface CropperHandler {
         "disabled": boolean;
@@ -59,6 +67,8 @@ export namespace Components {
     }
     interface VviinnImageSelector {
         "basicEventData": BasicEventData;
+        "resetVpsButton": () => void;
+        "startUpload": boolean;
     }
     interface VviinnImageView {
         "basicEventData": BasicEventData;
@@ -66,6 +76,7 @@ export namespace Components {
     interface VviinnModal {
         "active": boolean;
         "buttonElementId"?: string;
+        "hideBackButton": boolean;
         "resetState": () => void;
     }
     interface VviinnOnboarding {
@@ -81,6 +92,7 @@ export namespace Components {
     interface VviinnOverlayedModal {
         "active": boolean;
         "buttonElementId"?: string;
+        "hideBackButton": boolean;
         "resetState": () => void;
     }
     interface VviinnPreloader {
@@ -123,7 +135,7 @@ export namespace Components {
          */
         "gridArrowsDynamic": boolean;
         "imageWidth": number;
-        "mode": CarouselMode;
+        "mode": CarouselMode1;
         "noResultShow"?: boolean;
         "noResultText"?: string;
         "position": "bottom" | "right";
@@ -164,7 +176,7 @@ export namespace Components {
         "gridArrowsDynamic": boolean;
         "imageWidth": number;
         "modalScrollbar": boolean;
-        "mode": CarouselMode;
+        "mode": CarouselMode1;
         /**
           * Showing message (when true) or hiding the whole widget, when no results
          */
@@ -222,7 +234,7 @@ export namespace Components {
         /**
           * Use slider or grid view
          */
-        "mode": CarouselMode;
+        "mode": CarouselMode1;
         /**
           * Showing message (when true) or hiding the whole widget, when no results
          */
@@ -264,11 +276,18 @@ export namespace Components {
           * Locale for currency formatting
          */
         "locale": string;
+        /**
+          * Add style to the button
+         */
+        "mode": "modal" | "upload";
         /**
           * vviinn customer token
          */
         "token": string;
     }
+    /**
+     * @prop --color-primary: color used for action button, slider bullets and selected detected object;
+     */
     interface VviinnVpsWidget {
         /**
           * When true modal window with widget will be shown
@@ -276,6 +295,7 @@ export namespace Components {
         "active": boolean;
         "apiPath": string;
         "buttonElementId"?: string;
+        "buttonPressed"?: boolean;
         /**
           * Campaign using for visual search
          */
@@ -288,6 +308,8 @@ export namespace Components {
           * Locale for currency formatting
          */
         "locale": string;
+        "mode": "modal" | "upload";
+        "resetVpsButton": () => void;
         /**
           * Set true when showing the widget in button
          */
@@ -301,6 +323,62 @@ export namespace Components {
         "handler": VoidFunction;
     }
 }
+export interface ImageCropperCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLImageCropperElement;
+}
+export interface SearchFiltersCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSearchFiltersElement;
+}
+export interface VviinnDetectedObjectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVviinnDetectedObjectElement;
+}
+export interface VviinnExampleImageCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVviinnExampleImageElement;
+}
+export interface VviinnExampleImagesCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVviinnExampleImagesElement;
+}
+export interface VviinnImageSelectorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVviinnImageSelectorElement;
+}
+export interface VviinnModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVviinnModalElement;
+}
+export interface VviinnOverlayedModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVviinnOverlayedModalElement;
+}
+export interface VviinnProductCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVviinnProductCardElement;
+}
+export interface VviinnRecommendationsSidebarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVviinnRecommendationsSidebarElement;
+}
+export interface VviinnVprButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVviinnVprButtonElement;
+}
+export interface VviinnVprWidgetCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVviinnVprWidgetElement;
+}
+export interface VviinnVpsButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVviinnVpsButtonElement;
+}
+export interface VviinnVpsWidgetCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVviinnVpsWidgetElement;
+}
 declare global {
     interface HTMLCropperHandlerElement extends Components.CropperHandler, HTMLStencilElement {
     }
@@ -488,6 +566,9 @@ declare global {
         prototype: HTMLVviinnVpsButtonElement;
         new (): HTMLVviinnVpsButtonElement;
     };
+    /**
+     * @prop --color-primary: color used for action button, slider bullets and selected detected object;
+     */
     interface HTMLVviinnVpsWidgetElement extends Components.VviinnVpsWidget, HTMLStencilElement {
     }
     var HTMLVviinnVpsWidgetElement: {
@@ -546,12 +627,12 @@ declare namespace LocalJSX {
     interface ImageCropper {
         "basicEventData"?: BasicEventData;
         "disabled"?: boolean;
-        "onVviinnImageCrop"?: (event: CustomEvent<BasicEventData>) => void;
+        "onVviinnImageCrop"?: (event: ImageCropperCustomEvent<BasicEventData>) => void;
     }
     interface SearchFilters {
         "basicEventData"?: BasicEventData;
         "filter"?: SearchSessionFilter | null;
-        "onVviinnSelectFilter"?: (event: CustomEvent<SelectFilterEventData>) => void;
+        "onVviinnSelectFilter"?: (event: SearchFiltersCustomEvent<SelectFilterEventData>) => void;
     }
     interface VviinnButton {
         "addStyle"?: boolean;
@@ -568,7 +649,7 @@ declare namespace LocalJSX {
     interface VviinnDetectedObject {
         "basicEventData"?: BasicEventData;
         "detectedObject"?: ValueObject<DetectedObject>;
-        "onVviinnSelectObject"?: (event: CustomEvent<SelectObjectEventData>) => void;
+        "onVviinnSelectObject"?: (event: VviinnDetectedObjectCustomEvent<SelectObjectEventData>) => void;
     }
     interface VviinnEmptyResults {
     }
@@ -577,26 +658,28 @@ declare namespace LocalJSX {
     interface VviinnExampleImage {
         "basicEventData"?: BasicEventData;
         "height"?: number;
-        "onVviinnImageUpload"?: (event: CustomEvent<BasicEventData>) => void;
-        "onVviinnNoResult"?: (event: CustomEvent<BasicEventData>) => void;
+        "onVviinnImageUpload"?: (event: VviinnExampleImageCustomEvent<BasicEventData>) => void;
+        "onVviinnNoResult"?: (event: VviinnExampleImageCustomEvent<BasicEventData>) => void;
         "src"?: string;
         "width"?: number;
     }
     interface VviinnExampleImages {
         "basicEventData"?: BasicEventData;
-        "onVviinnImageUpload"?: (event: CustomEvent<BasicEventData>) => void;
-        "onVviinnNoResult"?: (event: CustomEvent<BasicEventData>) => void;
+        "onVviinnImageUpload"?: (event: VviinnExampleImagesCustomEvent<BasicEventData>) => void;
+        "onVviinnNoResult"?: (event: VviinnExampleImagesCustomEvent<BasicEventData>) => void;
     }
     interface VviinnImageSelector {
         "basicEventData"?: BasicEventData;
         /**
           * Event fires when user select file
          */
-        "onVviinnImageUpload"?: (event: CustomEvent<BasicEventData>) => void;
+        "onVviinnImageUpload"?: (event: VviinnImageSelectorCustomEvent<BasicEventData>) => void;
         /**
           * Event fires when user select file that no .jpg, .jpeg or png
          */
-        "onVviinnNoResult"?: (event: CustomEvent<BasicEventData>) => void;
+        "onVviinnNoResult"?: (event: VviinnImageSelectorCustomEvent<BasicEventData>) => void;
+        "resetVpsButton"?: () => void;
+        "startUpload"?: boolean;
     }
     interface VviinnImageView {
         "basicEventData"?: BasicEventData;
@@ -606,7 +689,7 @@ declare namespace LocalJSX {
         /**
           * Event emitted when close button clicked and close animation ends
          */
-        "onVviinnWidgetClose"?: (event: CustomEvent<BasicEventData>) => void;
+        "onVviinnWidgetClose"?: (event: VviinnModalCustomEvent<BasicEventData>) => void;
         "resetState"?: () => void;
     }
     interface VviinnOnboarding {
@@ -621,7 +704,7 @@ declare namespace LocalJSX {
     }
     interface VviinnOverlayedModal {
         "active"?: boolean;
-        "onVviinnWidgetClose"?: (event: CustomEvent<void>) => void;
+        "onVviinnWidgetClose"?: (event: VviinnOverlayedModalCustomEvent<void>) => void;
         "resetState"?: () => void;
     }
     interface VviinnPreloader {
@@ -641,15 +724,15 @@ declare namespace LocalJSX {
         /**
           * Event fires ones when user click on deeplink
          */
-        "onVviinnProductClick"?: (event: CustomEvent<ProductCardEventData>) => void;
+        "onVviinnProductClick"?: (event: VviinnProductCardCustomEvent<ProductCardEventData>) => void;
         /**
           * Event fires ones when recommendation rendered on page
          */
-        "onVviinnProductLoad"?: (event: CustomEvent<ProductCardEventData>) => void;
+        "onVviinnProductLoad"?: (event: VviinnProductCardCustomEvent<ProductCardEventData>) => void;
         /**
           * Event fires ones when recommendation appears on the viewport
          */
-        "onVviinnProductView"?: (event: CustomEvent<ProductCardEventData>) => void;
+        "onVviinnProductView"?: (event: VviinnProductCardCustomEvent<ProductCardEventData>) => void;
         "price"?: number | undefined;
         "pricePrefix"?: string | undefined;
         "productId"?: string;
@@ -671,10 +754,10 @@ declare namespace LocalJSX {
          */
         "gridArrowsDynamic"?: boolean;
         "imageWidth"?: number;
-        "mode"?: CarouselMode;
+        "mode"?: CarouselMode1;
         "noResultShow"?: boolean;
         "noResultText"?: string;
-        "onVviinnWidgetClose"?: (event: CustomEvent<BasicEventData>) => void;
+        "onVviinnWidgetClose"?: (event: VviinnRecommendationsSidebarCustomEvent<BasicEventData>) => void;
         "position"?: "bottom" | "right";
         "productId"?: string;
         "sidebarTitle"?: string;
@@ -712,7 +795,7 @@ declare namespace LocalJSX {
         "gridArrowsDynamic"?: boolean;
         "imageWidth"?: number;
         "modalScrollbar"?: boolean;
-        "mode"?: CarouselMode;
+        "mode"?: CarouselMode1;
         /**
           * Showing message (when true) or hiding the whole widget, when no results
          */
@@ -721,16 +804,16 @@ declare namespace LocalJSX {
           * This message is displayed when no results
          */
         "noResultText"?: string;
-        "onVviinnNoResult"?: (event: CustomEvent<any>) => void;
-        "onVviinnProductClick"?: (event: CustomEvent<any>) => void;
-        "onVviinnProductLoad"?: (event: CustomEvent<any>) => void;
-        "onVviinnProductView"?: (event: CustomEvent<any>) => void;
-        "onVviinnWidgetClose"?: (event: CustomEvent<any>) => void;
-        "onVviinnWidgetLoad"?: (event: CustomEvent<any>) => void;
+        "onVviinnNoResult"?: (event: VviinnVprButtonCustomEvent<any>) => void;
+        "onVviinnProductClick"?: (event: VviinnVprButtonCustomEvent<any>) => void;
+        "onVviinnProductLoad"?: (event: VviinnVprButtonCustomEvent<any>) => void;
+        "onVviinnProductView"?: (event: VviinnVprButtonCustomEvent<any>) => void;
+        "onVviinnWidgetClose"?: (event: VviinnVprButtonCustomEvent<any>) => void;
+        "onVviinnWidgetLoad"?: (event: VviinnVprButtonCustomEvent<any>) => void;
         /**
           * Event emitted when vpr-button clicked
          */
-        "onVviinnWidgetOpen"?: (event: CustomEvent<BasicEventData>) => void;
+        "onVviinnWidgetOpen"?: (event: VviinnVprButtonCustomEvent<BasicEventData>) => void;
         "position"?: "bottom" | "right";
         "productId"?: string;
         "sidebarTitle"?: string;
@@ -778,7 +861,7 @@ declare namespace LocalJSX {
         /**
           * Use slider or grid view
          */
-        "mode"?: CarouselMode;
+        "mode"?: CarouselMode1;
         /**
           * Showing message (when true) or hiding the whole widget, when no results
          */
@@ -787,11 +870,11 @@ declare namespace LocalJSX {
           * This message is displayed when no results
          */
         "noResultText"?: string;
-        "onVviinnNoResult"?: (event: CustomEvent<any>) => void;
-        "onVviinnProductClick"?: (event: CustomEvent<any>) => void;
-        "onVviinnProductLoad"?: (event: CustomEvent<any>) => void;
-        "onVviinnProductView"?: (event: CustomEvent<any>) => void;
-        "onVviinnWidgetLoad"?: (event: CustomEvent<BasicEventData>) => void;
+        "onVviinnNoResult"?: (event: VviinnVprWidgetCustomEvent<any>) => void;
+        "onVviinnProductClick"?: (event: VviinnVprWidgetCustomEvent<any>) => void;
+        "onVviinnProductLoad"?: (event: VviinnVprWidgetCustomEvent<any>) => void;
+        "onVviinnProductView"?: (event: VviinnVprWidgetCustomEvent<any>) => void;
+        "onVviinnWidgetLoad"?: (event: VviinnVprWidgetCustomEvent<BasicEventData>) => void;
         /**
           * prefix will shown before price
          */
@@ -823,25 +906,38 @@ declare namespace LocalJSX {
           * Locale for currency formatting
          */
         "locale"?: string;
-        "onVviinnImageCrop"?: (event: CustomEvent<any>) => void;
-        "onVviinnImageUpload"?: (event: CustomEvent<any>) => void;
-        "onVviinnNoResult"?: (event: CustomEvent<any>) => void;
-        "onVviinnProductClick"?: (event: CustomEvent<any>) => void;
-        "onVviinnProductLoad"?: (event: CustomEvent<any>) => void;
-        "onVviinnProductView"?: (event: CustomEvent<any>) => void;
-        "onVviinnSelectFilter"?: (event: CustomEvent<any>) => void;
-        "onVviinnSelectObject"?: (event: CustomEvent<any>) => void;
-        "onVviinnWidgetClose"?: (event: CustomEvent<any>) => void;
-        "onVviinnWidgetLoad"?: (event: CustomEvent<any>) => void;
+        /**
+          * Add style to the button
+         */
+        "mode"?: "modal" | "upload";
+        "onVviinnImageCrop"?: (event: VviinnVpsButtonCustomEvent<any>) => void;
+        /**
+          * Event fires when user select file
+         */
+        "onVviinnImageUpload"?: (event: VviinnVpsButtonCustomEvent<BasicEventData>) => void;
+        /**
+          * Event fires when user select file that no .jpg, .jpeg or png
+         */
+        "onVviinnNoResult"?: (event: VviinnVpsButtonCustomEvent<BasicEventData>) => void;
+        "onVviinnProductClick"?: (event: VviinnVpsButtonCustomEvent<any>) => void;
+        "onVviinnProductLoad"?: (event: VviinnVpsButtonCustomEvent<any>) => void;
+        "onVviinnProductView"?: (event: VviinnVpsButtonCustomEvent<any>) => void;
+        "onVviinnSelectFilter"?: (event: VviinnVpsButtonCustomEvent<any>) => void;
+        "onVviinnSelectObject"?: (event: VviinnVpsButtonCustomEvent<any>) => void;
+        "onVviinnWidgetClose"?: (event: VviinnVpsButtonCustomEvent<any>) => void;
+        "onVviinnWidgetLoad"?: (event: VviinnVpsButtonCustomEvent<any>) => void;
         /**
           * Event emitted when vps-button clicked
          */
-        "onVviinnWidgetOpen"?: (event: CustomEvent<BasicEventData>) => void;
+        "onVviinnWidgetOpen"?: (event: VviinnVpsButtonCustomEvent<BasicEventData>) => void;
         /**
           * vviinn customer token
          */
         "token"?: string;
     }
+    /**
+     * @prop --color-primary: color used for action button, slider bullets and selected detected object;
+     */
     interface VviinnVpsWidget {
         /**
           * When true modal window with widget will be shown
@@ -859,16 +955,17 @@ declare namespace LocalJSX {
           * Locale for currency formatting
          */
         "locale"?: string;
-        "onVviinnImageCrop"?: (event: CustomEvent<any>) => void;
-        "onVviinnImageUpload"?: (event: CustomEvent<any>) => void;
-        "onVviinnNoResult"?: (event: CustomEvent<any>) => void;
-        "onVviinnProductClick"?: (event: CustomEvent<any>) => void;
-        "onVviinnProductLoad"?: (event: CustomEvent<any>) => void;
-        "onVviinnProductView"?: (event: CustomEvent<any>) => void;
-        "onVviinnSelectFilter"?: (event: CustomEvent<any>) => void;
-        "onVviinnSelectObject"?: (event: CustomEvent<any>) => void;
-        "onVviinnWidgetClose"?: (event: CustomEvent<any>) => void;
-        "onVviinnWidgetLoad"?: (event: CustomEvent<BasicEventData>) => void;
+        "onVviinnImageCrop"?: (event: VviinnVpsWidgetCustomEvent<any>) => void;
+        "onVviinnImageUpload"?: (event: VviinnVpsWidgetCustomEvent<any>) => void;
+        "onVviinnNoResult"?: (event: VviinnVpsWidgetCustomEvent<any>) => void;
+        "onVviinnProductClick"?: (event: VviinnVpsWidgetCustomEvent<any>) => void;
+        "onVviinnProductLoad"?: (event: VviinnVpsWidgetCustomEvent<any>) => void;
+        "onVviinnProductView"?: (event: VviinnVpsWidgetCustomEvent<any>) => void;
+        "onVviinnSelectFilter"?: (event: VviinnVpsWidgetCustomEvent<any>) => void;
+        "onVviinnSelectObject"?: (event: VviinnVpsWidgetCustomEvent<any>) => void;
+        "onVviinnWidgetClose"?: (event: VviinnVpsWidgetCustomEvent<any>) => void;
+        "onVviinnWidgetLoad"?: (event: VviinnVpsWidgetCustomEvent<BasicEventData>) => void;
+        "onVviinnWidgetOpen"?: (event: VviinnVpsWidgetCustomEvent<BasicEventData>) => void;
         /**
           * Set true when showing the widget in button
          */
@@ -952,6 +1049,9 @@ declare module "@stencil/core" {
             "vviinn-vpr-button": LocalJSX.VviinnVprButton & JSXBase.HTMLAttributes<HTMLVviinnVprButtonElement>;
             "vviinn-vpr-widget": LocalJSX.VviinnVprWidget & JSXBase.HTMLAttributes<HTMLVviinnVprWidgetElement>;
             "vviinn-vps-button": LocalJSX.VviinnVpsButton & JSXBase.HTMLAttributes<HTMLVviinnVpsButtonElement>;
+            /**
+             * @prop --color-primary: color used for action button, slider bullets and selected detected object;
+             */
             "vviinn-vps-widget": LocalJSX.VviinnVpsWidget & JSXBase.HTMLAttributes<HTMLVviinnVpsWidgetElement>;
             "vviinn-wrong-format": LocalJSX.VviinnWrongFormat & JSXBase.HTMLAttributes<HTMLVviinnWrongFormatElement>;
         }

package/dist/types/error.d.ts

@@ -1,4 +1,4 @@
-export declare type BasicError<T> = {
+export type BasicError<T> = {
   kind: "client" | "server" | "app";
   inner: T;
 };

package/dist/types/geometry/Point.d.ts

@@ -1,6 +1,6 @@
 import { ClientEvent } from "../utils/event/Events";
 import { Rectangle } from "./Rectangle";
-export declare type Point = {
+export type Point = {
   readonly x: number;
   readonly y: number;
 };

package/dist/types/geometry/Rectangle.d.ts

@@ -2,7 +2,7 @@ import { Point } from "./Point";
 import { Handler } from "../cropper/Handler";
 import { Sized } from "./Sized";
 import { RectangleAlt } from "./RectangleAlt";
-export declare type Rectangle = Point & Sized;
+export type Rectangle = Point & Sized;
 interface RectangleTransform {
   (x: Rectangle, y: Handler): Rectangle;
 }

package/dist/types/geometry/Sized.d.ts

@@ -1,5 +1,5 @@
 import * as Ord from "fp-ts/Ord";
-export declare type Sized = {
+export type Sized = {
   readonly width: number;
   readonly height: number;
 };