@billgangcom/theme-lib 1.110.4 → 1.110.6

package/dist/src/storefront/ui/Timer/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface TimerProps {
+    expiresAt: Date;
+}
+export declare const Timer: React.FC<TimerProps>;
+export {};

package/dist/src/storefront/ui/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ActiveBadge';
+export * from './Timer';
+export * from './ProgressBar';
+export * from './Rating';
+export * from './InputRange';

package/dist/src/storefront/utils/MarkdownText.d.ts

@@ -0,0 +1,5 @@
+interface MarkdownTextProps {
+    text: string;
+}
+export declare const MarkdownText: React.FC<MarkdownTextProps>;
+export {};

package/dist/src/storefront/utils/checkParams.d.ts

@@ -0,0 +1,5 @@
+export declare function checkParams(): {
+    page: string | null;
+    action: string | null;
+};
+export declare function processUrlParams(): void;

package/dist/src/storefront/utils/checkToken.d.ts

@@ -0,0 +1 @@
+export declare function checkToken(): void;

package/dist/src/storefront/utils/clearQueryParams.d.ts

@@ -0,0 +1 @@
+export declare function clearQueryParams(): void;

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

@@ -0,0 +1,16 @@
+type ClassName = string | undefined | false | null;
+interface PriceSchema {
+    amount: number;
+    currency?: string;
+    quantity?: number;
+}
+export declare const ccn: (...classNames: ClassName[]) => string;
+export declare const convertCfImageIdToUrl: (cfImageId: string, imageWidth?: string) => string;
+export declare const formatPrice: (price: PriceSchema) => string;
+export declare const percentageDifference: (oldValue: number, newValue: number) => number;
+export declare const normalizeInterval: (recurringIntervalDays: number) => string;
+export declare const formatTimestamp: (timestamp: number | string) => string;
+export declare const extractDateAndTime: (isoTime: string) => string[];
+export declare const fromLocalStorage: <T>(key: string) => T | null;
+export declare const toLocalStorage: (key: string, value: unknown) => void;
+export {};

package/dist/src/storefront/utils/parseDraftJsText.d.ts

@@ -0,0 +1 @@
+export declare const parseDraftJsText: (text: string) => string;

package/dist/src/storefront/utils/recapcha.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import ReCAPTCHA from 'react-google-recaptcha';
+export declare const SITE_KEY = "6LdQiIIpAAAAAAkhvhS9zuo5WNS5mAzZrALD9cCa";
+export declare const ANTISTOCK_SITE_KEY = "6Ld0EgYrAAAAAF5_Zqm8S4ZrbCZu6s1u7evUlL3l";
+type ReCaptchaContextType = {
+    recaptchaRef: React.RefObject<ReCAPTCHA>;
+    executeRecaptcha: () => Promise<string | null>;
+};
+export declare const ReCaptchaProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useReCaptcha: () => ReCaptchaContextType;
+export {};

package/dist/src/storefront/utils/resizeManager.d.ts

@@ -0,0 +1,12 @@
+type Callback = (width: number) => void;
+declare class ResizeManager {
+    private observer;
+    private callbacks;
+    constructor();
+    private handleWindowResize;
+    observe(element: HTMLElement, callback: Callback): void;
+    unobserve(element: HTMLElement, callback?: Callback): void;
+    disconnect(): void;
+}
+declare const resizeManager: ResizeManager;
+export default resizeManager;

package/dist/src/storefront/utils/showNotification.d.ts

@@ -0,0 +1,3 @@
+import type { Notification } from '@constants';
+export declare const removeNotification: (id: string) => void;
+export declare const showNotification: (notification: Omit<Notification, "id">) => string;

