@billgangcom/theme-lib 1.68.0 → 1.69.1

package/dist/storefront/models/subscription.d.ts

@@ -0,0 +1,129 @@
+import { PartOrder } from './order';
+import { Price } from './price';
+export type PostSubscriptionRequest = {
+    customerEmail: string;
+    gateway: string;
+    partOrder: PartOrder;
+    recaptcha: string;
+    coupon?: string | null;
+    customFields: Record<string, string>;
+    discordSocialConnectId?: string | null;
+    referralCode?: string | null;
+};
+export declare enum SubscriptionStatus {
+    RIAL = "RIAL",
+    AWAITING_PAYMENT = "AWAITING_PAYMENT",
+    ACTIVE = "ACTIVE",
+    PAST_DUE = "PAST_DUE",
+    CANCELLED = "CANCELLED",
+    EXPIRED = "EXPIRED",
+    CHANGED_GATEWAY = "CHANGED_GATEWAY",
+    REPLACED = "REPLACED"
+}
+export interface SubscriptionItem {
+    id: string;
+    productName: string;
+    status: SubscriptionStatus;
+    price: Price;
+    gatewayName: string;
+    createdAt: string;
+    accessToken: string;
+    recurringInterval: string;
+    currentChargeAttempt: number;
+    nextChargeAttemptAt?: string;
+    activeTo?: string;
+}
+export interface SubscriptionCoupon {
+    isFixed: boolean;
+    discount: number;
+    name: string;
+    initialCouponDurationForSubscriptions?: number;
+    currentCouponDurationForSubscriptions?: number;
+}
+interface SubscriptionSettings {
+    price: Price;
+    recurringIntervalDays: number;
+}
+interface CustomField {
+    name: string;
+    required: boolean;
+    placeholder: string;
+    defaultValue: string;
+    regex: string;
+    type: string;
+}
+interface ProductVariantData {
+    id: number;
+    name: string;
+    description?: string;
+    shortDescription?: string;
+    price: Price;
+    chargeTypes: string[];
+    subscriptionSettings: SubscriptionSettings;
+    quantity: {
+        restrictions: any;
+    };
+    deliveryTime: number;
+    gateways: {
+        name: string;
+    }[];
+    customFields: CustomField[];
+    warranty?: {
+        text: string;
+        durationMilliseconds: number;
+    };
+    discordSettings: {
+        isEnabled: boolean;
+        isRequired: boolean;
+    };
+}
+interface Type {
+    id: string;
+    name: string;
+    productVariants: {
+        data: ProductVariantData;
+        position: number;
+        isHighlighted: boolean;
+    }[];
+    position: number;
+}
+interface SubscriptionUpgradePlansData {
+    id: string;
+    name: string;
+    description: string;
+    types: Type[];
+}
+export interface SubscriptionUpgradePlans {
+    data: SubscriptionUpgradePlansData;
+}
+export interface SubscriptionGatewayInfo {
+    card?: {
+        brand: string;
+        last4: string;
+        expires: string;
+    };
+}
+export interface SubscriptionFullItem {
+    id: string;
+    productName: string;
+    status: SubscriptionStatus;
+    price: Price;
+    gatewayName: string;
+    createdAt: string;
+    accessToken: string;
+    recurringInterval: string;
+    currentChargeAttempt: number;
+    nextChargeAttemptAt?: string;
+    activeTo?: string;
+    productDescription?: string;
+    productImage?: {
+        id: number;
+        cfId: string;
+    };
+    availableGateways: string[];
+    gatewayInfo?: SubscriptionGatewayInfo;
+    coupon?: SubscriptionCoupon;
+    variantId: number;
+    pricingPlanExists: boolean;
+}
+export {};

package/dist/storefront/models/transaction.d.ts

@@ -0,0 +1,12 @@
+import { Price } from './price';
+export declare enum TransactionStatus {
+    ADDED = "ADDED",
+    REMOVED = "REMOVED"
+}
+export interface Transaction {
+    id: string;
+    price: Price;
+    createdAt: string;
+    description: string;
+    status: TransactionStatus;
+}

package/dist/storefront/store/index.d.ts

@@ -0,0 +1,6 @@
+export * from './useCustomerDashboardStore';
+export * from './useStorefrontStore';
+export * from './useCartStore';
+export * from './usePaginationPagesStore';
+export * from './useDiscordStore';
+export * from './useSubscriptionStore';

