@zeniai/web-components 4.4.70 → 4.4.71-beta0AN

package/dist/components/common/lazyLottie.d.ts

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent, PropsWithoutRef, Ref, RefAttributes } from 'react';
+import { LottieProps } from 'react-lottie-player';
+type PlayerProps = PropsWithoutRef<LottieProps>;
+type LottieInstance = LottieProps["ref"] extends Ref<infer Instance> | undefined ? Instance : never;
+export type LazyLottieComponent = ForwardRefExoticComponent<PlayerProps & RefAttributes<LottieInstance>>;
+export declare const LottiePlayerLight: LazyLottieComponent;
+export declare const LottiePlayer: LazyLottieComponent;
+export {};

package/dist/components/common/lazyReactPdf.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { Document as PdfDocument, Page as PdfPage } from 'react-pdf';
+type DocumentProps = ComponentPropsWithoutRef<typeof PdfDocument>;
+type PageProps = ComponentPropsWithoutRef<typeof PdfPage>;
+/**
+ * react-pdf's `Document` and `Page`, loaded on first render. Imported directly,
+ * react-pdf and pdf.js land in the first-load bundle of every app; through
+ * `import()` they load only where a PDF is shown. While the library loads,
+ * `Document` shows its own `loading` element, so the spinner is unchanged.
+ */
+export declare const Document: (props: DocumentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Page: (props: PageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/common/lazySvg.d.ts

@@ -0,0 +1,17 @@
+import { ComponentType, SVGProps } from 'react';
+type SvgProps = Omit<SVGProps<SVGSVGElement>, "ref">;
+/**
+ * An SVG component loaded on first render, for large SVGs (Figma exports that
+ * embed raster images as base64). Imported directly they compile into the main
+ * bundle and every page load downloads them; through `import()` each becomes
+ * its own chunk that loads only where it is shown. Same call sites and
+ * `styled()` wrappers as the directly imported component; renders nothing
+ * until its chunk arrives.
+ */
+export declare const lazySvg: (load: () => Promise<{
+    ReactComponent: ComponentType<SvgProps>;
+}>) => {
+    (props: SvgProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/formElements/autoCompleteSingleSelectField/AutoCompleteSingleSelectField.d.ts

@@ -31,6 +31,8 @@ export interface AutoCompleteSingleSelectFieldProps {
     autoFocus?: boolean;
     customStyleConfig?: StylesConfig<OptionType, false>;
     isDisabled?: DisableMode;
+    /** More options are still arriving; shows a loading row under the list. */
+    isLoadingMoreOptions?: boolean;
     menuIsOpen?: boolean;
     menuPortal?: HTMLElement | null;
     placeholder?: string;
@@ -46,7 +48,7 @@ export interface AutoCompleteSingleSelectFieldProps {
     valueToId?: (value: string) => ID | undefined;
     valueToInfo?: (value: string) => string;
 }
-export declare const AutoCompleteSingleSelectField: ({ name, registerOptions, defaultValue, isDisabled, style, autoFocus, menuIsOpen, onMenuClose, placeholder, valueToInfo, valueToId, customStyleConfig, showDownChevronWithValue, shouldShowChevronIcon, allowEmpty, menuPortal, disableCurrentOption, loadOptions, }: AutoCompleteSingleSelectFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AutoCompleteSingleSelectField: ({ name, registerOptions, defaultValue, isDisabled, isLoadingMoreOptions, style, autoFocus, menuIsOpen, onMenuClose, placeholder, valueToInfo, valueToId, customStyleConfig, showDownChevronWithValue, shouldShowChevronIcon, allowEmpty, menuPortal, disableCurrentOption, loadOptions, }: AutoCompleteSingleSelectFieldProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * internal Styled components
  */

package/dist/components/formElements/singleSelectPickerField/SingleSelectPickerField.d.ts

@@ -37,6 +37,8 @@ export interface SingleSelectPickerFieldProps {
     customStyleConfig?: StylesConfig<OptionType, false>;
     isClearable?: boolean;
     isDisabled?: DisableMode;
+    /** More options are still arriving; shows a loading row under the list. */
+    isLoadingMoreOptions?: boolean;
     isOptionRemovable?: boolean;
     isSearchable?: boolean;
     maxMenuHeight?: number;

package/dist/components/invoicing/createInvoice/InvoicingCreateInvoicePage.d.ts

@@ -19,6 +19,8 @@ export interface InvoicingCreateInvoicePlanNameOption {
 }
 export interface InvoicingCreateInvoicePageProps {
     customers: InvoicingCreateInvoiceCustomerOption[];
+    /** More customer pages are still loading; `customers` is partial. */
+    isCustomerListLoading: boolean;
     isSubmitting: boolean;
     localData: InvoicingCreateInvoiceFormLocalData;
     errorMessage?: string;
@@ -38,5 +40,5 @@ export interface InvoicingCreateInvoicePageProps {
  * draft (`localData`), syncing every change back via `onChange`; `onSubmit`
  * signals intent and the request is derived from the draft in CES.
  */
-export declare function InvoicingCreateInvoicePage({ customers, fieldHelp, errorMessage, isSubmitting, localData, onBack, onCancel, onChange, onSubmit, planNames, settings, }: Readonly<InvoicingCreateInvoicePageProps>): import("react/jsx-runtime").JSX.Element;
+export declare function InvoicingCreateInvoicePage({ customers, fieldHelp, errorMessage, isCustomerListLoading, isSubmitting, localData, onBack, onCancel, onChange, onSubmit, planNames, settings, }: Readonly<InvoicingCreateInvoicePageProps>): import("react/jsx-runtime").JSX.Element;
 export default InvoicingCreateInvoicePage;

package/dist/components/invoicing/subscriptionForm/InvoicingSubscriptionFormPage.d.ts

@@ -5,6 +5,8 @@ export type { InvoicingSubscriptionFormOption } from './subscriptionForm.shared'
 export interface InvoicingSubscriptionFormPageProps {
     /** Save opens this cost review first; its own Save runs `onSubmit`. */
     estimate: InvoicingSubscriptionEstimateView;
+    /** More customer pages are still loading; `customers` is partial. */
+    isCustomerListLoading: boolean;
     isSubmitting: boolean;
     localData: InvoicingSubscriptionFormLocalData;
     mode: "create" | "edit";
@@ -38,5 +40,5 @@ export interface InvoicingSubscriptionFormPageProps {
  * primitives. The draft flows from CES (`localData`) and is synced back on every
  * change; the shipping address is captured via the shared Address screen.
  */
-export declare function InvoicingSubscriptionFormPage({ fieldHelp, addons, charges, coupons, customers, errorMessage, isLoading, isSubmitting, localData, mode, estimate, onBack, onCancel, onChange, onCloseEstimate, onOpenAddress, onRequestEstimate, onSubmit, plans, shippingAddressLabel, }: Readonly<InvoicingSubscriptionFormPageProps>): import("react/jsx-runtime").JSX.Element;
+export declare function InvoicingSubscriptionFormPage({ fieldHelp, addons, charges, coupons, customers, errorMessage, isCustomerListLoading, isLoading, isSubmitting, localData, mode, estimate, onBack, onCancel, onChange, onCloseEstimate, onOpenAddress, onRequestEstimate, onSubmit, plans, shippingAddressLabel, }: Readonly<InvoicingSubscriptionFormPageProps>): import("react/jsx-runtime").JSX.Element;
 export default InvoicingSubscriptionFormPage;

package/dist/components/invoicing/subscriptionForm/subscriptionForm.shared.d.ts

@@ -43,6 +43,10 @@ export type SubscriptionFormValues = Omit<InvoicingSubscriptionFormLocalData, "a
     startedAt: Date | undefined;
     trialEnd: Date | undefined;
 };
+export declare const toPickerOptions: (options: InvoicingSubscriptionFormOption[]) => {
+    label: string;
+    value: string;
+}[];
 /** Whether the option takes a quantity; a flat fee bills its price once. */
 export declare const subscriptionOptionHasQuantity: (options: InvoicingSubscriptionFormOption[], priceCode: string | undefined) => boolean;
 /** Value→label lookup for the add-on / one-time-charge multi-selects. */