package/dist/src/storefront/utils/stable-text.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface StableTextProps {
+    children: string;
+    className?: string;
+    as?: keyof JSX.IntrinsicElements;
+    [key: string]: any;
+}
+/**
+ * Компонент для стабилизации текста, чтобы избежать проблем с автопереводчиком
+ * Работает путем рендеринга текста в HTML canvas вместо обычного текстового узла
+ * или используя специальную технику для стабилизации обычного текста
+ */
+export declare const StableText: React.FC<StableTextProps>;
+/**
+ * Компонент-обертка для кнопки, который делает её текст устойчивым к автопереводчику
+ */
+export declare const StableButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    children: string;
+}>;
+export default StableText;

package/dist/src/storefront/utils/useAdaptiveStyles.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function useAdaptiveStyles(ref: React.RefObject<HTMLElement>): string;

package/dist/src/storefront/utils/useBalance.d.ts

@@ -0,0 +1,2 @@
+import { type Balance } from "@storefront/store";
+export declare const useBalance: () => Balance | null;

package/dist/src/storefront/utils/useCart.d.ts

@@ -0,0 +1 @@
+export * from '../hooks/useCart';

package/dist/src/storefront/utils/useGeneralInfo.d.ts

@@ -0,0 +1,4 @@
+export declare const useGeneralInfo: () => {
+    isAntistock: boolean;
+    general: import("../models").ShopInfo | null;
+};

package/dist/src/storefront/utils/useMarkdownIt.d.ts

@@ -0,0 +1,2 @@
+import MarkdownIt from 'markdown-it';
+export declare const useMarkdownIt: () => MarkdownIt;

package/dist/src/storefront/utils/useTrackingAnalytics.d.ts

@@ -0,0 +1,2 @@
+export declare const useGetTsId: () => string | null;
+export declare const useTrackingAnalytics: (shopId: string | null, env?: "development" | "production", isAntistock?: boolean) => void;

package/dist/src/ui/Accordion/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    title: string;
+    content: string;
+    defaultOpen?: boolean;
+}
+export declare const Accordion: React.FC<Props>;
+export {};

package/dist/src/ui/AlignText/index.d.ts

@@ -0,0 +1,7 @@
+export type AlignText = 'left' | 'center' | 'right';
+interface Props {
+    alignText: AlignText;
+    setAlignText: (value: AlignText) => void;
+}
+export declare const AlignText: React.FC<Props>;
+export {};

package/dist/src/ui/BuilderModal/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    close: (value: boolean) => void;
+    children: React.ReactNode;
+    withAnimation?: boolean;
+    hasPadding?: boolean;
+}
+export declare const BuilderModal: React.FC<Props>;
+export {};

package/dist/src/ui/Button/index.d.ts

@@ -0,0 +1,16 @@
+type Size = 's' | 'm' | 'l';
+export type TypeButton = 'Primary' | 'Secondary' | 'Tertiary' | 'Special';
+interface Props {
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    size?: Size;
+    type?: TypeButton;
+    dangerouslySetInnerHTML?: {
+        __html: string | JSX.Element[];
+    };
+}
+export declare const Button: React.FC<Props>;
+export {};

package/dist/src/ui/ButtonSettings/index.d.ts

@@ -0,0 +1,14 @@
+type Size = 's' | 'm' | 'l';
+export type TypeButton = 'Primary' | 'Secondary' | 'Tertiary';
+interface Props {
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    size?: Size;
+    type?: TypeButton;
+    withoutHover?: boolean;
+}
+export declare const ButtonSettings: React.FC<Props>;
+export {};

package/dist/src/ui/ButtonTypeSettings/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ButtonType } from '../ButtonsSettings';
+interface Props {
+    buttons: ButtonType[];
+    setButtons: (value: ButtonType[]) => void;
+    deletable?: boolean;
+    addable?: boolean;
+    editableLink?: boolean;
+}
+export declare const ButtonTypeSettings: React.FC<Props>;
+export {};