package/dist/storefront/store/useCartStore.d.ts

@@ -0,0 +1,24 @@
+import type { OrderRequest } from '@storefront/models';
+import { Product } from '../../abstractions';
+export type ValidateCouponApiData = {
+    restrictToProductIds?: number[];
+    isFixed?: boolean;
+    discount?: number;
+};
+interface Options {
+    cart: OrderRequest;
+    products: Product[];
+    coupon: ValidateCouponApiData | null;
+    pending: boolean;
+    applyCouponPending: boolean;
+    customerEmail: string | null;
+    recaptcha: string;
+    setCart: (updater: OrderRequest | ((prev: OrderRequest) => OrderRequest)) => void;
+    setProducts: (updater: Product[] | ((prev: Product[]) => Product[])) => void;
+    setCoupon: (coupon: ValidateCouponApiData | null) => void;
+    setPending: (pending: boolean) => void;
+    setApplyCouponPending: (pending: boolean) => void;
+    setRecaptcha: (recaptcha: string) => void;
+}
+export declare const useCartStore: import("zustand").UseBoundStore<import("zustand").StoreApi<Options>>;
+export {};

package/dist/storefront/store/useCustomerDashboardStore.d.ts

@@ -0,0 +1,34 @@
+import { Routes } from '@storefront/constants';
+import { BalanceTopUpSettings, GatewayDetail } from '@storefront/models';
+export interface DashInfo {
+    email: string;
+    id: number;
+}
+interface Balance {
+    amount: number;
+    currency: string;
+}
+interface Options {
+    route: Routes;
+    setRoute: (route: Routes) => void;
+    token: string | null;
+    setToken: (token: string | null) => void;
+    otpRequest: {
+        requested: boolean;
+        email: string;
+    };
+    setOtpRequest: (otpRequest: {
+        requested: boolean;
+        email: string;
+    }) => void;
+    balanceSettings: BalanceTopUpSettings | null;
+    setBalanceSettings: (balanceSettings: BalanceTopUpSettings | null) => void;
+    gatewaysDetail: GatewayDetail[] | null;
+    setGatewaysDetail: (gatewaysDetail: GatewayDetail[] | null) => void;
+    dashInfo: DashInfo | null;
+    setDashInfo: (dashInfo: DashInfo | null) => void;
+    balance: Balance | null;
+    setBalance: (balance: Balance | null) => void;
+}
+export declare const useCustomerDashboardStore: import("zustand").UseBoundStore<import("zustand").StoreApi<Options>>;
+export {};

package/dist/storefront/store/useDiscordStore.d.ts

@@ -0,0 +1,7 @@
+import { CustomerDiscordConnection } from '@storefront/models';
+interface Options {
+    discordInfo: CustomerDiscordConnection | null;
+    setDiscordInfo: (discordInfo: CustomerDiscordConnection | null) => void;
+}
+export declare const useDiscordStore: import("zustand").UseBoundStore<import("zustand").StoreApi<Options>>;
+export {};

package/dist/storefront/store/usePaginationPagesStore.d.ts

@@ -0,0 +1,6 @@
+interface Options {
+    page: number;
+    setPage: (page: number) => void;
+}
+export declare const usePaginationPagesStore: import("zustand").UseBoundStore<import("zustand").StoreApi<Options>>;
+export {};

package/dist/storefront/store/useStorefrontStore.d.ts

@@ -0,0 +1,21 @@
+import { ShopInfo, ShopPrivacyPolicy, ShopRefundPolicy, ShopTerms } from '@storefront/models';
+interface StorefrontOptions {
+    token: string | null;
+    setToken: (token: string | null) => void;
+    shopDomain: string;
+    setShopDomain: (domain: string) => void;
+    shopId: string;
+    setShopId: (id: string) => void;
+    shopPassword: string;
+    setShopPassword: (password: string) => void;
+    shopGeneral: ShopInfo | null;
+    setShopGeneral: (general: ShopInfo | null) => void;
+    shopTerms: ShopTerms | null;
+    setShopTerms: (terms: ShopTerms | null) => void;
+    shopPrivacyPolicy: ShopPrivacyPolicy | null;
+    setShopPrivacyPolicy: (policy: ShopPrivacyPolicy | null) => void;
+    shopRefundPolicy: ShopRefundPolicy | null;
+    setShopRefundPolicy: (policy: ShopRefundPolicy | null) => void;
+}
+export declare const useStorefrontStore: import("zustand").UseBoundStore<import("zustand").StoreApi<StorefrontOptions>>;
+export {};

