Mangopay / mangopay-checkout-web

Mangopay Checkout Web SDK
https://mangopay.com/docs/sdk/checkout-web
0 stars 0 forks source link

Error implementing with angular #4

Closed mohamed-mourabit closed 2 months ago

mohamed-mourabit commented 8 months ago

Hay there, thanks for this package, I just want to try it , and then i run on this error:

Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-elements-core/checkout-sdk-options.d.ts:1:29 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

1 import { DeepPartial } from '@mangopay/checkout-sdk-core';


Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-elements-core/common/field-error.d.ts:1:28 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

1 import { TypedError } from '@mangopay/checkout-sdk-core';

Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-elements-core/payment-method/applepay-payment-method-options.d.ts:1:23 - error TS2688: Cannot find type definition file for 'applepayjs'.

1 ///


Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-elements-core/payment-method/applepay-payment-method-options.d.ts:2:50 - error TS2503: Cannot find namespace 'ApplePayJS'.

2 export interface ApplePayPaymentRequests extends ApplePayJS.ApplePayPaymentRequest {     

Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-elements-core/payment-method/applepay-payment-method-options.d.ts:7:26 - error TS2503: Cannot find namespace 'ApplePayJS'.

7 merchantCapabilities?: ApplePayJS.ApplePayMerchantCapability[];


Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-elements-core/payment-method/applepay-payment-method-options.d.ts:9:34 - error TS2503: Cannot find namespace 'ApplePayJS'.

9   requiredBillingContactFields?: ApplePayJS.ApplePayContactField[];

Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-elements-core/payment-method/applepay-payment-method-options.d.ts:10:35 - error TS2503: Cannot find namespace 'ApplePayJS'.

10 requiredShippingContactFields?: ApplePayJS.ApplePayContactField[];


Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-elements-core/payment-method/applepay-payment-method-options.d.ts:11:20 - error TS2503: Cannot find namespace 'ApplePayJS'.

11   billingContact?: ApplePayJS.ApplePayPaymentContact;

Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-elements-core/payment-method/applepay-payment-method-options.d.ts:12:21 - error TS2503: Cannot find namespace 'ApplePayJS'.

12 shippingContact?: ApplePayJS.ApplePayPaymentContact;


Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-elements-core/payment-method/card-payment-method-options.d.ts:1:42 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

1 import { CardBrand, MgpTypedError } from '@mangopay/checkout-sdk-core';

Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-elements-core/payment-method/paypal-payment-method-options.d.ts:1:70 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

1 import { MgpTypedError, ProfilingAttemptReference, TypedError } from '@mangopay/checkout-sdk-core';


Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-elements-core/theme/theme.d.ts:1:32 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

1 import { ConfigProperty } from '@mangopay/checkout-sdk-core';

Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-hosted-core/checkout-sdk-frame-event-map.d.ts:7:8 - error TS2307: Cannot find module '@mangopay/checkout-sdk-elements-core' or its corresponding type declarations.

7 } from '@mangopay/checkout-sdk-elements-core';


Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-hosted-core/checkout-sdk-frame-event-map.d.ts:13:8 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

13 } from '@mangopay/checkout-sdk-core';

Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-hosted-core/checkout-sdk-frame-event-map.d.ts:14:33 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

14 import { HostAuthDetails } from '@mangopay/checkout-sdk-core';


Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-hosted-core/checkout-sdk-frame-event-map.d.ts:15:88 - error TS2307: Cannot find module '@mangopay/sdk-authorize' or its corresponding type declarations.

15 import { AuthorizeApplePayResult, AuthorizePaymentInput, AuthorizePaymentResult } from '@mangopay/sdk-authorize';

Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-hosted-core/checkout-sdk-frame-event-map.d.ts:16:45 - error TS2307: Cannot find module '@mangopay/vault-sdk' or its corresponding type declarations.