package/dist/src/ui/ButtonsSettings/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { TextType } from '../TypesText';
+import { TypeButton } from '../Button';
+export type Destination = 'Open Link' | 'Go to Page';
+export interface ButtonType {
+    image?: string;
+    type: TypeButton;
+    id: string;
+    typesText: TextType[];
+    destination: Destination;
+    link?: string;
+    text: {
+        'en-US': string;
+    };
+    page: string;
+    openInNewTab: boolean;
+}
+interface Props {
+    isActiveButtons: boolean;
+    setIsActiveButtons: (value: boolean) => void;
+    buttons: ButtonType[];
+    setButtons: (value: ButtonType[]) => void;
+    editableLink?: boolean;
+    addable?: boolean;
+    deletable?: boolean;
+}
+export declare const ButtonsSettings: React.FC<Props>;
+export {};

package/dist/src/ui/ButtonsSettings/popup.d.ts

@@ -0,0 +1,13 @@
+import { ButtonType } from '.';
+import React from 'react';
+interface Props {
+    activeButton: ButtonType;
+    setActiveButton: (value: ButtonType | null) => void;
+    popupPosition: {
+        top: number;
+        left: number;
+    };
+    editableLink?: boolean;
+}
+export declare const ButtonPopup: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/ui/CategorySettings/index.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Other, Tags } from '../OtherSettings';
+import { AspectRatio } from '@constants';
+interface ItemBase {
+    images: string[];
+    name: string;
+    id: number;
+}
+interface CommomPropsBase {
+    isActiveItems?: boolean;
+    setIsActiveItems?: (value: boolean) => void;
+    items: number[];
+    setItems: (value: number[]) => void;
+    title?: string;
+    subtitle?: string;
+    editable?: boolean;
+    draggable?: boolean;
+    withImage?: boolean;
+    deletable?: boolean;
+    addable?: boolean;
+    other?: Other[];
+    addableOptions?: Record<string, any>;
+    tags?: Tags[];
+    hasRangeSelector?: boolean;
+    rangeSelectorOptions?: {
+        count: number;
+        setCount: (value: number) => void;
+        min?: number;
+        max?: number;
+        step?: number;
+        label?: string;
+    };
+    limit?: number;
+    aspectRatio?: AspectRatio;
+    setAspectRatio?: (value: AspectRatio) => void;
+    autoScrollInterval?: {
+        setScrollInterval: React.Dispatch<React.SetStateAction<number>>;
+        scrollInterval: number;
+    };
+}
+interface SelectProps<T extends ItemBase> extends CommomPropsBase {
+    itemsType: 'select';
+    itemsPlaceholder?: never;
+    itemsOptions: T[];
+}
+type Props<T extends ItemBase> = SelectProps<T>;
+export declare const CategorySettings: <T extends ItemBase>(props: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ui/Checkbox/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    value: boolean;
+    onChange: (value: boolean) => void;
+}
+export declare const Checkbox: React.FC<Props>;
+export {};

package/dist/src/ui/ChooseImage/api/index.d.ts

@@ -0,0 +1,2 @@
+export declare const getImages: () => Promise<import("@api").RequestResponse<any>>;
+export declare const updateImages: (formData: FormData) => Promise<import("@api").RequestResponse<any>>;

package/dist/src/ui/ChooseImage/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface Props {
+    label?: string;
+    onChange: (images: string[]) => void;
+    activeImage?: string;
+    tip?: string;
+}
+export declare const ChooseImage: React.FC<Props>;
+export interface Image {
+    cfId: string;
+    createdAt: string;
+    fileName: string;
+    id: number;
+    isSelected: boolean;
+}
+export declare const ChooseImageModal: React.FC;
+export {};

package/dist/src/ui/ConfirmationModal/index.d.ts

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

package/dist/src/ui/ErrorableBlock/index.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    error: string;
+}
+export declare const ErrorableBlock: React.FC<Props>;
+export {};

