@adyen/adyen-web 5.43.1 → 5.45.0

package/dist/types/components/ApplePay/utils.d.ts

@@ -1,2 +1,2 @@
-export declare function resolveSupportedVersion(latestVersion: any): any;
+export declare function resolveSupportedVersion(latestVersion: number): number | null;
 export declare function mapBrands(brands: any): any;

package/dist/types/components/Card/components/CardInput/components/CardFieldsWrapper.d.ts

@@ -1,5 +1,5 @@
 import { h } from 'preact';
-export declare const CardFieldsWrapper: ({ data, valid, errors, handleChangeFor, sfpState, setFocusOn, cvcPolicy, focusedElement, hasInstallments, handleInstallments, showAmountsInInstallments, brandsIcons, formData, formErrors, formValid, expiryDatePolicy, dualBrandSelectElements, extensions, selectedBrandValue, showKCP, showBrazilianSSN, socialSecurityNumber, handleOnStoreDetails, billingAddress, handleAddress, setAddressRef, partialAddressSchema, amount, billingAddressRequired, billingAddressRequiredFields, billingAddressAllowedCountries, billingAddressValidationRules, brandsConfiguration, enableStoreDetails, hasCVC, hasHolderName, holderNameRequired, installmentOptions, placeholders, positionHolderNameOnTop, showBrandIcon, showBrandsUnderCardNumber, iOSFocusedField, disclaimerMessage }: {
+export declare const CardFieldsWrapper: ({ data, valid, errors, handleChangeFor, sfpState, setFocusOn, cvcPolicy, focusedElement, hasInstallments, handleInstallments, showAmountsInInstallments, brandsIcons, formData, formErrors, formValid, expiryDatePolicy, dualBrandSelectElements, extensions, selectedBrandValue, showKCP, showBrazilianSSN, socialSecurityNumber, handleOnStoreDetails, billingAddress, handleAddress, setAddressRef, partialAddressSchema, onAddressLookup, amount, billingAddressRequired, billingAddressRequiredFields, billingAddressAllowedCountries, billingAddressValidationRules, brandsConfiguration, enableStoreDetails, hasCVC, hasHolderName, holderNameRequired, installmentOptions, placeholders, positionHolderNameOnTop, showBrandIcon, showBrandsUnderCardNumber, iOSFocusedField, disclaimerMessage }: {
     data: any;
     valid: any;
     errors: any;
@@ -27,6 +27,7 @@ export declare const CardFieldsWrapper: ({ data, valid, errors, handleChangeFor,
     handleAddress: any;
     setAddressRef: any;
     partialAddressSchema: any;
+    onAddressLookup: any;
     amount: any;
     billingAddressRequired: any;
     billingAddressRequiredFields: any;

package/dist/types/components/Card/components/CardInput/types.d.ts

@@ -13,6 +13,7 @@ import Analytics from '../../../../core/Analytics';
 import RiskElement from '../../../../core/RiskModule';
 import { ComponentMethodsRef } from '../../../types';
 import { DisclaimerMsgObject } from '../../../internal/DisclaimerMessage/DisclaimerMessage';
+import { OnAddressLookupType } from '../../../internal/Address/components/AddressSearch';
 export interface CardInputValidState {
     holderName?: boolean;
     billingAddress?: boolean;
@@ -101,6 +102,7 @@ export interface CardInputProps {
     onFieldValid?: () => {};
     onFocus?: (e: any) => {};
     onLoad?: () => {};
+    onAddressLookup?: OnAddressLookupType;
     payButton?: (obj: any) => {};
     placeholders?: Placeholders;
     positionHolderNameOnTop?: boolean;

package/dist/types/components/Card/types.d.ts

@@ -17,6 +17,17 @@ export interface CardElementProps extends UIElementProps {
      * Configuration for Click to Pay
      */
     clickToPayConfiguration?: ClickToPayConfiguration;
+    /**
+     * Disable Click to Pay for testing purposes
+     * @defaultValue false
+     * @internal
+     */
+    _disableClickToPay?: boolean;
+    /**
+     * Funding source field populated when 'splitCardFundingSources' is used
+     * @internal
+     */
+    fundingSource?: 'debit' | 'credit';
     /**
      * type will always be "card" (generic card, stored card)
      * except for a single branded card when it will be the same as the brand prop

package/dist/types/components/CashAppPay/CashAppPay.d.ts

@@ -0,0 +1,80 @@
+import { h } from 'preact';
+import UIElement from '../UIElement';
+import { CashAppPayElementData, CashAppPayElementProps } from './types';
+export declare class CashAppPay extends UIElement<CashAppPayElementProps> {
+    static type: string;
+    private readonly cashAppService;
+    protected static defaultProps: {
+        onClick: (actions: any) => void;
+        showPayButton: boolean;
+        enableStoreDetails: boolean;
+        storePaymentMethod: boolean;
+    };
+    constructor(props: any);
+    formatProps(props: CashAppPayElementProps): {
+        enableStoreDetails: boolean;
+        storePaymentMethod?: boolean;
+        onClick?(actions: {
+            resolve: () => void;
+            reject: () => void;
+        }): void;
+        referenceId?: string;
+        redirectURL?: string;
+        button?: {
+            shape?: "round" | "semiround";
+            size?: "small" | "medium";
+            theme?: "dark" | "light";
+            width?: "full" | "static";
+        };
+        configuration?: {
+            clientId: string;
+            scopeId: string;
+        };
+        storedPaymentMethodId?: string;
+        cashtag?: string;
+        environment?: string;
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
+        onChange?: (state: any, element: UIElement<any>) => void;
+        onValid?: (state: any, element: UIElement<any>) => void;
+        beforeSubmit?: (state: any, element: UIElement<any>, actions: any) => Promise<void>;
+        onSubmit?: (state: any, element: UIElement<any>) => void;
+        onComplete?: (state: any, element: UIElement<any>) => void;
+        onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: any, element: UIElement<any>) => void;
+        onError?: (error: any, element?: UIElement<any>) => void;
+        onPaymentCompleted?: (result: any, element: UIElement<any>) => void;
+        beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: UIElement<any>) => void;
+        isInstantPayment?: boolean;
+        type?: string;
+        name?: string;
+        icon?: string;
+        amount?: import("../../types").PaymentAmount;
+        secondaryAmount?: import("../../types").PaymentAmountExtended;
+        showPayButton?: boolean;
+        setStatusAutomatically?: boolean;
+        payButton?: (options: import("../types").PayButtonFunctionProps) => h.JSX.Element;
+        loadingContext?: string;
+        createFromAction?: (action: import("../../types").PaymentAction, props: object) => UIElement<any>;
+        clientKey?: string;
+        elementRef?: any;
+        i18n?: import("../../language").default;
+        _parentInstance?: import("../../core/core").default;
+        order?: import("../../types").Order;
+        modules?: {
+            srPanel?: import("../../core/Errors/SRPanel").SRPanel;
+            analytics?: import("../../core/Analytics/Analytics").default;
+            resources?: import("../../core/Context/Resources").Resources;
+            risk?: import("../../core/RiskModule").default;
+        };
+        isDropin?: boolean;
+    };
+    formatData(): CashAppPayElementData;
+    get displayName(): string;
+    get additionalInfo(): "" | "Cash App Pay";
+    submit: () => void;
+    get isValid(): boolean;
+    private handleOnChangeStoreDetails;
+    private handleAuthorize;
+    render(): h.JSX.Element;
+}
+export default CashAppPay;

package/dist/types/components/CashAppPay/components/CashAppComponent.d.ts

@@ -0,0 +1,16 @@
+import { h, RefObject } from 'preact';
+import AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';
+import { ICashAppService } from '../services/types';
+import { CashAppPayEventData } from '../types';
+import './CashAppComponent.scss';
+interface CashAppComponentProps {
+    enableStoreDetails?: boolean;
+    cashAppService: ICashAppService;
+    onClick(): void;
+    onChangeStoreDetails(data: any): void;
+    onAuthorize(payEventData: CashAppPayEventData): void;
+    onError(error: AdyenCheckoutError): void;
+    ref(ref: RefObject<typeof CashAppComponent>): void;
+}
+export declare function CashAppComponent({ enableStoreDetails, cashAppService, onClick, onChangeStoreDetails, onAuthorize, onError }: CashAppComponentProps): h.JSX.Element;
+export {};

package/dist/types/components/CashAppPay/defaultProps.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    onClick: (actions: any) => void;
+    showPayButton: boolean;
+    enableStoreDetails: boolean;
+    storePaymentMethod: boolean;
+};
+export default _default;

package/dist/types/components/CashAppPay/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CashAppPay';

package/dist/types/components/CashAppPay/services/CashAppSdkLoader.d.ts

@@ -0,0 +1,9 @@
+import { ICashAppWindowObject } from './types';
+export interface ICashAppSdkLoader {
+    load(environment: string): Promise<ICashAppWindowObject>;
+}
+declare class CashAppSdkLoader implements ICashAppSdkLoader {
+    private isSdkIsAvailableOnWindow;
+    load(environment: string): Promise<ICashAppWindowObject>;
+}
+export { CashAppSdkLoader };

package/dist/types/components/CashAppPay/services/CashAppService.d.ts

@@ -0,0 +1,21 @@
+import { ICashAppSdkLoader } from './CashAppSdkLoader';
+import { CashAppPayEvents, CashAppServiceConfig, ICashAppService } from './types';
+export default class CashAppService implements ICashAppService {
+    private readonly sdkLoader;
+    private readonly configuration;
+    private pay;
+    /**
+     * Reference to CashApp 'begin' method
+     */
+    private startAuthorization?;
+    constructor(sdkLoader: ICashAppSdkLoader, configuration: CashAppServiceConfig);
+    get hasOneTimePayment(): boolean;
+    get hasOnFilePayment(): boolean;
+    setStorePaymentMethod(store: boolean): void;
+    initialize(): Promise<void>;
+    renderButton(target: HTMLElement): Promise<void>;
+    begin(): void;
+    subscribeToEvent(eventType: CashAppPayEvents, callback: Function): Function;
+    createCustomerRequest(): Promise<void>;
+    restart(): Promise<void>;
+}

package/dist/types/components/CashAppPay/services/config.d.ts

@@ -0,0 +1,3 @@
+declare const CASHAPPPAY_SANDBOX_SDK = "https://sandbox.kit.cash.app/v1/pay.js";
+declare const CASHAPPPAY_PROD_SDK = "https://kit.cash.app/v1/pay.js";
+export { CASHAPPPAY_SANDBOX_SDK, CASHAPPPAY_PROD_SDK };

package/dist/types/components/CashAppPay/services/types.d.ts

@@ -0,0 +1,49 @@
+import { PaymentAmount } from '../../../types';
+export interface ICashAppWindowObject {
+    pay({ clientId }: {
+        clientId: string;
+    }): Promise<ICashAppSDK>;
+}
+/**
+ * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/technical-reference
+ */
+export interface ICashAppSDK {
+    render(target: string | HTMLElement, options?: any): Promise<{
+        begin?: () => void;
+    }>;
+    addEventListener(eventType: CashAppPayEvents, callback: Function): void;
+    removeEventListener(eventType: CashAppPayEvents, callback: Function): void;
+    customerRequest(customerRequest: any): Promise<void>;
+    restart(): Promise<void>;
+}
+export declare enum CashAppPayEvents {
+    CustomerDismissed = "CUSTOMER_DISMISSED",
+    CustomerRequestApproved = "CUSTOMER_REQUEST_APPROVED",
+    CustomerRequestDeclined = "CUSTOMER_REQUEST_DECLINED",
+    CustomerRequestFailed = "CUSTOMER_REQUEST_FAILED"
+}
+export interface ICashAppService {
+    begin(): void;
+    initialize(): Promise<void>;
+    setStorePaymentMethod(store: boolean): void;
+    renderButton(target: HTMLElement): Promise<void>;
+    restart(): Promise<void>;
+    createCustomerRequest(): Promise<void>;
+    subscribeToEvent(eventType: CashAppPayEvents, callback: Function): Function;
+}
+export type CashAppServiceConfig = {
+    useCashAppButtonUi: boolean;
+    storePaymentMethod: boolean;
+    environment: string;
+    clientId: string;
+    scopeId: string;
+    amount: PaymentAmount;
+    referenceId?: string;
+    redirectURL?: string;
+    button?: {
+        shape?: 'semiround' | 'round';
+        size?: 'medium' | 'small';
+        theme?: 'dark' | 'light';
+        width?: 'static' | 'full';
+    };
+};

package/dist/types/components/CashAppPay/types.d.ts

@@ -0,0 +1,70 @@
+import { UIElementProps } from '../types';
+export interface CashAppPayElementProps extends UIElementProps {
+    /**
+     * Indicates that the payment must be stored (Ex: in case there is no checkbox but merchant wants to store it)
+     */
+    storePaymentMethod?: boolean;
+    /**
+     * Enables storing the payment method using the Checkbox
+     */
+    enableStoreDetails?: boolean;
+    /**
+     * Callback triggered before starting the CashAppPay flow. Use case: Validate customer data, check product availability
+     */
+    onClick?(actions: {
+        resolve: () => void;
+        reject: () => void;
+    }): void;
+    /**
+     * A reference to your system (for example, a cart or checkout identifier). Maximum length 1024 characters.
+     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/technical-reference#parameters-3
+     */
+    referenceId?: string;
+    /**
+     * The destination for the customer after approving (or declining) in Cash App for mobile redirect flow.
+     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/technical-reference#customerrequest
+     * @defaultValue window.location.ref
+     */
+    redirectURL?: string;
+    /**
+     * Button customization
+     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/use-cases#customize-the-cash-app-pay-button
+     */
+    button?: {
+        shape?: 'semiround' | 'round';
+        size?: 'medium' | 'small';
+        theme?: 'dark' | 'light';
+        width?: 'static' | 'full';
+    };
+    /**
+     * CashAppPay configuration sent by the /paymentMethods response
+     */
+    configuration?: {
+        clientId: string;
+        scopeId: string;
+    };
+    /**
+     * If payment is tokenized, then API will return its ID
+     * @internal
+     */
+    storedPaymentMethodId?: string;
+    /**
+     * If payment is tokenized, then API will return this value
+     * @internal
+     */
+    cashtag?: string;
+}
+export type CashAppPayElementData = {
+    paymentMethod: {
+        type: string;
+        grantId?: string;
+        storedPaymentMethodId?: string;
+    };
+    storePaymentMethod?: boolean;
+};
+export type CashAppPayEventData = {
+    cashTag?: string;
+    customerId?: string;
+    grantId?: string;
+    onFileGrantId?: string;
+};

package/dist/types/components/Dropin/components/PaymentMethod/OrderPaymentMethods.d.ts

@@ -1,8 +1,9 @@
 import { h } from 'preact';
 import './OrderPaymentMethods.scss';
-export declare const OrderPaymentMethods: ({ order, orderStatus, onOrderCancel }: {
+export declare const OrderPaymentMethods: ({ order, orderStatus, onOrderCancel, brandLogoConfiguration }: {
     order: any;
     orderStatus: any;
     onOrderCancel: any;
+    brandLogoConfiguration: any;
 }) => h.JSX.Element;
 export default OrderPaymentMethods;

package/dist/types/components/Dropin/components/PaymentMethod/useBrandLogoConfiguration.d.ts

@@ -0,0 +1,6 @@
+import UIElement from '../../../UIElement';
+type BrandLogoConfiguration = {
+    [key: string]: string;
+};
+export declare function useBrandLogoConfiguration(paymentMethods: UIElement[]): BrandLogoConfiguration;
+export {};

package/dist/types/components/Dropin/types.d.ts

@@ -28,6 +28,11 @@ export interface DropinElementProps extends UIElementProps {
      * @defaultValue []
      */
     instantPaymentTypes?: InstantPaymentTypes[];
+    /**
+     * Instant Payment methods derived from the instantPaymentTypes property
+     * @internal
+     */
+    instantPaymentMethods?: PaymentMethod[];
     openFirstStoredPaymentMethod?: boolean;
     openFirstPaymentMethod?: boolean;
     onSubmit?: (data: any, component: any) => void;

package/dist/types/components/Giftcard/components/GiftcardPinField.d.ts

@@ -1,3 +1,3 @@
 import { h } from 'preact';
 import { GiftcardFieldProps } from './types';
-export declare const GiftcardPinField: ({ i18n, classNameModifiers, sfpState, focusedElement, setFocusOn }: GiftcardFieldProps) => h.JSX.Element;
+export declare const GiftcardPinField: ({ i18n, classNameModifiers, sfpState, focusedElement, setFocusOn, label }: GiftcardFieldProps) => h.JSX.Element;

package/dist/types/components/Giftcard/components/types.d.ts

@@ -8,6 +8,7 @@ export type GiftcardFieldsProps = {
     getCardErrorMessage: any;
     focusedElement: any;
     setFocusOn: any;
+    label?: string;
 };
 export type GiftcardFieldProps = {
     i18n: Language;
@@ -16,4 +17,5 @@ export type GiftcardFieldProps = {
     getCardErrorMessage: any;
     focusedElement: any;
     setFocusOn: any;
+    label?: string;
 };

package/dist/types/components/Klarna/types.d.ts

@@ -25,6 +25,8 @@ interface KlarnaPaymentsShared {
     paymentMethodType: string;
 }
 export interface KlarnaWidgetProps extends KlarnaPaymentsShared {
+    /** @internal */
+    payButton: (options: any) => any;
     onComplete: (detailsData: any) => void;
     onError: (error: any) => void;
 }

package/dist/types/components/index.d.ts

@@ -4,6 +4,7 @@ import ApplePay from './ApplePay';
 import Atome from './Atome';
 import { BillDeskOnline, BillDeskWallet } from './BillDesk';
 import Card from './Card';
+import CashAppPay from './CashAppPay';
 import ClickToPay from './ClickToPay';
 import Bancontact from './Card/Bancontact';
 import Donation from './Donation';
@@ -108,6 +109,7 @@ declare const componentsMap: {
     /** Wallets */
     amazonpay: typeof AmazonPay;
     applepay: typeof ApplePay;
+    cashapp: typeof CashAppPay;
     clicktopay: typeof ClickToPay;
     googlepay: typeof GooglePay;
     paypal: typeof PayPal;

package/dist/types/components/internal/Address/components/AddressSearch.d.ts

@@ -0,0 +1,16 @@
+import { h } from 'preact';
+import { AddressLookupItem } from '../types';
+import './AddressSearch.scss';
+export type OnAddressLookupType = (value: string, actions: {
+    resolve: (value: Array<AddressLookupItem>) => void;
+    reject: (reason?: any) => void;
+}) => Promise<void>;
+interface AddressSearchProps {
+    onAddressLookup?: OnAddressLookupType;
+    onSelect: any;
+    onManualAddress: any;
+    externalErrorMessage: string;
+    hideManualButton: boolean;
+}
+export default function AddressSearch({ onAddressLookup, onSelect, onManualAddress, externalErrorMessage, hideManualButton }: AddressSearchProps): h.JSX.Element;
+export {};

package/dist/types/components/internal/Address/types.d.ts

@@ -2,6 +2,7 @@ import { AddressField, AddressData } from '../../../types';
 import Specifications from './Specifications';
 import { ValidatorRules } from '../../../utils/Validator/types';
 import { ValidationRuleResult } from '../../../utils/Validator/ValidationRuleResult';
+import { OnAddressLookupType } from './components/AddressSearch';
 export type StringObject = {
     [key: string]: string;
 };
@@ -11,6 +12,7 @@ export interface AddressProps {
     data?: object;
     label?: string;
     onChange: (newState: any) => void;
+    onAddressLookup?: OnAddressLookupType;
     requiredFields?: string[];
     ref?: any;
     specifications?: AddressSpecifications;
@@ -22,6 +24,10 @@ export interface AddressProps {
     showPayButton?: boolean;
     setComponentRef?: (ref: any) => void;
 }
+export interface AddressLookupItem extends AddressData {
+    id: string;
+    name: string;
+}
 export interface AddressStateError {
     street?: ValidationRuleResult;
     houseNumberOrName?: ValidationRuleResult;

package/dist/types/components/internal/Address/utils.d.ts

@@ -1,8 +1,10 @@
 import Language from '../../../language';
 import { StringObject } from './types';
+export declare const DEFAULT_DEBOUNCE_TIME_MS = 300;
 /**
  * Used by the SRPanel sorting function to tell it whether we need to prepend the field type to the SR panel message, and, if so, we retrieve the correct translation for the field type.
  * (Whether we need to prepend the field type depends on whether we know that the error message correctly reflects the label of the field. Ultimately all error messages should do this
  * and this mapping fn will become redundant)
  */
 export declare const mapFieldKey: (key: string, i18n: Language, countrySpecificLabels: StringObject) => string;
+export declare const debounce: (fn: Function, ms?: number) => (this: any, ...args: any[]) => void;

package/dist/types/components/internal/Countdown/CountdownA11yReporter.d.ts

@@ -0,0 +1,25 @@
+import { SRPanel } from '../../../core/Errors/SRPanel';
+import Language from '../../../language';
+import { CountdownTime } from './types';
+interface ICountdownA11yService {
+    srPanel: SRPanel;
+    i18n: Language;
+}
+export declare class CountdownA11yReporter {
+    protected TRANSLATION_KEY: string;
+    protected LONG_TIMEOUT: number;
+    protected MID_TIMEOUT: number;
+    protected SHORT_TIMEOUT: number;
+    private readonly srPanel;
+    private readonly i18n;
+    private srInterval;
+    private timeout;
+    private timeLeft;
+    constructor(props: ICountdownA11yService);
+    update(time: CountdownTime): void;
+    tearDown(): void;
+    private setInterval;
+    private getSrMessages;
+    private clearInterval;
+}
+export {};

package/dist/types/components/internal/Countdown/index.d.ts

@@ -1,30 +1,4 @@
-import { Component, h } from 'preact';
-interface CountdownProps {
-    minutesFromNow: number;
-    onTick?: (time: any) => void;
-    onCompleted?: () => void;
-}
-interface CountdownState {
-    startTime: Date;
-    endTime: Date;
-    minutes: string;
-    seconds: string;
-}
-declare class Countdown extends Component<CountdownProps, CountdownState> {
-    constructor(props: any);
-    static defaultProps: {
-        onTick: () => void;
-        onCompleted: () => void;
-    };
-    protected interval: any;
-    tick(): void | {
-        minutes: any;
-        seconds: any;
-        percentage: number;
-    };
-    clearInterval(): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): h.JSX.Element;
-}
+import { h } from 'preact';
+import { CountdownProps } from './types';
+declare function Countdown({ minutesFromNow, onTick, onCompleted }: CountdownProps): h.JSX.Element;
 export default Countdown;

package/dist/types/components/internal/Countdown/types.d.ts

@@ -0,0 +1,9 @@
+export interface CountdownProps {
+    minutesFromNow: number;
+    onTick?: (time: any) => void;
+    onCompleted?: () => void;
+}
+export interface CountdownTime {
+    minutes: string | number;
+    seconds: string | number;
+}

package/dist/types/components/internal/Countdown/useCountdownA11yReporter.d.ts

@@ -0,0 +1,2 @@
+import { CountdownTime } from './types';
+export declare const useCountdownA11yReporter: (time: CountdownTime) => void;

package/dist/types/components/internal/FormFields/Select/Select.d.ts

@@ -1,7 +1,7 @@
 import { h } from 'preact';
 import { SelectProps } from './types';
 import './Select.scss';
-declare function Select({ items, className, classNameModifiers, filterable, readonly, onChange, selected, name, isInvalid, isValid, placeholder, uniqueId, disabled }: SelectProps): h.JSX.Element;
+declare function Select({ items, className, classNameModifiers, filterable, readonly, onChange, onInput, selected, name, isInvalid, isValid, placeholder, uniqueId, disabled, disableTextFilter, clearOnSelect }: SelectProps): h.JSX.Element;
 declare namespace Select {
     var defaultProps: {
         className: string;

package/dist/types/components/internal/FormFields/Select/types.d.ts

@@ -20,11 +20,14 @@ export interface SelectProps {
             name: string;
         };
     }) => void;
+    onInput?: (value: string) => void;
     placeholder: string;
     readonly: boolean;
     selected: string;
     uniqueId?: string;
     disabled: boolean;
+    disableTextFilter: boolean;
+    clearOnSelect: boolean;
 }
 export interface SelectButtonProps {
     inputText: string;