16 import { TokenizePaymentMethodResult } from '@mangopay/vault-sdk';


Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-hosted-core/checkout-sdk-host-event-map.d.ts:5:8 - error TS2307: Cannot find module '@mangopay/checkout-sdk-elements-core' or its corresponding type declarations.

5 } from '@mangopay/checkout-sdk-elements-core';

Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-hosted-core/checkout-sdk-host-event-map.d.ts:6:83 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

6 import { AuthorizePostMessagePayload, CheckHasAuthorizeErrorToHandleResult } from '@mangopay/checkout-sdk-core';


Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk-hosted-core/checkout-sdk-host-event-map.d.ts:7:70 - error TS2307: Cannot find module '@mangopay/sdk-authorize' or its corresponding type declarations.

7 import { AuthorizeApplePayResult, CreateCardDirectPayInResult } from '@mangopay/sdk-authorize';

Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk/checkout-sdk-instance/checkout-sdk-instance.d.ts:1:37 - error TS2307: Cannot find module '@mangopay/checkout-sdk-hosted-core' or its corresponding type declarations.

1 import { CheckoutSdkEventMap } from '@mangopay/checkout-sdk-hosted-core';


Error: node_modules/@mangopay/checkout-sdk/types/checkout-sdk/checkout-sdk/checkout-sdk.d.ts:1:60 - error TS2307: Cannot find module '@mangopay/checkout-sdk-elements-core' or its corresponding type declarations.

1 import { CardFormElementOptions, CheckoutSdkOptions } from '@mangopay/checkout-sdk-elements-core';

Error: node_modules/@mangopay/checkout-sdk/types/index.d.ts:49:3 - error TS2305: Module '"./checkout-sdk-hosted-core"' has no exported member 'TokenizePaymentMethodResult'.

49 TokenizePaymentMethodResult,


Error: node_modules/@mangopay/checkout-sdk/types/index.d.ts:54:3 - error TS2305: Module '"./checkout-sdk-hosted-core"' has no exported member 'HandleSecureAuthenticationResult'.     

54   HandleSecureAuthenticationResult,

Error: node_modules/@mangopay/checkout-sdk/types/index.d.ts:92:3 - error TS2666: Exports and export assignments are not permitted in module augmentations.