package/dist/src/ui/FormSettings/index.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import { ModalOption } from './popup';
+import { Other } from '../OtherSettings';
+import { ItemBase } from '..';
+interface CommomPropsBase<T extends ItemBase> {
+    isActiveItems?: boolean;
+    setIsActiveItems?: (value: boolean) => void;
+    items: T[];
+    setItems: (value: T[]) => void;
+    title?: string;
+    subtitle?: string;
+    editable?: boolean;
+    draggable?: boolean;
+    withImage?: boolean;
+    deletable?: boolean;
+    addable?: boolean;
+    other?: Other[];
+    addableOptions?: Record<string, any>;
+    hasRangeSelector?: boolean;
+    rangeSelectorOptions?: {
+        count: number;
+        setCount: (value: number) => void;
+        min?: number;
+        max?: number;
+        step?: number;
+        label?: string;
+    };
+    limit?: number;
+    modalOptions?: ModalOption<T>[];
+    autoScrollInterval?: {
+        setScrollInterval: React.Dispatch<React.SetStateAction<number>>;
+        scrollInterval: number;
+    };
+}
+interface SelectProps<T extends ItemBase> extends CommomPropsBase<T> {
+    itemsType: 'select';
+    itemsPlaceholder?: never;
+    itemsOptions: string[];
+}
+interface InputProps<T extends ItemBase> extends CommomPropsBase<T> {
+    itemsType: 'input';
+    itemsPlaceholder?: string;
+    itemsOptions?: never;
+}
+interface ImageProps<T extends ItemBase> extends CommomPropsBase<T> {
+    itemsType: 'image';
+    itemsPlaceholder?: never;
+    itemsOptions?: never;
+}
+type Props<T extends ItemBase> = SelectProps<T> | InputProps<T> | ImageProps<T>;
+export interface FormItem extends ItemBase {
+    placeholder?: {
+        'en-US': string;
+    };
+    title?: {
+        'en-US': string;
+    };
+    type?: 'String' | 'Number';
+    maxSymbols: number;
+    withTitle?: boolean;
+    role?: string;
+    hasRole?: boolean;
+}
+export declare const FormSettings: (props: Props<FormItem>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/ui/FormSettings/popup.d.ts

@@ -0,0 +1,70 @@
+import { ItemBase } from '..';
+import React from 'react';
+interface ImageOption<T> {
+    type: 'image';
+    label?: string;
+    field: keyof T;
+}
+interface TextOption<T> {
+    type: 'text';
+    label?: string;
+    field: {
+        type: keyof T;
+        text: keyof T;
+        alignText: keyof T;
+    };
+}
+interface InputOption<T> {
+    type: 'input';
+    label?: string;
+    field: keyof T;
+    placeholder?: string;
+}
+interface InputNumberOption<T> {
+    type: 'inputNumber';
+    label?: string;
+    field: keyof T;
+    placeholder?: string;
+}
+interface InputSwitchOption<T> {
+    type: 'inputSwitch';
+    inputLabel?: string;
+    switchLabel?: string;
+    field: {
+        text: keyof T;
+        switch: keyof T;
+    };
+    placeholder?: string;
+}
+interface ListOption<T> {
+    type: 'list';
+    label?: string;
+    field: keyof T;
+    draggable?: boolean;
+    deletable?: boolean;
+    itemsOptions: T[];
+}
+interface SelectOption<T> {
+    type: 'select';
+    label?: string;
+    field: keyof T;
+    itemsOptions: string[];
+    leftAddonOptions?: {
+        value: string;
+        addon: React.ReactNode;
+    }[];
+    switcher?: string;
+}
+export type ModalOption<T> = ImageOption<T> | TextOption<T> | InputOption<T> | InputSwitchOption<T> | ListOption<T> | SelectOption<T> | InputNumberOption<T>;
+interface Props<T extends ItemBase> {
+    activeItem: T;
+    setActiveItem: (value: T | null) => void;
+    popupPosition: {
+        top: number;
+        left: number;
+    };
+    setIsOpenModal: React.Dispatch<React.SetStateAction<boolean>>;
+    modalOptions: ModalOption<T>[];
+}
+export declare const ItemPopup: React.ForwardRefExoticComponent<Props<ItemBase> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/ui/GroupCardModal/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { PageContext } from '../../abstractions';
+import { ListingData } from '..';
+interface ModalProps {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    pageContext: PageContext;
+    groupData: ListingData<'GROUP'>['groupData'];
+    setProductId: React.Dispatch<React.SetStateAction<number | null>>;
+    setIsProductModalOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setShowDropdown: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const GroupCardModal: React.FC<ModalProps>;
+export {};

package/dist/src/ui/HeaderButtons/index.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { Product } from '../../abstractions';
+interface Props {
+    shopping: boolean;
+    signUp: boolean;
+    isShowUserInfo?: boolean;
+}
+export declare const HeaderButtons: React.FC<Props>;
+export declare const ShoppingButton: React.FC;
+interface ActiveProduct extends Product {
+    activeVariantId?: number;
+    quantity?: number;
+    chargeType: 'ONE_TIME' | 'RECURRING';
+}
+interface ShoppingModalCartProps {
+    activeProducts: ActiveProduct[];
+    isCartNotEmpty: boolean;
+    isOpen: boolean;
+    close: () => void;
+}
+export declare const ShoppingModalCart: React.FC<ShoppingModalCartProps>;
+export declare const EmptyCart: React.FC;
+export declare const UserInfo: React.FC<{
+    signUp: boolean;
+    close?: () => void;
+}>;
+interface PagesMobileModalProps extends PagesMobileMenuProps {
+    setIsOpen: (isOpen: boolean) => void;
+}
+export declare const PagesMobileModal: React.FC<PagesMobileModalProps>;
+interface PagesMobileMenuProps {
+    logo: JSX.Element;
+    signUp: boolean;
+    pages: {
+        id: string;
+        name: {
+            'en-US': string;
+        };
+        path: string;
+    }[];
+}
+export declare const PagesMobileMenu: React.FC<PagesMobileMenuProps>;
+interface BurgerMenuButtonProps {
+    setIsOpenModal: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const BurgerMenuButton: React.FC<BurgerMenuButtonProps>;
+export {};

package/dist/src/ui/Icon/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Props {
+    style?: React.CSSProperties;
+    name: string;
+    fill?: string;
+    hoverable?: boolean;
+    onClick?: React.MouseEventHandler<SVGSVGElement>;
+    className?: string;
+    width?: number;
+    height?: number;
+}
+export declare const Icon: React.FC<Props>;
+export {};

package/dist/src/ui/Input/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface Props {
+    style?: React.CSSProperties;
+    placeholder?: string;
+    onChange: (value: string) => void;
+    label?: string;
+    value: string;
+    type?: 'text' | 'number' | 'password';
+    min?: number;
+    max?: number;
+    disabled?: boolean;
+    required?: boolean;
+    regex?: string;
+    paddingless?: boolean;
+    borderless?: boolean;
+    editable?: boolean;
+    isSearch?: boolean;
+    centered?: boolean;
+    maxSymbols?: number;
+    onFocus?: () => void;
+    rightIcon?: React.ReactNode;
+    leftIcon?: React.ReactNode;
+}
+export declare const Input: React.FC<Props>;
+export {};

package/dist/src/ui/InputSettings/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+interface Props {
+    style?: React.CSSProperties;
+    placeholder?: string;
+    onChange: (value: string) => void;
+    label?: string;
+    value: string;
+    type?: 'text' | 'number';
+    min?: number;
+    max?: number;
+    disabled?: boolean;
+    required?: boolean;
+    regex?: string;
+    paddingless?: boolean;
+    borderless?: boolean;
+    editable?: boolean;
+    isSearch?: boolean;
+    postfix?: string;
+    id?: string;
+}
+export declare const InputSettings: React.FC<Props>;
+export {};