@kiva/kv-components 7.6.3 → 8.0.0

package/dist/vue/KvClassicLoanCard.vue.d.ts

@@ -0,0 +1,2120 @@
+import { PropType } from 'vue';
+import { GetCookieFn, SetCookieFn } from '../utils/loanUtils';
+import { CombinedActivity } from './KvLoanActivities.vue';
+export declare const KV_CLASSIC_LOAN_CARD_FRAGMENT: import('graphql').DocumentNode;
+export declare const KV_CLASSIC_LOAN_CARD_USER_FRAGMET: import('graphql').DocumentNode;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    loanId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    loan: {
+        type: ObjectConstructor;
+        default: any;
+    };
+    customLoanDetails: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    categoryPageName: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableFiveDollarsNotes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isAdding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isVisitor: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    basketItems: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    isBookmarked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    kvTrackFunction: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    photoPath: {
+        type: StringConstructor;
+        required: true;
+    };
+    showViewLoan: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    externalLinks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    route: {
+        type: ObjectConstructor;
+        default: any;
+    };
+    userBalance: {
+        type: StringConstructor;
+        default: any;
+    };
+    getCookie: {
+        type: PropType<GetCookieFn>;
+        default: any;
+    };
+    setCookie: {
+        type: PropType<SetCookieFn>;
+        default: any;
+    };
+    fiveDollarsSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customCallouts: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    useFullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    largeCard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTeamPick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    combinedActivities: {
+        type: PropType<CombinedActivity[]>;
+        default: () => any[];
+    };
+    errorMsg: {
+        type: StringConstructor;
+        default: string;
+    };
+    primaryButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    secondaryButtonHandler: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    secondaryButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showContributors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customHref: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    allDataLoaded: import('vue').ComputedRef<boolean>;
+    borrowerName: import('vue').ComputedRef<any>;
+    city: import('vue').ComputedRef<any>;
+    countryName: import('vue').ComputedRef<any>;
+    distributionModel: import('vue').ComputedRef<any>;
+    formattedLocation: import('vue').ComputedRef<any>;
+    fundraisingPercent: import('vue').ComputedRef<any>;
+    hasProgressData: import('vue').ComputedRef<boolean>;
+    imageHash: import('vue').ComputedRef<any>;
+    isLoading: import('vue').ComputedRef<boolean>;
+    loanAmount: import('vue').ComputedRef<any>;
+    loanBorrowerCount: import('vue').ComputedRef<any>;
+    loanCallouts: import('vue').ComputedRef<import('..').Callout[]>;
+    loanStatus: import('vue').ComputedRef<any>;
+    loanUse: import('vue').ComputedRef<any>;
+    mdiMapMarker: string;
+    readMorePath: import('vue').ComputedRef<any>;
+    state: import('vue').ComputedRef<any>;
+    tag: import('vue').ComputedRef<"router-link" | "a">;
+    unreservedAmount: import('vue').ComputedRef<any>;
+    sharesAvailable: import('vue').ComputedRef<boolean>;
+    clickReadMore: (target: string, event: Event) => void;
+}, {}, {
+    cardWidth(): "100%" | "374px";
+    imageAspectRatio(): number;
+    imageDefaultWidth(): 480 | 336;
+    imageSizes(): {
+        width: number;
+    }[] | {
+        width: any;
+        viewSize: number;
+    }[];
+    lendersNumber(): any;
+    amountLent(): any;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    loanId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    loan: {
+        type: ObjectConstructor;
+        default: any;
+    };
+    customLoanDetails: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    categoryPageName: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableFiveDollarsNotes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isAdding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isVisitor: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    basketItems: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    isBookmarked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    kvTrackFunction: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    photoPath: {
+        type: StringConstructor;
+        required: true;
+    };
+    showViewLoan: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    externalLinks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    route: {
+        type: ObjectConstructor;
+        default: any;
+    };
+    userBalance: {
+        type: StringConstructor;
+        default: any;
+    };
+    getCookie: {
+        type: PropType<GetCookieFn>;
+        default: any;
+    };
+    setCookie: {
+        type: PropType<SetCookieFn>;
+        default: any;
+    };
+    fiveDollarsSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customCallouts: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+    useFullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    largeCard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTeamPick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    combinedActivities: {
+        type: PropType<CombinedActivity[]>;
+        default: () => any[];
+    };
+    errorMsg: {
+        type: StringConstructor;
+        default: string;
+    };
+    primaryButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    secondaryButtonHandler: {
+        type: FunctionConstructor;
+        default: any;
+    };
+    secondaryButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showContributors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customHref: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    loan: Record<string, any>;
+    externalLinks: boolean;
+    customLoanDetails: boolean;
+    loanId: number;
+    categoryPageName: string;
+    customCallouts: unknown[];
+    customHref: string;
+    basketItems: unknown[];
+    isAdding: boolean;
+    enableFiveDollarsNotes: boolean;
+    showViewLoan: boolean;
+    route: Record<string, any>;
+    userBalance: string;
+    getCookie: GetCookieFn;
+    setCookie: SetCookieFn;
+    fiveDollarsSelected: boolean;
+    isVisitor: boolean;
+    primaryButtonText: string;
+    secondaryButtonText: string;
+    secondaryButtonHandler: Function;
+    isBookmarked: boolean;
+    combinedActivities: CombinedActivity[];
+    errorMsg: string;
+    showTags: boolean;
+    useFullWidth: boolean;
+    largeCard: boolean;
+    isTeamPick: boolean;
+    showContributors: boolean;
+}, {}, {
+    KvBorrowerImage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        alt: {
+            type: StringConstructor;
+            required: true;
+        };
+        aspectRatio: {
+            type: NumberConstructor;
+            default: number;
+        };
+        defaultImage: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        hash: {
+            type: StringConstructor;
+            required: true;
+        };
+        images: {
+            type: ArrayConstructor;
+            default: () => any[];
+        };
+        photoPath: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>, {}, {}, {
+        defaultUrl(): any;
+        sizes(): any;
+        srcset(): any;
+    }, {
+        getImgUrl(options: any): string;
+        getSrcsetDef(size: any): string;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        alt: {
+            type: StringConstructor;
+            required: true;
+        };
+        aspectRatio: {
+            type: NumberConstructor;
+            default: number;
+        };
+        defaultImage: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        hash: {
+            type: StringConstructor;
+            required: true;
+        };
+        images: {
+            type: ArrayConstructor;
+            default: () => any[];
+        };
+        photoPath: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
+        aspectRatio: number;
+        images: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    KvLoanUse: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        anonymizationLevel: {
+            type: StringConstructor;
+            default: string;
+        };
+        use: {
+            type: StringConstructor;
+            default: string;
+        };
+        loanAmount: {
+            type: StringConstructor;
+            default: string;
+        };
+        status: {
+            type: StringConstructor;
+            default: string;
+        };
+        borrowerCount: {
+            type: NumberConstructor;
+            default: number;
+        };
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        distributionModel: {
+            type: StringConstructor;
+            default: string;
+        };
+        whySpecial: {
+            type: StringConstructor;
+            default: string;
+        };
+        hideLoanAmount: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        boldName: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        country: {
+            type: StringConstructor;
+            default: string;
+        };
+        useIndicativeHelpText: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {
+        helpLanguage(): "helps" | "helped";
+        isDirect(): boolean;
+        whySpecialSentence(): string;
+        nameSpan(): string;
+        loanUse(): string;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        anonymizationLevel: {
+            type: StringConstructor;
+            default: string;
+        };
+        use: {
+            type: StringConstructor;
+            default: string;
+        };
+        loanAmount: {
+            type: StringConstructor;
+            default: string;
+        };
+        status: {
+            type: StringConstructor;
+            default: string;
+        };
+        borrowerCount: {
+            type: NumberConstructor;
+            default: number;
+        };
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        distributionModel: {
+            type: StringConstructor;
+            default: string;
+        };
+        whySpecial: {
+            type: StringConstructor;
+            default: string;
+        };
+        hideLoanAmount: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        boldName: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        country: {
+            type: StringConstructor;
+            default: string;
+        };
+        useIndicativeHelpText: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        name: string;
+        use: string;
+        anonymizationLevel: string;
+        loanAmount: string;
+        status: string;
+        borrowerCount: number;
+        distributionModel: string;
+        whySpecial: string;
+        hideLoanAmount: boolean;
+        boldName: boolean;
+        country: string;
+        useIndicativeHelpText: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLoanProgressGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        moneyLeft: {
+            type: StringConstructor;
+            default: string;
+        };
+        progressPercent: {
+            type: NumberConstructor;
+            default: number;
+        };
+        amountGoal: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {
+        numeralLeft(): any;
+        amountLow(): boolean;
+        fundingText(): string;
+        numeralGoal(): any;
+        goalText(): string;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        moneyLeft: {
+            type: StringConstructor;
+            default: string;
+        };
+        progressPercent: {
+            type: NumberConstructor;
+            default: number;
+        };
+        amountGoal: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        moneyLeft: string;
+        progressPercent: number;
+        amountGoal: string;
+    }, {}, {
+        KvProgressBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            min: {
+                type: NumberConstructor;
+                default: number;
+            };
+            max: {
+                type: NumberConstructor;
+                default: number;
+            };
+            value: {
+                type: NumberConstructor;
+                default: number;
+                required: true;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            bgVariant: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>, {
+            loaded: import('vue').Ref<boolean, boolean>;
+            percent: import('vue').ComputedRef<number>;
+            animateProgressBar: () => void;
+            variantClass: import('vue').ComputedRef<"tw-bg-tertiary" | "tw-bg-danger" | "tw-bg-caution" | "tw-bg-brand">;
+            backgroundVariant: import('vue').ComputedRef<"tw-bg-tertiary" | "tw-bg-secondary">;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            label: {
+                type: StringConstructor;
+                required: true;
+            };
+            min: {
+                type: NumberConstructor;
+                default: number;
+            };
+            max: {
+                type: NumberConstructor;
+                default: number;
+            };
+            value: {
+                type: NumberConstructor;
+                default: number;
+                required: true;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            bgVariant: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>> & Readonly<{}>, {
+            value: number;
+            variant: string;
+            min: number;
+            max: number;
+            bgVariant: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        icon: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLendCta: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        loan: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        unreservedAmount: {
+            type: StringConstructor;
+            default: string;
+        };
+        basketItems: {
+            type: ArrayConstructor;
+            default: () => any[];
+        };
+        isLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isAdding: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        enableFiveDollarsNotes: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        kvTrackFunction: {
+            type: FunctionConstructor;
+            required: true;
+        };
+        showViewLoan: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        customLoanDetails: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        externalLinks: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        route: {
+            type: ObjectConstructor;
+            default: any;
+        };
+        userBalance: {
+            type: StringConstructor;
+            default: any;
+        };
+        getCookie: {
+            type: PropType<GetCookieFn>;
+            default: any;
+        };
+        setCookie: {
+            type: PropType<SetCookieFn>;
+            default: any;
+        };
+        fiveDollarsSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isVisitor: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        primaryButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
+        secondaryButtonText: {
+            type: StringConstructor;
+            default: any;
+        };
+        secondaryButtonHandler: {
+            type: FunctionConstructor;
+            default: any;
+        };
+        maxAmount: {
+            type: StringConstructor;
+            default: string;
+        };
+        showPresetAmounts: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        kvTrackCategory: {
+            type: StringConstructor;
+            default: string;
+        };
+        narrowSidebarBreakpoint: {
+            type: NumberConstructor;
+            default: number;
+        };
+        narrowSidebarDropdownBreakpoint: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, {}, {
+        mdiChevronRight: string;
+        defaultAmountOptions: number[];
+        selectedOption: string;
+        selectedDropdownOption: string;
+        OTHER_OPTION: string;
+        viewportWidth: number;
+        componentWidth: number;
+        resizeObserver: any;
+        MOBILE_DROPDOWN_BREAKPOINT: number;
+        NARROW_SIDEBAR_BREAKPOINT: number;
+        NARROW_SIDEBAR_DROPDOWN_BREAKPOINT: number;
+    }, {
+        readMorePath(): string;
+        loanId(): any;
+        status(): any;
+        minNoteSize(): any;
+        lentPreviously(): any;
+        isInBasket(): any;
+        prices(): string[];
+        presetButtonsPrices(): any;
+        presetDropdownPrices(): any;
+        loanName(): any;
+        presetAmountCtaButtonText(): string;
+        defaultCtaButtonText(): any;
+        ctaButtonText(): any;
+        loanInBasketButtonText(): any;
+        useFormSubmit(): boolean;
+        state(): any;
+        lendButtonVisibility(): boolean;
+        showNonActionableLoanButton(): boolean;
+        hideShowLendDropdown(): boolean;
+        allSharesReserved(): boolean;
+        isLessThan25(): any;
+        isLentTo(): boolean;
+        isCompleteLoanActive(): any;
+        isLendAmountButton(): any;
+        isFunded(): boolean;
+        amountToLend(): any;
+        amountForLendAmountButton(): any;
+        showLendAgain(): boolean;
+        selectedDropdown(): boolean;
+        showFilteredDropdown(): boolean;
+        hideLendButton(): any;
+        isNarrowDesktop(): boolean;
+    }, {
+        addToBasket(): Promise<void>;
+        isAmountLessThan25(unreservedAmount: any): boolean;
+        isAmountBetween25And50(unreservedAmount: any): boolean;
+        isAmountBetween25And500(unreservedAmount: any): boolean;
+        trackLendAmountSelection(selectedDollarAmount: any): void;
+        clickDropdown(): void;
+        clickSecondaryButton(event: any): void;
+        clickPresetButton(selectedDollarAmount: any): void;
+        handleCheckout(): void;
+        isNarrowComponent(): boolean;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        loan: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        unreservedAmount: {
+            type: StringConstructor;
+            default: string;
+        };
+        basketItems: {
+            type: ArrayConstructor;
+            default: () => any[];
+        };
+        isLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isAdding: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        enableFiveDollarsNotes: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        kvTrackFunction: {
+            type: FunctionConstructor;
+            required: true;
+        };
+        showViewLoan: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        customLoanDetails: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        externalLinks: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        route: {
+            type: ObjectConstructor;
+            default: any;
+        };
+        userBalance: {
+            type: StringConstructor;
+            default: any;
+        };
+        getCookie: {
+            type: PropType<GetCookieFn>;
+            default: any;
+        };
+        setCookie: {
+            type: PropType<SetCookieFn>;
+            default: any;
+        };
+        fiveDollarsSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isVisitor: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        primaryButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
+        secondaryButtonText: {
+            type: StringConstructor;
+            default: any;
+        };
+        secondaryButtonHandler: {
+            type: FunctionConstructor;
+            default: any;
+        };
+        maxAmount: {
+            type: StringConstructor;
+            default: string;
+        };
+        showPresetAmounts: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        kvTrackCategory: {
+            type: StringConstructor;
+            default: string;
+        };
+        narrowSidebarBreakpoint: {
+            type: NumberConstructor;
+            default: number;
+        };
+        narrowSidebarDropdownBreakpoint: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        loan: Record<string, any>;
+        externalLinks: boolean;
+        customLoanDetails: boolean;
+        unreservedAmount: string;
+        basketItems: unknown[];
+        isLoading: boolean;
+        isAdding: boolean;
+        enableFiveDollarsNotes: boolean;
+        showViewLoan: boolean;
+        route: Record<string, any>;
+        userBalance: string;
+        getCookie: GetCookieFn;
+        setCookie: SetCookieFn;
+        fiveDollarsSelected: boolean;
+        isVisitor: boolean;
+        primaryButtonText: string;
+        secondaryButtonText: string;
+        secondaryButtonHandler: Function;
+        maxAmount: string;
+        showPresetAmounts: boolean;
+        kvTrackCategory: string;
+        narrowSidebarBreakpoint: number;
+        narrowSidebarDropdownBreakpoint: number;
+    }, {}, {
+        KvLendAmountButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            loanId: {
+                type: NumberConstructor;
+                default: any;
+            };
+            showNow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            amountLeft: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            completeLoan: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {}, {
+            amountValue(): string;
+            buttonText(): string;
+        }, {
+            addToBasket(event: any): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            loanId: {
+                type: NumberConstructor;
+                default: any;
+            };
+            showNow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            amountLeft: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            completeLoan: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            loanId: number;
+            showNow: boolean;
+            amountLeft: string | number;
+            completeLoan: boolean;
+        }, {}, {
+            KvButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                to: {
+                    type: (StringConstructor | ObjectConstructor)[];
+                    default: any;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                state: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+            }>, {
+                buttonRef: import('vue').Ref<any, any>;
+                buttonInnerRef: import('vue').Ref<any, any>;
+                computedClass: import('vue').ComputedRef<string>;
+                computedType: import('vue').ComputedRef<string>;
+                isDisabled: import('vue').ComputedRef<boolean>;
+                loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+                onClick: (event: any) => void;
+                tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                to: {
+                    type: (StringConstructor | ObjectConstructor)[];
+                    default: any;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                state: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+            }>> & Readonly<{
+                onClick?: (...args: any[]) => any;
+            }>, {
+                to: string | Record<string, any>;
+                type: string;
+                href: string;
+                variant: string;
+                state: string;
+            }, {}, {
+                KvLoadingSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string;
+                    color: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        KvUiButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            to: {
+                type: (StringConstructor | ObjectConstructor)[];
+                default: any;
+            };
+            href: {
+                type: StringConstructor;
+                default: any;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            state: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>, {
+            buttonRef: import('vue').Ref<any, any>;
+            buttonInnerRef: import('vue').Ref<any, any>;
+            computedClass: import('vue').ComputedRef<string>;
+            computedType: import('vue').ComputedRef<string>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+            onClick: (event: any) => void;
+            tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            to: {
+                type: (StringConstructor | ObjectConstructor)[];
+                default: any;
+            };
+            href: {
+                type: StringConstructor;
+                default: any;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            state: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>> & Readonly<{
+            onClick?: (...args: any[]) => any;
+        }>, {
+            to: string | Record<string, any>;
+            type: string;
+            href: string;
+            variant: string;
+            state: string;
+        }, {}, {
+            KvLoadingSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+            }>> & Readonly<{}>, {
+                size: string;
+                color: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        KvUiSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                required: true;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modelValue: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>, {
+            mdiChevronDown: string;
+            onChange: (event: any) => void;
+            classes: any[];
+            styles: any[];
+            inputAttrs: any;
+            inputListeners: any;
+            inputValue: import('vue').Ref<string | number, string | number>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                required: true;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modelValue: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        }>> & Readonly<{
+            [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+        }>, {
+            id: string;
+            disabled: boolean;
+            modelValue: string | number;
+        }, {}, {
+            KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                icon: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            icon: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLoanTag: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        loan: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        useExpandedStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {
+        deadline(): Date;
+        isLseLoan(): any;
+        amountLeft(): any;
+        variation(): string;
+        tagText(): string;
+        tagColor(): "#AF741C" | "#CE2626" | "#2B7C5F" | "#CE4A00";
+        matchRatio(): any;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        loan: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        useExpandedStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        useExpandedStyles: boolean;
+    }, {}, {
+        KvCountdownTimer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            deadline: {
+                type: DateConstructor;
+                required: true;
+            };
+        }>, {
+            timeLeft: import('vue').Ref<any, any>;
+            remainingHours: import('vue').Ref<any, any>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            deadline: {
+                type: DateConstructor;
+                required: true;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLoanCallouts: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        callouts: {
+            type: PropType<import('./KvLoanCallouts.vue').Callout[]>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        callouts: {
+            type: PropType<import('./KvLoanCallouts.vue').Callout[]>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLoanBookmark: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        isBookmarked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
+        mdiBookmarkOutline: string;
+        mdiBookmark: string;
+    }, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        isBookmarked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        isBookmarked: boolean;
+    }, {}, {
+        KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            icon: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLoanTeamPick: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    KvLoanActivities: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        loan: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        combinedActivities: {
+            type: PropType<CombinedActivity[]>;
+            default: () => any[];
+        };
+        isAdding: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        basketItems: {
+            type: ArrayConstructor;
+            default: () => any[];
+        };
+        userBalance: {
+            type: StringConstructor;
+            default: any;
+        };
+        errorMsg: {
+            type: StringConstructor;
+            default: any;
+        };
+        kvTrackFunction: {
+            type: FunctionConstructor;
+            required: true;
+        };
+        getCookie: {
+            type: PropType<GetCookieFn>;
+            default: any;
+        };
+        setCookie: {
+            type: PropType<SetCookieFn>;
+            default: any;
+        };
+        route: {
+            type: ObjectConstructor;
+            default: any;
+        };
+        enableFiveDollarsNotes: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isVisitor: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        lightboxOpen: import('vue').Ref<boolean, boolean>;
+        modalTitle: import('vue').ComputedRef<string>;
+        formattedDate: (date: string) => string;
+        showActivityModal: () => void;
+        closeLightbox: () => void;
+        singleActivity: import('vue').ComputedRef<import('./KvLoanActivities.vue').ActivityData>;
+        lendersNumber: import('vue').ComputedRef<any>;
+        amountLent: import('vue').ComputedRef<any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "add-to-basket"[], "add-to-basket", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        loan: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        combinedActivities: {
+            type: PropType<CombinedActivity[]>;
+            default: () => any[];
+        };
+        isAdding: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        basketItems: {
+            type: ArrayConstructor;
+            default: () => any[];
+        };
+        userBalance: {
+            type: StringConstructor;
+            default: any;
+        };
+        errorMsg: {
+            type: StringConstructor;
+            default: any;
+        };
+        kvTrackFunction: {
+            type: FunctionConstructor;
+            required: true;
+        };
+        getCookie: {
+            type: PropType<GetCookieFn>;
+            default: any;
+        };
+        setCookie: {
+            type: PropType<SetCookieFn>;
+            default: any;
+        };
+        route: {
+            type: ObjectConstructor;
+            default: any;
+        };
+        enableFiveDollarsNotes: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isVisitor: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onAdd-to-basket"?: (...args: any[]) => any;
+    }>, {
+        loan: Record<string, any>;
+        basketItems: unknown[];
+        isAdding: boolean;
+        enableFiveDollarsNotes: boolean;
+        route: Record<string, any>;
+        userBalance: string;
+        getCookie: GetCookieFn;
+        setCookie: SetCookieFn;
+        isVisitor: boolean;
+        combinedActivities: CombinedActivity[];
+        errorMsg: string;
+    }, {}, {
+        KvActivityRow: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            activity: {
+                type: ObjectConstructor;
+                required: true;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            activity: {
+                type: ObjectConstructor;
+                required: true;
+            };
+        }>> & Readonly<{}>, {}, {}, {
+            KvUserAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                lenderName: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                lenderImageUrl: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                isSmall: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showCssPlaceholder: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                isAnonymousUser: import('vue').ComputedRef<boolean>;
+                avatarClass: import('vue').ComputedRef<string>;
+                userHasImage: import('vue').ComputedRef<boolean>;
+                lenderNameFirstLetter: import('vue').ComputedRef<string>;
+                letterViewBox: import('vue').ComputedRef<"0 0 27 27" | "0 0 27.5 27.5">;
+                isLegacyPlaceholderAvatar: typeof import('..').isLegacyPlaceholderAvatar;
+                isImageLoading: import('vue').Ref<boolean, boolean>;
+                onImgLoad: () => void;
+                imageRef: import('vue').Ref<any, any>;
+                userAvatar: import('vue').Ref<any, any>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                lenderName: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                lenderImageUrl: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                isSmall: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showCssPlaceholder: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                lenderName: string;
+                lenderImageUrl: string;
+                isSmall: boolean;
+                showCssPlaceholder: boolean;
+            }, {}, {
+                KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        KvLightbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            blurBackground: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            title: {
+                type: StringConstructor;
+                required: true;
+            };
+            preventClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            mdiClose: string;
+            role: import('vue').ComputedRef<"alertdialog" | "dialog">;
+            kvLightbox: import('vue').Ref<any, any>;
+            kvLightboxBody: import('vue').Ref<any, any>;
+            onKeyUp: any;
+            onScreenClick: () => void;
+            hide: (closedBy?: string) => void;
+            show: () => void;
+            controlsRef: import('vue').Ref<any, any>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "lightbox-closed"[], "lightbox-closed", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            blurBackground: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            visible: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            title: {
+                type: StringConstructor;
+                required: true;
+            };
+            preventClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onLightbox-closed"?: (...args: any[]) => any;
+        }>, {
+            variant: string;
+            visible: boolean;
+            preventClose: boolean;
+            blurBackground: boolean;
+        }, {}, {
+            KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                icon: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        KvLendCta: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            loan: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
+            unreservedAmount: {
+                type: StringConstructor;
+                default: string;
+            };
+            basketItems: {
+                type: ArrayConstructor;
+                default: () => any[];
+            };
+            isLoading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            isAdding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            enableFiveDollarsNotes: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            kvTrackFunction: {
+                type: FunctionConstructor;
+                required: true;
+            };
+            showViewLoan: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            customLoanDetails: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            externalLinks: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            route: {
+                type: ObjectConstructor;
+                default: any;
+            };
+            userBalance: {
+                type: StringConstructor;
+                default: any;
+            };
+            getCookie: {
+                type: PropType<GetCookieFn>;
+                default: any;
+            };
+            setCookie: {
+                type: PropType<SetCookieFn>;
+                default: any;
+            };
+            fiveDollarsSelected: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            isVisitor: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            primaryButtonText: {
+                type: StringConstructor;
+                default: string;
+            };
+            secondaryButtonText: {
+                type: StringConstructor;
+                default: any;
+            };
+            secondaryButtonHandler: {
+                type: FunctionConstructor;
+                default: any;
+            };
+            maxAmount: {
+                type: StringConstructor;
+                default: string;
+            };
+            showPresetAmounts: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            kvTrackCategory: {
+                type: StringConstructor;
+                default: string;
+            };
+            narrowSidebarBreakpoint: {
+                type: NumberConstructor;
+                default: number;
+            };
+            narrowSidebarDropdownBreakpoint: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>, {}, {
+            mdiChevronRight: string;
+            defaultAmountOptions: number[];
+            selectedOption: string;
+            selectedDropdownOption: string;
+            OTHER_OPTION: string;
+            viewportWidth: number;
+            componentWidth: number;
+            resizeObserver: any;
+            MOBILE_DROPDOWN_BREAKPOINT: number;
+            NARROW_SIDEBAR_BREAKPOINT: number;
+            NARROW_SIDEBAR_DROPDOWN_BREAKPOINT: number;
+        }, {
+            readMorePath(): string;
+            loanId(): any;
+            status(): any;
+            minNoteSize(): any;
+            lentPreviously(): any;
+            isInBasket(): any;
+            prices(): string[];
+            presetButtonsPrices(): any;
+            presetDropdownPrices(): any;
+            loanName(): any;
+            presetAmountCtaButtonText(): string;
+            defaultCtaButtonText(): any;
+            ctaButtonText(): any;
+            loanInBasketButtonText(): any;
+            useFormSubmit(): boolean;
+            state(): any;
+            lendButtonVisibility(): boolean;
+            showNonActionableLoanButton(): boolean;
+            hideShowLendDropdown(): boolean;
+            allSharesReserved(): boolean;
+            isLessThan25(): any;
+            isLentTo(): boolean;
+            isCompleteLoanActive(): any;
+            isLendAmountButton(): any;
+            isFunded(): boolean;
+            amountToLend(): any;
+            amountForLendAmountButton(): any;
+            showLendAgain(): boolean;
+            selectedDropdown(): boolean;
+            showFilteredDropdown(): boolean;
+            hideLendButton(): any;
+            isNarrowDesktop(): boolean;
+        }, {
+            addToBasket(): Promise<void>;
+            isAmountLessThan25(unreservedAmount: any): boolean;
+            isAmountBetween25And50(unreservedAmount: any): boolean;
+            isAmountBetween25And500(unreservedAmount: any): boolean;
+            trackLendAmountSelection(selectedDollarAmount: any): void;
+            clickDropdown(): void;
+            clickSecondaryButton(event: any): void;
+            clickPresetButton(selectedDollarAmount: any): void;
+            handleCheckout(): void;
+            isNarrowComponent(): boolean;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            loan: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
+            unreservedAmount: {
+                type: StringConstructor;
+                default: string;
+            };
+            basketItems: {
+                type: ArrayConstructor;
+                default: () => any[];
+            };
+            isLoading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            isAdding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            enableFiveDollarsNotes: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            kvTrackFunction: {
+                type: FunctionConstructor;
+                required: true;
+            };
+            showViewLoan: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            customLoanDetails: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            externalLinks: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            route: {
+                type: ObjectConstructor;
+                default: any;
+            };
+            userBalance: {
+                type: StringConstructor;
+                default: any;
+            };
+            getCookie: {
+                type: PropType<GetCookieFn>;
+                default: any;
+            };
+            setCookie: {
+                type: PropType<SetCookieFn>;
+                default: any;
+            };
+            fiveDollarsSelected: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            isVisitor: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            primaryButtonText: {
+                type: StringConstructor;
+                default: string;
+            };
+            secondaryButtonText: {
+                type: StringConstructor;
+                default: any;
+            };
+            secondaryButtonHandler: {
+                type: FunctionConstructor;
+                default: any;
+            };
+            maxAmount: {
+                type: StringConstructor;
+                default: string;
+            };
+            showPresetAmounts: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            kvTrackCategory: {
+                type: StringConstructor;
+                default: string;
+            };
+            narrowSidebarBreakpoint: {
+                type: NumberConstructor;
+                default: number;
+            };
+            narrowSidebarDropdownBreakpoint: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>> & Readonly<{}>, {
+            loan: Record<string, any>;
+            externalLinks: boolean;
+            customLoanDetails: boolean;
+            unreservedAmount: string;
+            basketItems: unknown[];
+            isLoading: boolean;
+            isAdding: boolean;
+            enableFiveDollarsNotes: boolean;
+            showViewLoan: boolean;
+            route: Record<string, any>;
+            userBalance: string;
+            getCookie: GetCookieFn;
+            setCookie: SetCookieFn;
+            fiveDollarsSelected: boolean;
+            isVisitor: boolean;
+            primaryButtonText: string;
+            secondaryButtonText: string;
+            secondaryButtonHandler: Function;
+            maxAmount: string;
+            showPresetAmounts: boolean;
+            kvTrackCategory: string;
+            narrowSidebarBreakpoint: number;
+            narrowSidebarDropdownBreakpoint: number;
+        }, {}, {
+            KvLendAmountButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                loanId: {
+                    type: NumberConstructor;
+                    default: any;
+                };
+                showNow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                amountLeft: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+                completeLoan: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {}, {
+                amountValue(): string;
+                buttonText(): string;
+            }, {
+                addToBasket(event: any): void;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                loanId: {
+                    type: NumberConstructor;
+                    default: any;
+                };
+                showNow: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                amountLeft: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+                completeLoan: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                loanId: number;
+                showNow: boolean;
+                amountLeft: string | number;
+                completeLoan: boolean;
+            }, {}, {
+                KvButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    to: {
+                        type: (StringConstructor | ObjectConstructor)[];
+                        default: any;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        default: any;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                    variant: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                    state: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                }>, {
+                    buttonRef: import('vue').Ref<any, any>;
+                    buttonInnerRef: import('vue').Ref<any, any>;
+                    computedClass: import('vue').ComputedRef<string>;
+                    computedType: import('vue').ComputedRef<string>;
+                    isDisabled: import('vue').ComputedRef<boolean>;
+                    loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+                    onClick: (event: any) => void;
+                    tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    to: {
+                        type: (StringConstructor | ObjectConstructor)[];
+                        default: any;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        default: any;
+                    };
+                    type: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                    variant: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                    state: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                }>> & Readonly<{
+                    onClick?: (...args: any[]) => any;
+                }>, {
+                    to: string | Record<string, any>;
+                    type: string;
+                    href: string;
+                    variant: string;
+                    state: string;
+                }, {}, {
+                    KvLoadingSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator(value: string): boolean;
+                        };
+                        color: {
+                            type: StringConstructor;
+                            default: string;
+                            validator(value: string): boolean;
+                        };
+                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                        size: {
+                            type: StringConstructor;
+                            default: string;
+                            validator(value: string): boolean;
+                        };
+                        color: {
+                            type: StringConstructor;
+                            default: string;
+                            validator(value: string): boolean;
+                        };
+                    }>> & Readonly<{}>, {
+                        size: string;
+                        color: string;
+                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            KvUiButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                to: {
+                    type: (StringConstructor | ObjectConstructor)[];
+                    default: any;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                state: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+            }>, {
+                buttonRef: import('vue').Ref<any, any>;
+                buttonInnerRef: import('vue').Ref<any, any>;
+                computedClass: import('vue').ComputedRef<string>;
+                computedType: import('vue').ComputedRef<string>;
+                isDisabled: import('vue').ComputedRef<boolean>;
+                loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+                onClick: (event: any) => void;
+                tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                to: {
+                    type: (StringConstructor | ObjectConstructor)[];
+                    default: any;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                state: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+            }>> & Readonly<{
+                onClick?: (...args: any[]) => any;
+            }>, {
+                to: string | Record<string, any>;
+                type: string;
+                href: string;
+                variant: string;
+                state: string;
+            }, {}, {
+                KvLoadingSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                        validator(value: string): boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string;
+                    color: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            KvUiSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }>, {
+                mdiChevronDown: string;
+                onChange: (event: any) => void;
+                classes: any[];
+                styles: any[];
+                inputAttrs: any;
+                inputListeners: any;
+                inputValue: import('vue').Ref<string | number, string | number>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: number;
+                };
+            }>> & Readonly<{
+                [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+            }>, {
+                id: string;
+                disabled: boolean;
+                modelValue: string | number;
+            }, {}, {
+                KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    icon: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    icon: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{}>, {
+                    icon: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                icon: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;