@billgangcom/theme-lib 1.110.4 → 1.110.6

package/dist/src/builder/layout.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface Props {
+}
+export declare const Layout: React.FC<Props>;
+export {};

package/dist/src/builder/store/index.d.ts

@@ -0,0 +1,6 @@
+export * from './useDeviceStore';
+export * from './useLayoutStore';
+export * from './useSubmodalStore';
+export * from './useFontsStore';
+export * from './useColorPickerStore';
+export * from './useTooltipStore';

package/dist/src/builder/store/useColorPickerStore.d.ts

@@ -0,0 +1,53 @@
+interface Options {
+    color: string;
+    initialColor: string;
+    setInitialColor: (initialColor: string) => void;
+    update: (color: string) => void;
+    activeLabel: string | null;
+    modalPosition: {
+        top: number;
+        left: number;
+    };
+    showModal: boolean;
+    dragging: boolean;
+    hue: number;
+    saturation: number;
+    brightness: number;
+    alpha: number;
+    isGradient: boolean;
+    setIsGradient: (val: boolean) => void;
+    gradientDirection: 'vertical' | 'horizontal';
+    setGradientDirection: (dir: 'vertical' | 'horizontal') => void;
+    isBlockSettings: boolean;
+    hue2: number;
+    saturation2: number;
+    brightness2: number;
+    alpha2: number;
+    setHue2: (hue: number) => void;
+    setSaturation2: (s: number) => void;
+    setBrightness2: (b: number) => void;
+    setAlpha2: (a: number) => void;
+    activeColorIndex: number;
+    setActiveColorIndex: (i: number) => void;
+    isGradientActive: boolean;
+    setIsGradientActive: (isGradientActive: boolean) => void;
+    setIsBlockSettings: (IsBlockSettings: boolean) => void;
+    setBrightness: (brightness: number) => void;
+    setSaturation: (saturation: number) => void;
+    setShowModal: (showModal: boolean) => void;
+    setDragging: (dragging: boolean) => void;
+    setModalPosition: (modalPosition: {
+        top: number;
+        left: number;
+    }) => void;
+    setHue: (hue: number) => void;
+    setActiveLabel: (activeLabel: string | null) => void;
+    setUpdate: (update: (color: string) => void) => void;
+    setColor: (color: string) => void;
+    colorChange: React.Dispatch<React.SetStateAction<string>>;
+    setColorChange: (colorChange: React.Dispatch<React.SetStateAction<string>>) => void;
+    setAlpha: (alpha: number) => void;
+    resetColors: () => void;
+}
+export declare const useColorPickerStore: import("zustand").UseBoundStore<import("zustand").StoreApi<Options>>;
+export {};

package/dist/src/builder/store/useDeviceStore.d.ts

@@ -0,0 +1,7 @@
+import { Device } from '@constants';
+interface Options {
+    currentDevice: Device;
+    setCurrentDevice: (currentDevice: Device) => void;
+}
+export declare const useDeviceStore: import("zustand").UseBoundStore<import("zustand").StoreApi<Options>>;
+export {};

package/dist/src/builder/store/useFontsStore.d.ts

@@ -0,0 +1,20 @@
+interface Font {
+    name: string;
+    weights: string[];
+}
+interface Options {
+    fonts: Font[];
+    setFonts: (fonts: Font[]) => void;
+}
+export declare const useFontsStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<Options>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<Options, Options>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: Options) => void) => () => void;
+        onFinishHydration: (fn: (state: Options) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<Options, Options>>;
+    };
+}>;
+export {};

package/dist/src/builder/store/useLayoutStore.d.ts

@@ -0,0 +1,7 @@
+import { PageContext } from '../../abstractions';
+interface Options {
+    pageData: PageContext | null;
+    setPageData: (pageData: PageContext) => void;
+}
+export declare const useLayoutStore: import("zustand").UseBoundStore<import("zustand").StoreApi<Options>>;
+export {};

package/dist/src/builder/store/useSubmodalStore.d.ts

