@tap-payments/click-to-pay-button-web 0.0.1-test

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Tap Payments
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,62 @@
+<h1 align="center">card-button-element</h1>
+<h3 align="center">
+
+[![Build Status](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white)](https://www.npmjs.com/package/@tap-payments/card-button-web?activeTab=versions)
+
+[![NPM version](https://img.shields.io/npm/v/[NPM-MODULE-NAME].svg?style=flat)](https://www.npmjs.com/package/@tap-payments/card-button-web?activeTab=versions)
+[![NPM downloads](https://img.shields.io/npm/dm/[NPM-MODULE-NAME].svg?style=flat)](https://www.npmjs.com/package/@tap-payments/card-button-web?activeTab=versions)
+</h3>
+
+# Installation
+
+`npm`
+```bash
+npm i @tap-payments/card-button-web
+```
+
+or `yarn`
+
+```bash
+yarn add @tap-payments/card-button-web
+```
+
+or `pnpm`
+```bash
+pnpm add @tap-payments/card-button-web
+```
+
+
+<table>
+ <tr>
+  <th>Loading</th>
+  <th>Button passed all data</th>
+ </tr>
+ <tr>
+  <td>
+
+![image](https://github.com/Tap-Payments/card-button-element/assets/27288406/a55416a7-dde3-4687-8560-f59dbda093cd)
+
+  </td>
+  <td>
+
+![image](https://github.com/Tap-Payments/card-button-element/assets/27288406/b10418fa-912f-490b-925c-0165e8951680)
+
+  </td>
+ </tr>
+ <tr>
+  <th>Button with missing passed data</th>
+  <th>Button with missing passed data card info filled</th>
+ </tr>
+ <tr>
+  <td>
+
+![image](https://github.com/Tap-Payments/card-button-element/assets/27288406/1d793fef-7bcf-4e84-bacb-23719445d6ef)
+
+  </td>
+  <td>
+
+![image](https://github.com/Tap-Payments/card-button-element/assets/27288406/bd80713a-40aa-40e9-9dea-3fc5c6260185)
+
+  </td>
+ </tr>
+</table>

package/build/@types/authenticate.d.ts

@@ -0,0 +1,138 @@
+export interface AuthenticateResponse {
+    id: string;
+    object: string;
+    live_mode: boolean;
+    api_version: string;
+    status: string;
+    created: string;
+    response: Response;
+    threeDSecure: ThreeDsecure;
+    order: Order;
+    purpose: string;
+    customer: Customer;
+    source: Source;
+    card: Card;
+    device: Device;
+    auth_provider: AuthProvider;
+    redirect: Redirect;
+}
+export interface Response {
+    code: string;
+    message: string;
+}
+export interface ThreeDsecure {
+    acs_eci: string;
+    card_enrolled: string;
+    authentication_token: string;
+    transaction_id: string;
+    version: string;
+    trans_status: string;
+    mode: string;
+    type: string;
+}
+export interface Order {
+    id: string;
+    created: number;
+    object: string;
+    live_mode: string;
+    api_version: string;
+    feature_version: string;
+    status: string;
+    amount: number;
+    currency: string;
+    items_count: number;
+    items: Item[];
+}
+export interface Item {
+    id: string;
+    quantity: number;
+    product: Product;
+}
+export interface Product {
+    amount: number;
+    currency: string;
+    profile: Profile;
+}
+export interface Profile {
+    name: Name[];
+    description: Description[];
+}
+export interface Name {
+    text: string;
+    locale: string;
+}
+export interface Description {
+    text: string;
+    locale: string;
+}
+export interface Customer {
+    id: string;
+    name: Name2[];
+    contact: Contact;
+}
+export interface Name2 {
+    first_name: string;
+    last_name: string;
+    middle_name: string;
+    locale: string;
+}
+export interface Contact {
+    email: string;
+    phone: Phone;
+}
+export interface Phone {
+    country_code: string;
+    number: string;
+}
+export interface Source {
+    id: string;
+    object: string;
+    payment_method: string;
+}
+export interface Card {
+    first_six: string;
+    scheme: string;
+    brand: string;
+    category: string;
+    last_four: string;
+    name: string;
+    expiry: Expiry;
+    funding: string;
+}
+export interface Expiry {
+    month: string;
+    year: string;
+}
+export interface Device {
+    type: string;
+    location: Location;
+    browser: Browser;
+}
+export interface Location {
+    ip: string;
+    city: string;
+    time_zone: string;
+    country: string;
+    region: Region;
+}
+export interface Region {
+    code: string;
+    name: string;
+}
+export interface Browser {
+    language: string;
+    screen_height: string;
+    screen_width: string;
+    color_depth: string;
+    java_enabled: boolean;
+    java_script_enabled: boolean;
+    accept_headers: string;
+    '3ds_challenge_window_size': string;
+    user_agent: string;
+}
+export interface AuthProvider {
+    name: string;
+}
+export interface Redirect {
+    url: string;
+}

package/build/@types/authenticate.js

@@ -0,0 +1 @@
+export {};

package/build/@types/cardButtonProps.d.ts

@@ -0,0 +1,11 @@
+import { ButtonSDKProps } from "@tap-payments/acceptance-sdk";
+import { BinIdentificationResponse } from "./cardWeb";
+export interface ClickToPayButtonProps extends ButtonSDKProps {
+    styles?: {
+        layoutBackgroundColor?: string;
+    };
+    onHeightChange?: (height: number) => void;
+    onScannerClick?: () => void;
+    onNfcClick?: () => void;
+    onBinIdentification?: (data: BinIdentificationResponse) => void;
+}

package/build/@types/cardButtonProps.js

@@ -0,0 +1 @@
+export {};

package/build/@types/cardWeb.d.ts

@@ -0,0 +1,161 @@
+import { CardElementProps } from '@tap-payments/card-web/build/types';
+import { CardType } from '.';
+import { CheckoutProfileResponse } from '@tap-payments/acceptance-sdk';
+export type CheckoutCardElementProps = CardElementProps & {
+    config: CardElementProps['config'] & {
+        checkoutProfileResponse?: CheckoutProfileResponse;
+    };
+};
+export interface BinIdentificationResponse {
+    bin: string;
+    bank: string;
+    brand: CardType;
+    card_brand: CardType;
+    card_scheme: CardType;
+    card_type: 'CREDIT' | 'DEBIT';
+    card_category: string;
+    country: string;
+    api_version: string;
+    issuer_id: string;
+    address_required: boolean;
+}
+export interface CardWebSuccessResponse {
+    id: string;
+    object: string;
+    live_mode: boolean;
+    api_version: string;
+    save_card: boolean;
+    status: string;
+    created: string;
+    response: Response;
+    threeDSecure: ThreeDSecure;
+    order: Order;
+    purpose: string;
+    customer: Customer;
+    source: Source;
+    card: Card;
+    merchant: Merchant;
+    device: Device;
+    auth_provider: Authprovider;
+    redirect: Redirect;
+}
+interface Redirect {
+    url: string;
+}
+interface Authprovider {
+    name: string;
+}
+interface Device {
+    type: string;
+    location: Location;
+    browser: Browser;
+}
+interface Browser {
+    language: string;
+    screen_height: string;
+    screen_width: string;
+    color_depth: string;
+    java_enabled: boolean;
+    java_script_enabled: boolean;
+    accept_headers: string;
+    '3ds_challenge_window_size': string;
+    user_agent: string;
+}
+interface Location {
+    ip: string;
+    city: string;
+    time_zone: string;
+    country: string;
+    region: Region;
+}
+interface Region {
+    code: string;
+    name: string;
+}
+interface Card {
+    first_six: string;
+    scheme: string;
+    brand: string;
+    category: string;
+    last_four: string;
+    name: string;
+    expiry: Expiry;
+    funding: string;
+}
+interface Expiry {
+    month: string;
+    year: string;
+}
+interface Source {
+    id: string;
+    object: string;
+    payment_method: string;
+}
+interface Customer {
+    id: string;
+    name: Name2[];
+    contact: Contact;
+}
+interface Contact {
+    email: string;
+    phone: Phone;
+}
+interface Phone {
+    number: string;
+}
+interface Name2 {
+    first_name: string;
+    last_name: string;
+    middle_name: string;
+    locale: string;
+}
+interface Order {
+    id: string;
+    object: string;
+    live_mode: string;
+    api_version: string;
+    feature_version: string;
+    status: string;
+    amount: number;
+    currency: string;
+    items_count: number;
+    items: Item[];
+    merchant: Merchant;
+}
+interface Merchant {
+    id: string;
+}
+interface Item {
+    id: string;
+    quantity: number;
+    product: Product;
+}
+interface Product {
+    id: string;
+    amount: number;
+    currency: string;
+    profile: Profile;
+}
+interface Profile {
+    name: Name[];
+    description: Name[];
+}
+interface Name {
+    text: string;
+    locale: string;
+}
+interface ThreeDSecure {
+    acs_eci: string;
+    card_enrolled: string;
+    authentication_token: string;
+    transaction_id: string;
+    version: string;
+    trans_status: string;
+    mode: string;
+    type: string;
+}
+interface Response {
+    code: string;
+    message: string;
+}
+export {};

package/build/@types/cardWeb.js

@@ -0,0 +1 @@
+export {};

package/build/@types/click2pay.d.ts

@@ -0,0 +1,11 @@
+export * from './clickToPay/dpaData';
+export * from './clickToPay/click2PayCard';
+export * from './clickToPay/dpaTransactionOptions';
+export * from './clickToPay/mastercardCheckoutServicesObject';
+export * from './clickToPay/events/index';
+export * from './clickToPay/events/init';
+export * from './clickToPay/events/getCards';
+export * from './clickToPay/events/idLookup';
+export * from './clickToPay/events/initiateValidation';
+export * from './clickToPay/events/validate';
+export * from './clickToPay/events/signOut';

package/build/@types/click2pay.js

@@ -0,0 +1,11 @@
+export * from './clickToPay/dpaData';
+export * from './clickToPay/click2PayCard';
+export * from './clickToPay/dpaTransactionOptions';
+export * from './clickToPay/mastercardCheckoutServicesObject';
+export * from './clickToPay/events/index';
+export * from './clickToPay/events/init';
+export * from './clickToPay/events/getCards';
+export * from './clickToPay/events/idLookup';
+export * from './clickToPay/events/initiateValidation';
+export * from './clickToPay/events/validate';
+export * from './clickToPay/events/signOut';

package/build/@types/clickToPay/checkoutResponseData.d.ts

@@ -0,0 +1,14 @@
+import type { MaskedCard } from './maskedCard';
+import type { MaskedConsumer } from './maskedConsumer';
+export type CheckoutActionCode = 'CANCEL' | 'COMPLETE' | 'SWITCH_CONSUMER' | 'CHANGE_CARD' | (string & {});
+export interface CheckoutResponseData {
+    srcCorrelationId?: string;
+    srciTransactionId?: string;
+    maskedCard?: MaskedCard;
+    maskedConsumer?: MaskedConsumer;
+    assuranceData?: {
+        cardVerificationEntity: string;
+        cardVerificationMethod: string;
+        cardVerificationResults: string;
+    };
+}

package/build/@types/clickToPay/checkoutResponseData.js

@@ -0,0 +1 @@
+export {};

package/build/@types/clickToPay/click2PayCard.d.ts

@@ -0,0 +1,56 @@
+export type CARD_BRAND = 'visa' | 'amex' | 'maestro' | 'mastercard' | 'discover';
+export interface DigitalCardData {
+    status: 'ACTIVE' | (string & {});
+    descriptorName: string;
+    artUri: string;
+    presentationName?: string;
+    artHeight?: string;
+    artWidth?: string;
+    pendingEvents?: Array<'PENDING_AVS' | 'PENDING_SCA' | 'PENDING_CONSUMER_IDV'>;
+    coBrandedName?: string;
+    isCoBranded?: boolean;
+}
+export interface MaskedBillingAddress {
+    name?: string;
+    line1?: string;
+    line2?: string;
+    line3?: string;
+    city?: string;
+    state?: string;
+    countryCode?: string;
+    zip?: string;
+    addressId: string;
+    createTime?: string;
+    lastUsedTime?: string;
+}
+interface Dcf {
+    type: string;
+    uri: string;
+    logoUri: string;
+    name: string;
+}
+export interface Click2PayCard {
+    dcf: Dcf;
+    panBin: string;
+    countryCode: string;
+    panLastFour: string;
+    tokenLastFour?: string;
+    tokenBinRange?: any;
+    srcPaymentCardId?: string;
+    srcDigitalCardId?: string;
+    digitalCardFeatures: any[];
+    panExpirationMonth: string;
+    panExpirationYear: string;
+    paymentCardDescriptor: string;
+    paymentCardType: string;
+    digitalCardData: DigitalCardData;
+    cardholderFirstName: string;
+    cardholderLastName: string;
+    cardholderFullName: string;
+    dateOfCardCreated: string;
+    dateOfCardLastUsed: string;
+    maskedBillingAddress?: MaskedBillingAddress;
+    maskedShippingAddress?: MaskedBillingAddress;
+    digitalCardRelatedData?: any;
+}
+export {};

package/build/@types/clickToPay/click2PayCard.js

@@ -0,0 +1 @@
+export {};

package/build/@types/clickToPay/complianceSettings.d.ts

@@ -0,0 +1,12 @@
+export interface ComplianceSettings {
+    privacy?: {
+        acceptedVersion?: 'LATEST' | (string & {});
+        latestVersion?: 'LATEST' | (string & {});
+        latestVersionUri?: string;
+    };
+    tnc?: {
+        acceptedVersion: 'LATEST' | (string & {});
+        latestVersion: 'LATEST' | (string & {});
+        latestVersionUri: string;
+    };
+}

package/build/@types/clickToPay/complianceSettings.js

@@ -0,0 +1 @@
+export {};

package/build/@types/clickToPay/consumer.d.ts

@@ -0,0 +1,9 @@
+export interface Consumer {
+    firstName?: string | null;
+    lastName?: string | null;
+    emailAddress?: string | null;
+    mobileNumber?: {
+        countryCode: string;
+        phoneNumber: string;
+    } | null;
+}

package/build/@types/clickToPay/consumer.js

@@ -0,0 +1 @@
+export {};

package/build/@types/clickToPay/dpaData.d.ts

@@ -0,0 +1,7 @@
+export interface DpaData {
+    dpaName: string;
+    dpaUri?: string;
+    dpaLogoUri?: string;
+    applicationType?: string;
+    dpaPresentationName?: string;
+}

package/build/@types/clickToPay/dpaData.js

@@ -0,0 +1 @@
+export {};

package/build/@types/clickToPay/dpaTransactionOptions.d.ts

@@ -0,0 +1,31 @@
+import type { CountryCode, currencyCode } from '@tap-payments/acceptance-sdk';
+interface TransactionAmount {
+    transactionAmount: number;
+    transactionCurrencyCode: currencyCode;
+}
+interface AuthenticationPreferences {
+    payloadRequested?: 'AUTHENTICATED' | 'NON_AUTHENTICATED';
+}
+interface PaymentOptions {
+    dynamicDataType?: string;
+}
+export interface DpaTransactionOptions {
+    dpaAcceptedBillingCountries?: CountryCode[];
+    transactionAmount?: TransactionAmount;
+    dpaBillingPreference?: 'NONE' | 'FULL' | 'POSTAL_COUNTRY';
+    dpaLocale: string;
+    authenticationPreferences?: AuthenticationPreferences;
+    consumerEmailAddressRequested?: boolean;
+    consumerPhoneNumberRequested?: boolean;
+    consumerNameRequested?: boolean;
+    paymentOptions?: PaymentOptions[];
+    merchantCategoryCode?: string;
+    merchantCountryCode?: CountryCode;
+    acquirerBIN?: string;
+    acquirerMerchantId?: string;
+    merchantOrderId?: string;
+    orderType?: 'SPLIT_SHIPMENT' | 'PREFERRED_CARD';
+    threeDsPreference?: 'NONE' | (string & {});
+    confirmPayment?: boolean;
+}
+export {};

package/build/@types/clickToPay/dpaTransactionOptions.js

@@ -0,0 +1 @@
+export {};

package/build/@types/clickToPay/events/checkoutWithCard.d.ts

@@ -0,0 +1,24 @@
+import type { CheckoutActionCode, CheckoutResponseData } from '../checkoutResponseData';
+import type { ComplianceSettings } from '../complianceSettings';
+import type { DpaTransactionOptions } from '../dpaTransactionOptions';
+import type { ClickToPayError } from './errors';
+export type ClickToPay_Event_CheckoutWithCard_Request_params = {
+    srcDigitalCardId: string;
+    windowRef: Window | object | null;
+    complianceSettings?: ComplianceSettings;
+    dpaTransactionOptions?: DpaTransactionOptions;
+    rememberMe?: boolean;
+};
+export type ClickToPay_Event_CheckoutWithCard_Response_Error = ClickToPayError<'INVALID_PARAMETER' | 'CARD_INVALID'>;
+export type ClickToPay_Event_CheckoutWithCard_Response_Success = {
+    checkoutActionCode: CheckoutActionCode;
+    checkoutResponse?: string;
+    idToken?: string;
+    network?: string;
+    headers?: {
+        'x-src-cx-flow-id'?: string;
+        'merchant-transaction-id'?: string;
+    };
+    checkoutResponseData?: CheckoutResponseData;
+};
+export type ClickToPay_Event_CheckoutWithCard_Response = ClickToPay_Event_CheckoutWithCard_Response_Success | ClickToPay_Event_CheckoutWithCard_Response_Error;

package/build/@types/clickToPay/events/checkoutWithCard.js

@@ -0,0 +1 @@
+export {};

package/build/@types/clickToPay/events/checkoutWithNewCard.d.ts

@@ -0,0 +1,26 @@
+import type { CheckoutActionCode, CheckoutResponseData } from '../checkoutResponseData';
+import type { ComplianceSettings } from '../complianceSettings';
+import type { Consumer } from '../consumer';
+import type { DpaTransactionOptions } from '../dpaTransactionOptions';
+import type { ClickToPay_Event_EncryptCard_Response_Success } from './encryptCard';
+import type { ClickToPayError } from './errors';
+export type ClickToPay_Event_CheckoutWithNewCard_Request_params = ClickToPay_Event_EncryptCard_Response_Success & {
+    consumer?: Consumer;
+    windowRef: Window | object | null;
+    complianceSettings?: ComplianceSettings;
+    dpaTransactionOptions?: DpaTransactionOptions;
+    rememberMe?: boolean;
+};
+export type ClickToPay_Event_CheckoutWithNewCard_Response_Error = ClickToPayError<'INVALID_PARAMETER' | 'CARD_INVALID'>;
+export type ClickToPay_Event_CheckoutWithNewCard_Response_Success = {
+    checkoutActionCode: CheckoutActionCode;
+    checkoutResponse?: string;
+    idToken?: string;
+    network?: string;
+    headers?: {
+        'x-src-cx-flow-id'?: string;
+        'merchant-transaction-id'?: string;
+    };
+    checkoutResponseData?: CheckoutResponseData;
+};
+export type ClickToPay_Event_CheckoutWithNewCard_Response = ClickToPay_Event_CheckoutWithNewCard_Response_Success | ClickToPay_Event_CheckoutWithNewCard_Response_Error;

package/build/@types/clickToPay/events/checkoutWithNewCard.js

@@ -0,0 +1 @@
+export {};

package/build/@types/clickToPay/events/encryptCard.d.ts

@@ -0,0 +1,26 @@
+import type { CARD_BRAND } from '../click2PayCard';
+import type { ClickToPayError } from './errors';
+export type ClickToPay_Event_EncryptCard_Request_params = {
+    primaryAccountNumber: string;
+    panExpirationMonth: string;
+    panExpirationYear: string;
+    cardSecurityCode: string;
+    cardholderFirstName?: string;
+    cardholderLastName?: string;
+    billingAddress?: {
+        name?: string;
+        line1?: string;
+        line2?: string;
+        line3?: string;
+        city?: string;
+        state?: string;
+        zip?: string;
+        countryCode?: string;
+    };
+};
+export type ClickToPay_Event_EncryptCard_Response_Error = ClickToPayError<'INVALID_PARAMETER' | 'UNKNOWN_ERROR'>;
+export type ClickToPay_Event_EncryptCard_Response_Success = {
+    encryptedCard: string;
+    cardBrand: CARD_BRAND;
+};
+export type ClickToPay_Event_EncryptCard_Response = ClickToPay_Event_EncryptCard_Response_Success | ClickToPay_Event_EncryptCard_Response_Error;

package/build/@types/clickToPay/events/encryptCard.js

@@ -0,0 +1 @@
+export {};