92 export {


Error: node_modules/@mangopay/checkout-sdk/types/index.d.ts:142:5 - error TS2304: Cannot find name 'CustomerInput'.

142     CustomerInput,

Error: node_modules/@mangopay/checkout-sdk/types/sdk-api-core/common/error-output.d.ts:1:29 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

1 export { ErrorOutput } from '@mangopay/checkout-sdk-core';


Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/authorize-payment/authorize-apple-pay-result.d.ts:1:23 - error TS2688: Cannot find type definition file for 'applepayjs'.

1 /// <reference types="applepayjs" />

Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/authorize-payment/authorize-apple-pay-result.d.ts:2:55 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

2 import { ProfilingAttemptReference, TypedError } from '@mangopay/checkout-sdk-core';


Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/authorize-payment/authorize-apple-pay-result.d.ts:3:40 - error TS2503: Cannot find namespace 'ApplePayJS'.

3 export type AuthorizeApplePayResult = (ApplePayJS.ApplePayPaymentToken & ProfilingAttemptReference) | TypedError;

Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/create-card-direct-pay-in/create-card-direct-pay-in-input.d.ts:1:59 - error TS2307: Cannot find module '@mangopay/vault-sdk/src/types' or its corresponding type declarations.

1 import { BrowserInfo, PayInBilling, PayInMoneyCard } from '@mangopay/vault-sdk/src/types';


Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/create-card-direct-pay-in/create-card-direct-pay-in-result.d.ts:1:70 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

1 import { MgpTypedError, ProfilingAttemptReference, TypedError } from '@mangopay/checkout-sdk-core';

Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/create-card-direct-pay-in/create-card-direct-pay-in-result.d.ts:2:59 - error TS2307: Cannot find module '@mangopay/vault-sdk/src/types' or its corresponding type declarations.

2 import { PayInMoneyCard, PayInBilling, BrowserInfo } from '@mangopay/vault-sdk/src/types';


Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/create-card-direct-pay-in/create-card-direct-pay-in.d.ts:1:40 - error TS2307: Cannot find module '@mangopay/checkout-sdk-elements-core' or its corresponding type declarations.

1 import { CheckoutSdkEnvironment } from '@mangopay/checkout-sdk-elements-core';

Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/index.d.ts:1:41 - error TS2307: Cannot find module '@mangopay/sdk-api-core' or its corresponding type declarations.

1 export { ErrorOutput, BaseOutput } from '@mangopay/sdk-api-core';


Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/sdk-authorize-options.d.ts:1:40 - error TS2307: Cannot find module '@mangopay/checkout-sdk-elements-core' or its corresponding type declarations.

1 import { CheckoutSdkEnvironment } from '@mangopay/checkout-sdk-elements-core';

Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/view-card/view-card-result.d.ts:1:70 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

1 import { MgpTypedError, ProfilingAttemptReference, TypedError } from '@mangopay/checkout-sdk-core';


Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/view-card/view-card.d.ts:1:40 - error TS2307: Cannot find module '@mangopay/checkout-sdk-elements-core' or its corresponding type declarations.

1 import { CheckoutSdkEnvironment } from '@mangopay/checkout-sdk-elements-core';

Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/view-pay-in/view-pay-in-result.d.ts:1:70 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

1 import { MgpTypedError, ProfilingAttemptReference, TypedError } from '@mangopay/checkout-sdk-core';


Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/view-pay-in/view-pay-in-result.d.ts:2:46 - error TS2307: Cannot find module '@mangopay/vault-sdk/src/types' or its corresponding type declarations.

2 import { PayInMoneyCard, PayInBilling } from '@mangopay/vault-sdk/src/types';

Error: node_modules/@mangopay/checkout-sdk/types/sdk-authorize/view-pay-in/view-pay-in.d.ts:1:40 - error TS2307: Cannot find module '@mangopay/checkout-sdk-elements-core' or its corresponding type declarations.

1 import { CheckoutSdkEnvironment } from '@mangopay/checkout-sdk-elements-core';


Error: node_modules/@mangopay/checkout-sdk/types/vault-sdk/get-saved-cards/get-saved-cards-output.d.ts:1:28 - error TS2307: Cannot find module '@mangopay/sdk-api-core' or its corresponding type declarations.

1 import { BaseOutput } from '@mangopay/sdk-api-core';

Error: node_modules/@mangopay/checkout-sdk/types/vault-sdk/index.d.ts:3:41 - error TS2307: Cannot find module '@mangopay/sdk-api-core' or its corresponding type declarations.

3 export { ErrorOutput, BaseOutput } from '@mangopay/sdk-api-core';


Error: node_modules/@mangopay/checkout-sdk/types/vault-sdk/post-card-info/post-card-info-result.d.ts:1:43 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

1 import { MgpTypedError, TypedError } from '@mangopay/checkout-sdk-core';

Error: node_modules/@mangopay/checkout-sdk/types/vault-sdk/tokenize-payment-method/tokenize-payment-method-result.d.ts:1:70 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

1 import { MgpTypedError, ProfilingAttemptReference, TypedError } from '@mangopay/checkout-sdk-core';



Error: node_modules/@mangopay/checkout-sdk/types/vault-sdk/update-card-registration/update-card-registration-output.d.ts:1:43 - error TS2307: Cannot find module '@mangopay/checkout-sdk-core' or its corresponding type declarations.

1 import { MgpTypedError, TypedError } from '@mangopay/checkout-sdk-core';
jidefela-mgp commented 6 months ago

Hello, @mohamed-mourabit

The SDK does not have out-of-box support for angular, that said, you should be able to use the regular TS package.

Let m know if you still require help with the issue.