@@ -0,0 +1,21 @@
+interface Options {
+    isModalVisible: boolean;
+    hoverBlockId: string | null;
+    isMouseOverModal: boolean;
+    hideTimeout: number | null;
+    showModal: (blockId: string, variable?: 'hoverBlockId' | 'keyBlock') => void;
+    hideModal: (variable?: 'hoverBlockId' | 'keyBlock') => void;
+    startHideTimeout: (variable?: 'hoverBlockId' | 'keyBlock') => void;
+    clearHideTimeout: () => void;
+    setMouseOverModal: (isOver: boolean) => void;
+    isPreviewVisible: boolean;
+    showPreview: (blockId: string, variable?: 'hoverBlockId' | 'keyBlock') => void;
+    hidePreview: (variable?: 'hoverBlockId' | 'keyBlock') => void;
+    setHoverBlockId: (hoverBlockId: string | null) => void;
+    keyBlock: string | null;
+    setKeyBlock: (key: string) => void;
+    hoverBlockTopPosition: number | null;
+    setHoverBlockTopPosition: (position: number | null) => void;
+}
+export declare const useSubmodalStore: import("zustand").UseBoundStore<import("zustand").StoreApi<Options>>;
+export {};

package/dist/src/builder/store/useTooltipStore.d.ts

@@ -0,0 +1,6 @@
+interface TooltipStore {
+    showTooltip: boolean;
+    setShowTooltip: (showTooltip: boolean) => void;
+}
+export declare const useTooltipStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TooltipStore>>;
+export {};

package/dist/src/builder/ui/AnimatedPanel/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    isOpen: boolean;
+    isClose: boolean;
+}
+export declare const AnimatedPanel: React.FC<React.PropsWithChildren<Props>>;
+export {};

package/dist/src/builder/ui/ColorPicker/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    initialColor: string;
+    onChange: (color: string) => void;
+    title: string;
+    labelStyle?: 'primary' | 'secondary';
+    isGradientActive?: boolean;
+    isBlockSettings?: boolean;
+}
+export declare const ColorPicker: React.FC<Props>;
+export {};

package/dist/src/builder/ui/ColorPicker/modal.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ColorPickerModal: React.FC;

package/dist/src/builder/ui/Loader/index.d.ts

@@ -0,0 +1 @@
+export declare const Loader: React.FC;

package/dist/src/builder/ui/Notification/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { NotificationComponentProps } from '@constants';
+interface Props {
+    type: 'warning' | 'error' | 'success';
+    message: string;
+    style?: React.CSSProperties;
+    padding?: number;
+    timer: number;
+    id: string;
+    element?: React.FC<NotificationComponentProps>;
+}
+export declare const Notification: React.FC<Props>;
+export {};

package/dist/src/builder/ui/Picker/index.d.ts

@@ -0,0 +1,9 @@
+import { IconNames } from '@constants';
+interface PickerProps<T> {
+    items: T[];
+    selectedItem: T;
+    onSelect: (item: T) => void;
+    getIconName: (item: T) => IconNames;
+}
+export declare const Picker: <T>(props: PickerProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/builder/ui/Radio/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Option {
+    value: string;
+    label: string;
+}
+interface RadioGroupProps {
+    label?: string;
+    defaultValue: string;
+    options: Option[];
+    onChange: (value: string) => void;
+}
+export declare const Radio: React.FC<RadioGroupProps>;
+export {};

package/dist/src/builder/ui/Submodal/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    children: React.ReactNode;
+    variable?: 'hoverBlockId' | 'keyBlock';
+    positionTop?: number | null;
+    positionLeft?: number;
+}
+export declare const Submodal: React.FC<Props>;
+export declare const AddSectionSubmodal: React.FC<Props>;
+export {};

package/dist/src/builder/ui/Tooltip/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    text: string;
+}
+export declare const Tooltip: React.FC<Props>;
+export {};

package/dist/src/builder/utils/formatLabel.d.ts

@@ -0,0 +1 @@
+export declare const formatLabel: (label: string | null) => string;

package/dist/src/builder/utils/getDisplayName.d.ts

