zakeke-configurator-react 0.0.47 → 0.0.51

package/dist/declarations/{Components → composer/Components}/Widgets/src/Widgets.d.ts

@@ -7,6 +7,7 @@ import { Component, KeyboardEvent } from 'react';
 import { Product, ProductButton } from '../../../Admin/src/Models/Common';
 import { Range } from 'react-input-range';
 import { TooltipProps } from 'react-tippy';
+import { FC } from "react";
 interface FormControlProps {
     label?: string | React.ReactNode;
     horizontal?: boolean;
@@ -78,12 +79,25 @@ export declare class Checkbox extends Component<CheckboxProps, any> {
     onClick: () => void;
     render(): JSX.Element;
 }
+export declare function hexToRgb(hex: string): {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare const ColorSelection: FC<{
+    colors: string[];
+    onChange: (index: number, color: string) => void;
+    onAddClick?: () => void;
+    onRemoveClick?: (index: number) => void;
+}>;
+export default ColorSelection;
 interface RadioGroupProps {
     defaultValue?: any;
     value: any;
     style?: any;
     vertical?: boolean;
     onChange?: (value: any) => void;
+    dataTrack?: string;
 }
 export declare class RadioGroup extends Component<RadioGroupProps, any> {
     constructor(props: RadioGroupProps);
@@ -94,6 +108,7 @@ interface RadioButtonProps {
     checked?: boolean;
     value: any;
     onClick?: (value: any) => void;
+    dataTrack?: string;
 }
 export declare class RadioButton extends Component<RadioButtonProps, any> {
     private onClick;
@@ -184,6 +199,7 @@ interface SearchableProductsListProps {
     hasMore: boolean;
     onLoadMore: (page: number) => void;
     buttons?: ProductButton[];
+    dataTrack?: string;
 }
 export declare function SearchableProductsList(props: SearchableProductsListProps & {
     children?: React.ReactNode;
@@ -377,6 +393,7 @@ export declare class MaterialsListDialog extends React.Component<DialogProps & M
 }
 interface MaterialsLibraryDialogProps {
     onMaterialsSelected: (zkMaterials: Zakeke.Material[]) => void;
+    dataTrack?: string;
 }
 interface MaterialsLibraryDialogState {
     materials: Zakeke.Material[];
@@ -411,6 +428,7 @@ interface PropertiesPanelPropertyProps {
     className?: string;
     disabled?: boolean;
     onClick?: () => void;
+    dataTrack?: string;
 }
 export declare class PropertiesPanelProperty extends Component<PropertiesPanelPropertyProps, any> {
     constructor(props: PropertiesPanelPropertyProps);
@@ -418,6 +436,7 @@ export declare class PropertiesPanelProperty extends Component<PropertiesPanelPr
 }
 interface PropertiesPanelGroupProps {
     label: string;
+    dataTrack?: string;
 }
 interface PropertiesPanelGroupState {
     isOpened: boolean;
@@ -432,6 +451,7 @@ interface PropertiesPanelSubpanelProps {
     iconsSet?: IconsSet;
     panelClassName?: string;
     disabled?: boolean;
+    dataTrack?: string;
 }
 interface PropertiesPanelSubpanelState {
     isOpened: boolean;
@@ -450,6 +470,12 @@ export declare class PropertiesPanelSliderProperty extends Component<any, any> {
     onTextInputChange: (inputValue: string) => void;
     render(): JSX.Element;
 }
+export declare class SliderWithNumber extends Component<any, any> {
+    constructor(props: any);
+    onSliderChange: (sliderValue: number | Range) => void;
+    onTextInputChange: (inputValue: string) => void;
+    render(): JSX.Element;
+}
 export declare class PropertiesPanelColorProperty extends Component<any, any> {
     constructor(props: any);
     render(): JSX.Element;
@@ -488,6 +514,7 @@ interface PropertiesPanelMaterialPreviewPropertyProps {
     onRemove: (index: number) => void;
     loading: boolean;
     photos: string[];
+    dataTrack?: string;
 }
 export declare class PropertiesPanelMaterialPreviewProperty extends Component<PropertiesPanelMaterialPreviewPropertyProps & PropertiesPanelPropertyProps, any> {
     private input;
@@ -526,7 +553,7 @@ export declare enum IconsSet {
     MDI = 1
 }
 export interface IconProps {
-    icon: string;
+    icon?: string;
     set?: IconsSet;
     onClick?: any;
     tooltip?: string;
@@ -573,6 +600,7 @@ export interface ImageUploadProps {
     hideColorButton?: boolean;
     onChange: (key: string | null, url: string | null) => void;
     className?: string;
+    dataTrack?: string;
 }
 export declare class ImageUpload extends Component<ImageUploadProps, any> {
     private input;
@@ -633,4 +661,33 @@ export declare abstract class Card<P, S> extends React.Component<CardProps & P,
     abstract renderButtons: () => React.ReactNode;
     render(): JSX.Element;
 }
-export {};
+export declare const Accordion: FC<{
+    title: string;
+    children: any;
+    isOpened: boolean;
+    onClick?: (e: any) => void;
+}>;
+export declare const MenuItem: FC<{
+    isLeft?: boolean;
+}>;
+export declare const MenuItemContent: FC<{
+    onClick: () => void;
+}>;
+export declare const AngleDown: FC<{
+    className?: string;
+    fill?: string;
+}>;
+export declare const PopupMenu: FC<{
+    isLeft?: boolean;
+}>;
+export declare const PopupArrow: FC<{
+    isLeft?: boolean;
+}>;
+export declare const PopupMenuItemLarge: FC<{
+    href: string;
+    target?: string;
+}>;
+export declare const PopupMenuItemLargeIcon: FC<{}>;
+export declare const PopupMenuItemLargeNewProduct: FC<{}>;
+export declare const IconMenuContainer: FC<{}>;
+export declare const ToolsMenu: FC<{}>;

package/dist/declarations/{Module → composer/Module}/src/environment.d.ts

@@ -1,7 +1,7 @@
 import { PlatformAttributeSelection } from "./integrations/Integration";
 import { Group, Product, Camera, FontFamily, ImageMacroCategory, Image, Template, Item } from "./models";
 import _ from "lodash";
-import { FocusAttributesEventListener } from "../../3D/src";
+import { FocusAttributesEventListener } from "../../../3D/src";
 export declare class ZakekeEnvironment {
     private token;
     private platformAttributesSelection;
@@ -59,6 +59,7 @@ export declare class ZakekeEnvironment {
     private handleSceneLoaded;
     private getComposition;
     loadComposition: (id: string | null) => Promise<void>;
+    private internalLoadComposition;
     private handleAttributeSelectionChanged;
     private handleAttributeEnabled;
     private handleAttributeDisabled;
@@ -124,6 +125,7 @@ export declare class ZakekeEnvironment {
     setItemColor: (guid: string, color: string) => void;
     setItemFontFamily: (guid: string, fontFamily: string) => Promise<void>;
     createImage: (file: File, progress?: ((percentage: number) => void) | undefined) => Promise<Image>;
+    createImageFromUrl: (url: string) => Promise<Image>;
     addItemImage: (id: number, areaId: number) => Promise<void>;
     setItemImageFromFile: (guid: string, file: File, progress?: ((percentage: number) => void) | undefined) => Promise<void>;
     setItemImageFromBase64: (guid: string, base64: any) => Promise<void>;
@@ -140,9 +142,11 @@ export declare class ZakekeEnvironment {
     getOnlineScreenshot: (width: number, height: number) => Promise<string>;
     private buildModelViewerUrl;
     isSceneArEnabled: () => boolean;
+    private getPregeneratedARUrl;
     getQrCodeArUrl: (device: 'iOS' | 'Android') => Promise<string>;
-    getMobileArUrl: () => Promise<string | null>;
+    getMobileArUrl: (useCacheWithDesign?: boolean | undefined) => Promise<string | null>;
     openArMobile: (url: string) => void;
+    private registerView;
     addFocusAttributesListener: (listenerFunction: FocusAttributesEventListener) => void;
     clearListeners: () => void;
 }

package/dist/declarations/{Module → composer/Module}/src/state/providerValue.d.ts

@@ -1,7 +1,7 @@
 import { FontFamily, Group, Template, Item, Product } from "..";
 import { AppState } from "./state";
 import { Image, ImageMacroCategory, Camera } from "../models";
-import { FocusAttributesEventListener } from "../../../3D/src";
+import { FocusAttributesEventListener } from "../../../../3D/src";
 export interface ProviderValue {
     internalProduct: MPlaza.Model | null;
     internalScene: Zakeke.Scene | null;
@@ -41,6 +41,7 @@ export interface ProviderValue {
     setItemImageFromFile: (guid: string, file: File) => Promise<void>;
     addItemImage: (id: number, areaId: number) => Promise<void>;
     createImage: (file: File, progress?: (percentage: number) => void) => Promise<Image>;
+    createImageFromUrl: (url: string) => Promise<Image>;
     setItemImage: (guid: string, imageId: number) => Promise<void>;
     setItemFontFamily: (guid: string, fontFamily: string) => void;
     setItemColor: (guid: string, color: string) => void;
@@ -67,7 +68,7 @@ export interface ProviderValue {
     clearListeners: () => void;
     addFocusAttributesListener: (listenerFunction: FocusAttributesEventListener) => void;
     getQrCodeArUrl: (device: 'iOS' | 'Android') => Promise<string>;
-    getMobileArUrl: () => Promise<string | null>;
+    getMobileArUrl: (useCacheWithDesign?: boolean) => Promise<string | null>;
     openArMobile: (url: string) => void;
     isSceneArEnabled: () => boolean;
     IS_ANDROID: boolean;