package/dist/storefront/store/useSubscriptionStore.d.ts

@@ -0,0 +1,7 @@
+import type { SubscriptionFullItem } from '@storefront/models';
+interface Options {
+    subscription: SubscriptionFullItem | null;
+    setSubscription: (subscription: SubscriptionFullItem | null) => void;
+}
+export declare const useSubscriptionStore: import("zustand").UseBoundStore<import("zustand").StoreApi<Options>>;
+export {};

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

@@ -0,0 +1,5 @@
+interface ActiveBadgeProps {
+    className?: string;
+}
+export declare const ActiveBadge: React.FC<ActiveBadgeProps>;
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    totalSteps: number;
+    step: number;
+    onStepChange: (step: number) => void;
+    label?: string;
+}
+export declare const InputRange: React.FC<Props>;
+export {};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ProgressBarProps {
+    percent: number;
+    color?: string;
+    disablePercentLabel?: boolean;
+}
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+export {};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface RatingProps {
+    rating: number;
+    setRating: (value: number) => void;
+    disabled?: boolean;
+}
+export declare const Rating: React.FC<RatingProps>;
+export {};

package/dist/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/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/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/storefront/utils/recapcha.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import ReCAPTCHA from 'react-google-recaptcha';
+export declare const SITE_KEY = "6LdQiIIpAAAAAAkhvhS9zuo5WNS5mAzZrALD9cCa";
+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/ui/Button/index.d.ts

@@ -1,5 +1,5 @@
 type Size = 's' | 'm' | 'l';
-export type TypeButton = 'Primary' | 'Secondary' | 'Tertiary';
+export type TypeButton = 'Primary' | 'Secondary' | 'Tertiary' | 'Special';
 interface Props {
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     style?: React.CSSProperties;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Other, Tags } from '../OtherSettings';
-import { AspectRatio } from '@constants';
+import { AspectRatio } from '@builder/constants';
 interface ItemBase {
     images: string[];
     name: string;

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

@@ -18,6 +18,8 @@ interface Props {
     centered?: boolean;
     maxSymbols?: number;
     onFocus?: () => void;
+    rightIcon?: React.ReactNode;
+    leftIcon?: React.ReactNode;
 }
 export declare const Input: React.FC<Props>;
 export {};

package/dist/ui/ItemsSettings/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ModalOption } from './popup';
 import { Other } from '../OtherSettings';
-import { AspectRatio } from '@constants';
+import { AspectRatio } from '@builder/constants';
 export interface ItemBase {
     images: string[];
     name: {

package/dist/ui/ListingSelector/index.d.ts

@@ -1,5 +1,5 @@
 import { Other } from '../OtherSettings';
-import { AspectRatio } from '@constants';
+import { AspectRatio } from '@builder/constants';
 export interface ProductData {
     id: number;
     link: {

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

@@ -0,0 +1,4 @@
+interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const Loader: React.FC<LoaderProps>;
+export {};

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

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

package/dist/ui/Select/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface Props {
+    style?: React.CSSProperties;
+    onChange: (value: string) => void;
+    label?: string;
+    value: string;
+    options: string[];
+    switcher?: {
+        value: boolean;
+        onChange: (value: boolean) => void;
+    };
+    isSearch?: boolean;
+    postfixs?: string[];
+    leftAddonOptions?: {
+        value: string;
+        addon: React.ReactNode;
+    }[];
+}
+export declare const Select: React.FC<Props>;
+export {};

package/dist/ui/Select/utils/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function useOnClickOutside<T extends HTMLElement>(ref: React.RefObject<T>, handler: (event: MouseEvent | TouchEvent) => void): void;

package/dist/ui/index.d.ts

@@ -18,8 +18,11 @@ export * from './Link';
 export * from './ProductCardButtons';
 export * from './MetaInfoPost';
 export * from './ProductCardModal';
+export * from './Loader';
 export * from '../builder/ui';
 export { Input as InputSettings } from '../builder/ui/Input';
 export { Input as InputUI } from './Input';
 export { Textarea as TextareaSettings } from '../builder/ui/Textarea';
 export { Textarea as TextareaUI } from './Textarea';
+export { Select as SelectUI } from './Select';
+export { Radio as RadioUI } from './Radio';