@@ -0,0 +1 @@
+export declare function getDisplayName(key: string, sourceBlocks: Record<string, any>): string;

package/dist/src/builder/utils/getModalPosition.d.ts

@@ -0,0 +1,4 @@
+export declare const getModalPosition: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, modalHeight: number, modalWidth: number, offset: number, minSpace: number, minRightOffset: number, minTopOffset: number) => {
+    top: number;
+    left: number;
+};

package/dist/src/builder/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './formatLabel';
+export * from './getDisplayName';
+export * from './getModalPosition';

package/dist/src/components/lazy-pages.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+type LazyComponent<T = any> = React.LazyExoticComponent<React.ComponentType<T>>;
+declare const BuilderPage: LazyComponent;
+declare const ErrorPage: LazyComponent;
+declare const ActivePage: LazyComponent;
+declare const ValidationPage: LazyComponent;
+declare const WrapperPage: LazyComponent;
+declare const RouterErrorPage: LazyComponent;
+declare const DynamicErrorPage: LazyComponent;
+declare const Checkout: LazyComponent;
+declare const ChargePage: LazyComponent;
+declare const TicketItem: LazyComponent;
+declare const Subscription: LazyComponent;
+declare const TopUpBalance: LazyComponent;
+declare const OrderPage: LazyComponent;
+declare const CustomerDashboard: LazyComponent;
+declare const ReCaptchaProvider: LazyComponent;
+declare const LoadingFallback: React.FC;
+export declare const LazyWrapper: React.FC<{
+    children: React.ReactNode;
+}>;
+export { BuilderPage, ErrorPage, ActivePage, ValidationPage, WrapperPage, RouterErrorPage, DynamicErrorPage, Checkout, ChargePage, TicketItem, Subscription, TopUpBalance, OrderPage, CustomerDashboard, ReCaptchaProvider, LoadingFallback, };

package/dist/src/constants/aspectRatio.d.ts

@@ -0,0 +1,11 @@
+export declare const aspectRatio: {
+    readonly '1:1': "1:1";
+    readonly '4:3': "4:3";
+    readonly '16:9': "16:9";
+    readonly '9:16': "9:16";
+};
+export type AspectRatio = keyof typeof aspectRatio;
+export declare const aspectRatioOptions: {
+    value: string;
+    addon: import("react/jsx-runtime").JSX.Element;
+}[];

package/dist/src/constants/blocks.d.ts

@@ -0,0 +1,79 @@
+import { IBlock, ISettings, PageContext } from '../abstractions';
+import { ColorVariables } from './color-variables';
+export type Block = Record<string, any>;
+export declare class SettingsBlock implements ISettings {
+    private settings;
+    renderSettings(): JSX.Element;
+}
+export declare class HeaderBlock implements IBlock {
+    blockSettings: {
+        displayName: string;
+        isAddable: boolean;
+        logo: {
+            active: boolean;
+            url: string;
+        };
+        pagesActive: boolean;
+        pages: never[];
+        search: {
+            active: boolean;
+            placeholder: string;
+        };
+        shopping: boolean;
+        signUp: boolean;
+        fixedHeader: boolean;
+    };
+    blockColors: ColorVariables[];
+    constructor(blockSettings?: any);
+    renderPreview(_settings: Record<string, any>, _context: PageContext): JSX.Element;
+    renderBlock(_settings: Record<string, any>, _context: PageContext): JSX.Element;
+    renderSettings(_context: PageContext): JSX.Element;
+}
+export declare class AnnouncementsBlock implements IBlock {
+    blockSettings: {
+        displayName: string;
+        isAddable: boolean;
+        logo: {
+            active: boolean;
+            url: string;
+        };
+        pagesActive: boolean;
+        pages: never[];
+        search: {
+            active: boolean;
+            placeholder: string;
+        };
+        shopping: boolean;
+        signUp: boolean;
+        fixedHeader: boolean;
+    };
+    blockColors: ColorVariables[];
+    constructor(blockSettings?: any);
+    renderPreview(_settings: Record<string, any>, _context: PageContext): JSX.Element;
+    renderBlock(_settings: Record<string, any>, _context: PageContext): JSX.Element;
+    renderSettings(_context: PageContext): JSX.Element;
+}
+export declare class FooterBlock implements IBlock {
+    blockSettings: {
+        displayName: string;
+        isAddable: boolean;
+        logo: {
+            active: boolean;
+            url: string;
+        };
+        pagesActive: boolean;
+        pages: never[];
+        search: {
+            active: boolean;
+            placeholder: string;
+        };
+        shopping: boolean;
+        signUp: boolean;
+        fixedHeader: boolean;
+    };
+    blockColors: ColorVariables[];
+    constructor(blockSettings?: any);
+    renderPreview(_settings: Record<string, any>, _context: PageContext): JSX.Element;
+    renderBlock(_settings: Record<string, any>, _context: PageContext): JSX.Element;
+    renderSettings(_context: PageContext): JSX.Element;
+}

