@mercadopago/sdk-react - npm Package Compare versions

Comparing version 0.0.18 to 0.0.19

bricks/brand/index.d.ts

@@ -21,5 +21,5 @@ import React from 'react';
  *
- * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/brand-brick/introduction Brand Brick documentation} for more information.
+ * @see {@link https://www.mercadopago.com.ar/developers/en/docs/checkout-bricks/brand-brick/introduction Brand Brick documentation} for more information.
  */
-declare const Brand: ({ onReady, customization, locale, }: TBrand) => React.JSX.Element;
+declare const Brand: ({ onReady, customization, locale }: TBrand) => React.JSX.Element;
 export default Brand;

bricks/brand/index.js

@@ -23,5 +23,5 @@ import React, { useEffect } from 'react';
  *
- * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/brand-brick/introduction Brand Brick documentation} for more information.
+ * @see {@link https://www.mercadopago.com.ar/developers/en/docs/checkout-bricks/brand-brick/introduction Brand Brick documentation} for more information.
  */
-const Brand = ({ onReady = onReadyDefault, customization, locale, }) => {
+const Brand = ({ onReady = onReadyDefault, customization, locale }) => {
     useEffect(() => {
@@ -28,0 +28,0 @@ // Brand uses a debounce to prevent unnecessary reRenders.

bricks/brand/types.d.ts

@@ -154,14 +154,14 @@ export type TBrand = {
      * Optional. Specify the payment methods you don't want to show.
-     * ['master', 'visa', 'amex', 'naranja', 'maestro', 'cabal', 'cencosud', 'cordobesa', 'argencard', 'diners', 'tarshop', 'cmr', 'rapipago', 'pagofacil', 'mercadopago']
+     * ['master', 'visa', 'amex', 'naranja', 'maestro', 'cabal', 'cencosud', 'cordobesa', 'argencard', 'diners', 'tarshop', 'cmr', 'rapipago', 'pagofacil']
      *
      * @see {@link https://mercadopago.com.ar/developers/en/docs/checkout-bricks/brand-brick/settings/payment-methods Brick # Payment methods} documentation.
      */
-    excludedPaymentMethods?: TBrandPaymentMethods[];
+    excludedPaymentMethods?: TBrandExcludedPaymentMethods[];
     /**
      * Optional. Specify the payment types you don't want to show.
-     * ['credit_card', 'debit_card', 'ticket', 'account_money', 'mercado_credito'].
+     * ['credit_card', 'debit_card', 'ticket'].
      *
      * @see {@link https://mercadopago.com.ar/developers/en/docs/checkout-bricks/brand-brick/settings/payment-methods Brick # Payment methods} documentation.
      */
-    excludedPaymentTypes?: TBrandPaymentTypes[];
+    excludedPaymentTypes?: TBrandExcludedPaymentTypes[];
     /**
@@ -180,4 +180,4 @@ * Optional. Add an installment limit.
 }
-type TBrandPaymentMethods = 'master' | 'visa' | 'amex' | 'naranja' | 'maestro' | 'cabal' | 'cencosud' | 'cordobesa' | 'argencard' | 'diners' | 'tarshop' | 'cmr' | 'rapipago' | 'pagofacil' | 'mercadopago';
-type TBrandPaymentTypes = 'credit_card' | 'debit_card' | 'ticket' | 'account_money' | 'mercado_credito';
+type TBrandExcludedPaymentMethods = 'master' | 'visa' | 'amex' | 'naranja' | 'maestro' | 'cabal' | 'cencosud' | 'cordobesa' | 'argencard' | 'diners' | 'tarshop' | 'cmr' | 'rapipago' | 'pagofacil';
+type TBrandExcludedPaymentTypes = 'credit_card' | 'debit_card' | 'ticket';
 export {};

bricks/cardPayment/type.d.ts

@@ -13,3 +13,3 @@ import { IBrickError, IPayerIdentification } from '../util/types/common';
      * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/default-rendering Card Payment Brick # Default rendering} documentation.
-     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/additional-customization/additional-data Card Payment Brick # Additional Settings # Additional data} documentatio to understand the second param.
+     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/advanced-features/additional-data Card Payment Brick # Advanced features # Additional data} documentatio to understand the second param.
      */
@@ -32,3 +32,3 @@ onSubmit: (param: ICardPaymentFormData<ICardPaymentBrickPayer>, param2?: IAdditionalData) => Promise<void>;
      *
-     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/additional-customization/additional-callbacks Card Payment Brick # Additional Settings # Additional callbacks} documentation.
+     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/advanced-features/additional-callbacks Card Payment Brick # Advanced features # Additional callbacks} documentation.
      */
@@ -54,3 +54,3 @@ onBinChange?: (param: string) => void;
          *
-         * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/additional-customization/initialize-data-on-the-bricks Card Payment Brick # Additional Settings # Initialize data on the Brick} documentation.
+         * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/advanced-features/initialize-data-on-the-bricks Card Payment Brick # Advanced features # Initialize data on the Brick} documentation.
          */
@@ -66,3 +66,3 @@ payer?: ICardPaymentBrickPayer;
          *
-         * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/additional-customization/configure-installments Card Payment Brick # Additional Settings # Configure Installments} documentation.
+         * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/advanced-features/configure-installments Card Payment Brick # Advanced features # Configure Installments} documentation.
          */
@@ -81,3 +81,3 @@ paymentMethods?: {
              *
-             * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/additional-customization/configure-payment-methods Card Payment Brick # Additional Settings # Configure accepted payment methods} documentation.
+             * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/advanced-features/configure-payment-methods Card Payment Brick # Advanced features # Configure accepted payment methods} documentation.
              */
@@ -95,4 +95,4 @@ types?: {
          *
-         * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/additional-customization/hide-element Card Payment Brick # Additional Settings # Hide Elements} documentation.
-         * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/additional-customization/change-texts Card Payment Brick # Additional Settings # Change texts} documentation.
+         * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/visual-customizations/hide-element Card Payment Brick # Visual customizations # Hide Elements} documentation.
+         * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/visual-customizations/change-texts Card Payment Brick # Visual customizations # Change texts} documentation.
          * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/additional-content/set-theme General Customization # Set theme} documentation.
@@ -172,3 +172,3 @@ * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/additional-content/modify-css-variables General Customization # Modify CSS variables} documentation.
      *
-     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/additional-customization/additional-data Card Payment Brick # Additional Settings # Additional data customization} documentation.
+     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/advanced-features/additional-data Card Payment Brick # Advanced features # Additional data customization} documentation.
      */
@@ -192,3 +192,3 @@ bin: string;
  *
- * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/additional-customization/configure-payment-methods Card Payment Brick # Additional Settings # Configure accepted payment methods} documentation.
+ * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/card-payment-brick/advanced-features/configure-payment-methods Card Payment Brick # Advanced features # Configure accepted payment methods} documentation.
  */
@@ -195,0 +195,0 @@ type TCardPaymentBrickPaymentType = 'credit_card' | 'debit_card';

bricks/payment/type.d.ts

@@ -277,3 +277,3 @@ import { ICardPaymentBrickPayer, ICardPaymentBrickVisual, ICardPaymentFormData } from '../cardPayment/type';
      *
-     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/payment-brick/payment-submission/other-payment-methods/brasil Returned data} documentation.
+     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/payment-brick/payment-submission/other-payment-methods Returned data} documentation.
      */
@@ -284,3 +284,3 @@ paymentType: TPaymentBrickPaymentType;
      *
-     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/payment-brick/payment-submission/other-payment-methods/brasil Returned data} documentation.
+     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/payment-brick/payment-submission/other-payment-methods Returned data} documentation.
      */
@@ -291,3 +291,3 @@ selectedPaymentMethod: TPaymentBrickPaymentType;
      *
-     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/payment-brick/payment-submission/other-payment-methods/brasil Returned data} documentation.
+     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/payment-brick/payment-submission/other-payment-methods Returned data} documentation.
      */
@@ -553,3 +553,3 @@ formData: ICardPaymentFormData<ICardPaymentBrickPayer> & ICardPaymentFormData<ISavedCardPayer> & TicketFormData & IFormDataAdditionalInfo;
  *
- * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/payment-brick/additional-customization/manage-payment-methods Payment} documentation.
+ * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/payment-brick/advanced-features/manage-payment-methods Payment} documentation.
  */
@@ -677,4 +677,3 @@ type TPaymentBrickPaymentMethods = IPaymentBrickPaymentMethods & ({
 }
-export interface IPaymentBrickStyle extends IBrickStyle<IPaymentBrickCustomVariables> {
-}
+export type IPaymentBrickStyle = IBrickStyle<IPaymentBrickCustomVariables>;
 export interface IPaymentBrickCustomVariables extends IBrickCustomVariables {
@@ -747,3 +746,3 @@ /**
  * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/payment-brick/payment-submission/pix Pix documentation}
- * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/payment-brick/payment-submission/other-payment-methods/brasil Other payment methods documentation}.
+ * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/payment-brick/payment-submission/other-payment-methods Other payment methods documentation}.
  */
@@ -750,0 +749,0 @@ type TPaymentBrickPaymentType = 'atm' | 'ticket' | 'bank_transfer' | 'creditCard' | 'debitCard' | 'wallet_purchase' | 'onboarding_credits';

bricks/util/types/common.d.ts

@@ -53,3 +53,3 @@ export interface IPayerIdentification {
      *
-     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/payment-brick/additional-customization/additional-data additional data customization} documentation.
+     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/payment-brick/advanced-features/additional-callbacks additional callbacks customization} documentation.
      */
@@ -56,0 +56,0 @@ onBinChange?: (bin: string) => void;

bricks/wallet/types.d.ts

@@ -6,3 +6,3 @@ import { IBrickSettings } from '../util/types/common';
      *
-     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/additional-customization/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
+     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/visual-customizations/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
      */
@@ -13,3 +13,3 @@ buttonBackground?: 'default' | 'black' | 'blue' | 'white';
      *
-     *  @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/additional-customization/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
+     *  @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/visual-customizations/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
      */
@@ -20,3 +20,3 @@ buttonHeight?: string;
      *
-     *  @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/additional-customization/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
+     *  @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/visual-customizations/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
      */
@@ -27,3 +27,3 @@ borderRadius?: string;
      *
-     *  @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/additional-customization/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
+     *  @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/visual-customizations/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
      */
@@ -34,3 +34,3 @@ valuePropColor?: 'grey' | 'white';
      *
-     *  @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/additional-customization/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
+     *  @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/visual-customizations/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
      */
@@ -41,3 +41,3 @@ verticalPadding?: string;
      *
-     *  @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/additional-customization/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
+     *  @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/visual-customizations/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
      */
@@ -48,3 +48,3 @@ horizontalPadding?: string;
      *
-     *  @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/additional-customization/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
+     *  @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/visual-customizations/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
      */
@@ -55,15 +55,22 @@ hideValueProp?: boolean;
     /**
-     * Optional. Initial text of Wallet Brick that will be concatenated with `with Mercado Pago`. Default: 'pay'
+     * Optional. Call to action verb. Default: 'pay'
      *
-     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/additional-customization/change-texts Wallet Brick# Additional Settings # Change Texts} documentation.
+     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/visual-customizations/change-texts Wallet Brick# Additional Settings # Change Texts} documentation.
      */
     action?: 'pay' | 'buy';
     /**
+     * Optional. Complement to be concatenated with the call to action verb. Default: 'brand'
+     *
+     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/visual-customizations/change-texts Wallet Brick# Additional Settings # Change Texts} documentation.
+     */
+    actionComplement?: 'brand' | 'amount';
+    /**
      * Optional. Text that will be rendered below the Wallet button
      *
      * Note: 'convenience' is DEPRECATED. Use 'convenience_all' instead.
+     * Note: when using 'payment_methods_logos', logos will be rendered instead of text.
      *
-     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/additional-customization/change-texts Wallet Brick# Additional Settings # Change Texts} documentation.
+     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/visual-customizations/change-texts Wallet Brick# Additional Settings # Change Texts} documentation.
      */
-    valueProp?: 'practicality' | 'convenience' | 'convenience_all' | 'security_details' | 'security_safety' | 'convenience_credits' | 'smart_option';
+    valueProp?: 'practicality' | 'convenience' | 'convenience_all' | 'security_details' | 'security_safety' | 'convenience_credits' | 'smart_option' | 'payment_methods_logos';
 }
@@ -75,3 +82,3 @@ export interface IWalletBrickCustomization {
      *
-     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/additional-customization/change-texts Wallet Brick# Additional Settings # Change Texts} documentation.
+     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/visual-customizations/change-texts Wallet Brick# Additional Settings # Change Texts} documentation.
      */
@@ -83,3 +90,3 @@ texts?: IWalletBrickTexts;
      *
-     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/additional-customization/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
+     * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/visual-customizations/change-appearance Wallet Brick# Additional Settings # Change appearance} documentation.
      */
@@ -114,3 +121,3 @@ visual?: IWalletBrickVisual;
          *
-         * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/additional-customization/opening-mode#editor_2 Redirect Mode} documentation.
+         * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/advanced-features/opening-mode#editor_2 Redirect Mode} documentation.
          * */
@@ -147,3 +154,3 @@ redirectMode?: 'modal' | 'blank' | 'self';
          *
-         * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/additional-customization/opening-mode#editor_2 Redirect Mode} documentation.
+         * @see {@link https://www.mercadopago.com/developers/en/docs/checkout-bricks/wallet-brick/advanced-features/opening-mode#editor_2 Redirect Mode} documentation.
          * */
@@ -150,0 +157,0 @@ redirectMode?: 'modal' | 'blank' | 'self';

package.json

 {
   "name": "@mercadopago/sdk-react",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Mercado Pago SDK React",
@@ -5,0 +5,0 @@ "main": "index.js",

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

159920

0.11%

Lines of code

3175

0.19%

Number of medium supply chain risk alerts

0

-100%

No dependency changes