cil-dropin-components/dist/index.d.ts

Dropin Components

/*
 * @Author: malson
 * @Date: 2025-06-03 11:06:47
 * @Description:
 */
interface DefaultFont {
  fontFamily?: string
  fontSize?: string
  fontWeight?: number
  letterSpacing?: string
  lineHeight?: string
}

interface Appearance {
  colorAction?: string
  colorBackground?: string
  colorBoxStroke?: string
  colorDisabled?: string
  colorError?: string
  colorFormBackground?: string
  colorFormBorder?: string
  colorInverse?: string
  colorBoxFillingOutline?: string
  colorPlaceholder?: string
  colorPrimary?: string
  colorSecondary?: string
  button?: DefaultFont
  heading?: DefaultFont
  subHeading?: DefaultFont
  headingPopup?: DefaultFont
  label?: DefaultFont
  labelInfo?: DefaultFont
  labelPopup?: DefaultFont
  inputField?: DefaultFont
  inputFieldInfo?: DefaultFont
  inputFieldPopup?: DefaultFont
  paragraph?: DefaultFont
  placeholder?: DefaultFont
  borderRadius?: [string, string, string]
  logoPosition?: 'left' | 'middle' | 'right'
}

interface CardOptions {
  showCardHolderName?: boolean
  CVVForSavedCard?: boolean
}

interface TnCOptions {
  showTnC?: boolean
  mode?: 'checkbox' | 'click2accept'
  url?: string
}

interface UIOption {
  showSaveImage?: boolean
  card?: CardOptions
  TnC?: TnCOptions
  appearance?: Appearance
}

interface VerifyOption {
  isVerifyPaymentBrand?: boolean
}

interface ResultParams {
  type?: 'payment'
  sessionID?: string
  merchantTransID?: string
  code?: string
  message?: string
  econtext?: any
}

interface CardBinResultParams {
  verificationID: string
  paymentMethod?: string
  first6No?: string
  last4No?: string
  dpanFirst6No?: string
  dpanLast4No?: string
  paymentBrand?: string
  currency?: string
  fundingType?: string
  issuingBank?: string
  issuerCountry?: string
  productID?: string
}

interface CardInfoParams {
  cardOperationID?: string
  token?: string
}

interface TokenDeleteResultParams {
  type?: 'token_deleted_completed'
  sessionID?: string
  cardInfo?: CardInfoParams
}

interface DropInOptions {
  type?: 'payment'
  sessionID?: string
  locale?: 'en-US' | 'zh-CN' | 'zh-TW' | 'ja-JP' | 'ko-KR' | 'th-TH' | 'vi-VN' | 'id-ID'
  environment?: string
  mode?: 'fullPage' | 'embedded'
  uiOption?: UIOption
  verifyOption?: VerifyOption
  payment_completed?: (ret: ResultParams) => void
  payment_failed?: (ret: ResultParams) => void
  payment_not_preformed?: (ret: ResultParams) => void
  payment_cancelled?: (ret: ResultParams) => void
  order_created?: (ret: ResultParams) => void
  payment_method_selected?: (ret: CardBinResultParams) => void
  token_deleted_completed?: (ret: TokenDeleteResultParams) => void
  id?: string
}

interface DropInVerificationParams {
  isValid: boolean
  id: string
  msg?: string
}

declare class DropInSDK {
  constructor(options?: DropInOptions)
  private initialize(): DropInSDK
  private destroy(): void
  private pay(): void
  private callbackVerification(params: DropInVerificationParams): void
}
export default DropInSDK
export { DropInOptions, UIOption, VerifyOption, TnCOptions, CardOptions, Appearance, DefaultFont, ResultParams, DropInSDK }