package/dist/src/constants/color-variables.d.ts

@@ -0,0 +1,48 @@
+export declare enum ColorVariables {
+    ICON_LINK = "--icon-link",
+    ICON_ERROR = "--icon-error",
+    ICON_ACTION = "--icon-action",
+    ICON_PRIMARY = "--icon-primary",
+    ICON_SUCCESS = "--icon-success",
+    ICON_WARNING = "--icon-warning",
+    ICON_DISABLED = "--icon-disabled",
+    ICON_INVERTED = "--icon-inverted",
+    ICON_TERTIARY = "--icon-tertiary",
+    ICON_SECONDARY = "--icon-secondary",
+    ICON_ACTION_HOVER = "--icon-actionHover",
+    ICON_INFORMATION = "--icon-information",
+    TEXT_LINK = "--text-link",
+    TEXT_ERROR = "--text-error",
+    TEXT_ACTION = "--text-action",
+    TEXT_PRIMARY = "--text-primary",
+    TEXT_SUCCESS = "--text-success",
+    TEXT_WARNING = "--text-warning",
+    TEXT_DISABLED = "--text-disabled",
+    TEXT_INVERTED = "--text-inverted",
+    TEXT_TERTIARY = "--text-tertiary",
+    TEXT_SECONDARY = "--text-secondary",
+    TEXT_ACTION_HOVER = "--text-actionHover",
+    TEXT_INFORMATION = "--text-information",
+    BORDER_ERROR = "--border-error",
+    BORDER_FOCUS = "--border-focus",
+    BORDER_ACTION = "--border-action",
+    BORDER_PRIMARY = "--border-primary",
+    BORDER_SUCCESS = "--border-success",
+    BORDER_WARNING = "--border-warning",
+    BORDER_DISABLED = "--border-disabled",
+    BORDER_SECONDARY = "--border-secondary",
+    BORDER_ACTION_HOVER = "--border-actionHover",
+    BORDER_INFORMATION = "--border-information",
+    SURFACE_ERROR = "--surface-error",
+    SURFACE_MODAL = "--surface-modal",
+    SURFACE_ACTION1 = "--surface-action1",
+    SURFACE_ACTION2 = "--surface-action2",
+    SURFACE_PRIMARY = "--surface-primary",
+    SURFACE_SUCCESS = "--surface-success",
+    SURFACE_WARNING = "--surface-warning",
+    SURFACE_DISABLED = "--surface-disabled",
+    SURFACE_SECONDARY = "--surface-secondary",
+    SURFACE_INFORMATION = "--surface-information",
+    SURFACE_ACTION1_HOVER = "--surface-action1Hover",
+    SURFACE_ACTION2_HOVER = "--surface-action2Hover"
+}

package/dist/src/constants/device.d.ts

@@ -0,0 +1,6 @@
+import { IconNames } from './icon.ts';
+export type Device = {
+    icon: IconNames;
+    value: 'desktop' | 'tablet' | 'mobile';
+};
+export declare const devices: Device[];

package/dist/src/constants/font.d.ts

@@ -0,0 +1,3 @@
+import { Weight } from './theme-settings';
+export declare const sizeOptions: string[];
+export declare const weightOptions: Weight[];