@ppg_pl/tinting 0.0.5 → 0.0.7

package/dist/types/components/colorinfo/index.d.ts

@@ -1,19 +1,35 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { Color, Product } from '../../types';
+import { AvailableTester, Color, Product } from '../../types';
 export declare class MyColorInfo {
   currentColor: Color;
   shop: string;
   product: string;
   baselink: string;
+  availableTesters: AvailableTester | null;
+  price: number | null;
   data: Product | null;
   isMobile: boolean;
   infoBoxWidth: number | null;
   closeImage: string;
+  basketStatus: 'idle' | 'loading' | 'success';
+  private loadingTimeout;
+  private successTimeout;
   onCurrentColor: EventEmitter<Color>;
+  addToBasket: EventEmitter<{
+    id: number;
+  }>;
   closeInfoBox: EventEmitter;
+  onColorChange(newColor: Color, oldColor: Color): void;
+  disconnectedCallback(): void;
+  private clearBasketTimeouts;
+  private resetBasketStatus;
   goToProduct: () => void;
   onCloseButtonClick: () => void;
+  getHref: () => string | undefined;
   renderSliderOrImage: () => any;
   capitalizeFirstLetter: (string: string) => string;
+  isVeryLightBackground: () => boolean;
+  getButtonClass: () => "" | "brown" | "inverse";
+  handleAddToBasket: () => void;
   render(): any;
 }

package/dist/types/components/component/index.d.ts

@@ -3,10 +3,15 @@ import { Color } from '../../types';
 export declare class MyModalBundle {
   modalEl: HTMLElement;
   onSelectedColor: EventEmitter<Color>;
+  addToBasket: EventEmitter<{
+    id: number;
+  }>;
   shop: string;
   product: string;
   baselink: string;
   colorname: string | null;
+  available_testers: string | null;
+  price: number | null;
   show: boolean;
   readyToClose: boolean;
   open(): Promise<void>;
@@ -14,5 +19,8 @@ export declare class MyModalBundle {
   setReadyToCloseHandler(value: CustomEvent): void;
   closeModalHandler(): void;
   handleSelectedColor(event: CustomEvent<Color>): void;
+  addToBasketHandler(event: CustomEvent<{
+    id: number;
+  }>): void;
   render(): any;
 }

package/dist/types/components/modal/index.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { Color, Product } from '../../types';
+import { AvailableTester, Color, Product } from '../../types';
 declare global {
   interface Window {
     dataLayer: Record<string, any>[];
@@ -18,6 +18,8 @@ export declare class Modal {
   shop: string;
   product: string;
   baselink: string;
+  available_testers: AvailableTester[] | null;
+  price: number | null;
   selectedcolor: string | null;
   arrowDown: string;
   chunksNum: number;
@@ -51,6 +53,9 @@ export declare class Modal {
   handleReadyToClose(value: boolean): void;
   closeInfoBoxHandler(): void;
   handleEmitColor(event: CustomEvent<Color>): void;
+  addToBasketHandler(event: CustomEvent<{
+    id: number;
+  }>): number;
   private chunks;
   private calculateBoxCount;
   private displayForMobile;

package/dist/types/components.d.ts

@@ -5,8 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { Color, ColorBoxyIsImageInsteadHex, Image, Product } from "./types";
-export { Color, ColorBoxyIsImageInsteadHex, Image, Product } from "./types";
+import { AvailableTester, Color, ColorBoxyIsImageInsteadHex, Image, Product } from "./types";
+export { AvailableTester, Color, ColorBoxyIsImageInsteadHex, Image, Product } from "./types";
 export namespace Components {
     interface ModalHeader {
         "closeImage": string;
@@ -31,27 +31,33 @@ export namespace Components {
         "shop": string;
     }
     interface MyColorinfo {
+        "availableTesters": AvailableTester | null;
         "baselink": string;
         "closeImage": string;
         "currentColor": Color;
         "data": Product | null;
         "infoBoxWidth": number | null;
         "isMobile": boolean;
+        "price": number | null;
         "product": string;
         "shop": string;
     }
     interface MyComponent {
+        "available_testers": string | null;
         "baselink": string;
         "close": () => Promise<void>;
         "colorname": string | null;
         "open": () => Promise<void>;
+        "price": number | null;
         "product": string;
         "shop": string;
     }
     interface MyModal {
         "arrowDown": string;
+        "available_testers": AvailableTester[] | null;
         "baselink": string;
         "open": () => Promise<void>;
+        "price": number | null;
         "product": string;
         "selectedcolor": string | null;
         "shop": string;
@@ -195,31 +201,39 @@ declare namespace LocalJSX {
         "shop"?: string;
     }
     interface MyColorinfo {
+        "availableTesters"?: AvailableTester | null;
         "baselink"?: string;
         "closeImage"?: string;
         "currentColor"?: Color;
         "data"?: Product | null;
         "infoBoxWidth"?: number | null;
         "isMobile"?: boolean;
+        "onAddToBasket"?: (event: MyColorinfoCustomEvent<{ id: number }>) => void;
         "onCloseInfoBox"?: (event: MyColorinfoCustomEvent<any>) => void;
         "onOnCurrentColor"?: (event: MyColorinfoCustomEvent<Color>) => void;
+        "price"?: number | null;
         "product"?: string;
         "shop"?: string;
     }
     interface MyComponent {
+        "available_testers"?: string | null;
         "baselink"?: string;
         "colorname"?: string | null;
+        "onAddToBasket"?: (event: MyComponentCustomEvent<{ id: number }>) => void;
         "onOnSelectedColor"?: (event: MyComponentCustomEvent<Color>) => void;
+        "price"?: number | null;
         "product"?: string;
         "shop"?: string;
     }
     interface MyModal {
         "arrowDown"?: string;
+        "available_testers"?: AvailableTester[] | null;
         "baselink"?: string;
         "onClearSearchText"?: (event: MyModalCustomEvent<any>) => void;
         "onClose"?: (event: MyModalCustomEvent<any>) => void;
         "onOnSelectedColorEmit"?: (event: MyModalCustomEvent<Color>) => void;
         "onReadyToCLose"?: (event: MyModalCustomEvent<any>) => void;
+        "price"?: number | null;
         "product"?: string;
         "selectedcolor"?: string | null;
         "shop"?: string;

package/dist/types/types.d.ts

@@ -66,3 +66,7 @@ export type ColorBoxyIsImageInsteadHex = {
   isImageInsteadHex: boolean;
   bigImage: string;
 };
+export type AvailableTester = {
+  id_product_attribute: number;
+  color_name: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ppg_pl/tinting",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Color-Selector-Tinting WebComponent",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -65,5 +65,6 @@
       "json",
       "jsx"
     ]
-  }
+  },
+  "packageManager": "pnpm@8.15.1+sha1.8adba2d20330c02d3856e18c4eb3819d1d3ca6aa"
 }