Playground - Sistema de pagos

Con este reto descubrí algo interesante y es que si extiendes una clase sobre otra debes siempre debes poner el super constructor aunque no le pases propiedades.

Ahora si dejo mi respuesta abajo.

Solución:

.
.
.
.
.
.
.
.
.
.

Card.class.js:

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(number) {
    super()
    this.number = number
  }

  makePay(quantity) {
    try {
      if (this.number.length !== 16) throw Error('No tiene 16 dígitos')

      return {
        ...super.makePay(quantity),
        lastCardNumbers: this.number.slice(-4)
      }
    }
    catch (e) {
      throw Error(e)
    }
  }
}

Cash.class.js:

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  makePay(quantity) {
    return super.makePay(quantity)
  }
}

Pay.class.js:

export class Pay {
  makePay(quantity) {
    return {
      realized: true,
      quantity: quantity
    }
  }
}

PayPal.class.js:

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email = email
  }

  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: "PayPal",
      email: this.email
    }
  }
}

exercise.js:

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

Un reto muy interesante, mi solución:
🛡️
🛡️
🛡️
🛡️
🛡️
🛡️
🛡️
🛡️
🛡️
🛡️
exercise.js

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }
  makePay(quantity) {
    return { ...super.makePay(quantity), platform: "PayPal", email: this.email };
  }
}

Pay.class.js

export class Pay {
  constructor() {
    this.realized = true;
  }
  makePay(quantity) {
    return { realized: this.realized, quantity };
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {
    super();
  }
}

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(card) {
    super();
    this.card = card;
  }
  makePay(quantity) {
    if (this.card.length === 16) {
      return { ...super.makePay(quantity), lastCardNumbers: this.card.slice(-4) };
    } else {
      throw Error("Error, la tarjeta debe ser de 16 digitos")
    }
  }
}

🛡️🛡️Escudo anti-spoilers🛡️🛡️

Mi solución al reto:

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {

  constructor(cardNumber) {
    super()
    this.cardNumber = cardNumber
  }

  makePay(cantidadAPaga) {
    if (this.cardNumber.length < 16) {
      throw new Error('Error en el longitud de los digitos de la tarjeta')
    }
    return {
      ...super.makePay(cantidadAPaga),
      lastCardNumbers: this.cardNumber.substring(this.cardNumber.length - 4, this.cardNumber.length)
    }
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {
    super()
  }
  makePay(cantidadAPaga) {
    return {
      ...super.makePay(cantidadAPaga)
    }
  }
}

Pay.class.js

export class Pay {
  makePay(cantidadAPaga) {
    return {
      realized: true,
      quantity: cantidadAPaga
    }
  }
}

Paypal.class.js

import { Pay } from "./Pay.class.js";

export  class PayPal extends Pay {
  email;

  constructor(email) {
    super()
    this.email = email
  }

  makePay(cantidadAPaga) {
    return {
      ...super.makePay(cantidadAPaga),
      platform: "PayPal",
      email: this.email
    }
  }
}

exercise.js

import { Card } from "./Card.class.js";
import { PayPa } from "./PayPal.class.js";
import { Cash } from "./Cash.class.js";

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

.
. ------------------------------------------------------------ .
. 🛡️🛡️🛡️ESCUDO ANTI SPOILER 🛡️🛡️🛡️ .
. ------------------------------------------------------------ .
.
. Muy interesante este reto, creo que lo hare un par de veces mas para comprenderlo mejor.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }

  makePay(quantity) {
    if (this.cardNumber.length !== 16) {
      throw new Error("Número de tarjeta invalido");
    }
    return {
      ...super.makePay(quantity),
      lastCardNumbers: this.cardNumber.slice(-4)
    };
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  makePay(quantity) {
    return super.makePay(quantity)
  }
}

Pay.class.js

export class Pay {
  makePay(quantity) {
    return {
      realized: true,
      quantity
    }
  }
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }

  makePay(quantity) {
    const pay = super.makePay(quantity);
    pay.platform = "PayPal";
    pay.email = this.email;
    return pay;
  }
}

exercise.js

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

Desafio completo!

🛡️🛡️🛡️Escudo anti spoilers🛡️🛡️🛡️

Implementa un sistema de pagos usando polimorfismo

Pay.class.js

export class Pay {
  // Tu código aquí 👈
  makePay(quantity) {
    return { realized: true, quantity };
  }
}

Cash.class.js

export class Cash extends Pay {
  // Tu código aquí 👈
}

Card.class.js

export class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }
  // Tu código aquí 👈
  makePay(quantity) {
    if (this.cardNumber.length != 16) {
      throw new Error("Invalid Card Number");
    } else {
      return {
        ...super.makePay(quantity),
        lastCardNumbers: this.cardNumber.substr(12),
      };
    }
  }
}

PayPal.class.js

export class PayPal extends Pay {
  // Tu código aquí 👈
  constructor(email) {
    super();
    this.email = email;
  }
  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: "Paypal",
      email: this.email,
    };
  }
}

exercise.js

export function processPay(method, quantity) {
  // Tu código aquí 👈
  return method.makePay(quantity);
}

Mi solución 💚

exercise.js

.
.
.

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

Pay.class.js

export class Pay {
  makePay(amount) {
    return {
      realized: true,
      quantity: amount
    }
  }
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email = email
  }
  makePay(amount) {
    return {
      ...super.makePay(amount),
      platform: "PayPal",
      email: this.email
    }
  }
}

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super()
    this.cardNumber = cardNumber
  }

  makePay(amount) {
    if (this.cardNumber.length !== 16)
      throw new Error('El número de tarjeta debe ser de 16 dígitos')
    return {
      ...super.makePay(amount),
      lastCardNumbers: this.cardNumber.substring(12)
    }
  }
}

y finalmente a Cash no era necesario hacerlo 💚

// Card.class.js
export class Card extends Pay {
  constructor(cardNumber) {
    super()
    this.cardNumber = cardNumber
  }
  makePay(qty) {
    if (typeof this.cardNumber !== "string" || this.cardNumber.length !== 16) {
      throw new Error("Invalid Card Number")
    }
    this.lastFourNumbers = this.cardNumber.split("").splice(-4).join("")
    const obj = super.makePay(qty)
    return {
      ...obj,
      lastCardNumbers: this.lastFourNumbers
    }
  }
}

// Cash.class.js
export class Cash extends Pay {
  constructor() {
    super()
  }
  makePay(qty) {
    return super.makePay(qty)
  }
}

// Pay.class.js
export class Pay {
  constructor() {
    this.realized = null // bool
    this.quantity = null // number
  }
  makePay(quantity) {
    this.quantity = quantity
    this.realized = true
    return {
      realized: this.realized,
      quantity: this.quantity
    }
  }
}

// Paypla.class.js
export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email = email
    this.platform = "PayPal"
  }
  makePay(qty) {
    const obj = super.makePay(qty)
    return {
      ...obj,
      email: this.email,
      platform: this.platform
    }
  }
}

// exercise.js
export function processPay(method, quantity) {
  // method -> obj; quantity -> number
  return method.makePay(quantity)
}

pay

export class Pay {
  makePay(cantPay) {
    return {
      realized: true,
      quantity: cantPay
    }
  }
}

PayPal

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  emailReceived;

  constructor(email) {
    super()
    this.emailReceived = email
  }

  makePay(cantPay) {
    return {
      ...super.makePay(cantPay),
      platform: "PayPal",
      email: this.emailReceived
    }
  }
}

Card

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  card;
  constructor(cardNumber) {
    super();
    this.card = cardNumber;
  }
  makePay(cantPay) {
    if (this.card.length === 16) {
      return {
        ...super.makePay(cantPay),
        lastCardNumbers: this.card.toString().substr(-4)
      }
    } else {
      throw new Error('La tarjeta no tiene la longitud')
    }
  }
}

cash.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {
    super()
  }
  makePay(cantPay) {
    return {
      ...super.makePay(cantPay)
    }
  }
}

exercise.js

import { Card } from "./Card.class.js";
import { PayPa } from "./PayPal.class.js";
import { Cash } from "./Cash.class.js";
import { pay } from "./Pay.class.js";

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

Hola Comparto la solución al Reto:
✅✅✅
✅✅✅
✅✅✅
✅✅✅

Pay.class.js

export class Pay {
  makePay(cantidadAPagar) {
    return {
      realized: true,
      quantity: cantidadAPagar,
    }
  }
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }

  makePay(cantidadAPagar) {
    return {
      realized: true,
      quantity: cantidadAPagar,
      platform: "PayPal",
      email: this.email
    }
  }
}

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(numberCard) {
    super();
    this.numberCard = numberCard;
  }

  makePay(cantidadAPagar) {
    if (this.numberCard === undefined || this.numberCard.length !== 16) {
      throw new Error("Numero de Tarjeta invalida");
    }

    const result = super.makePay(cantidadAPagar);
    result.lastCardNumbers = this.numberCard.slice(-4);

    return result;
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {
    super();
  }

  makePay(cantidadAPagar) {
    return super.makePay(cantidadAPagar);
  }
}

exercise.js

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

.
.
.
.
.
.

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }

  makePay(quantity) {
    if (this.cardNumber.length != 16) {
      throw new Error("Número de tarjeta inválida.")
    } else {
      return {
        ...super.makePay(quantity),
        lastCardNumbers: this.cardNumber.substring(12, 17)
      }
    }
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {
    super();
  }
}

Pay.class.js

export class Pay {
  makePay(quantity) {
    return { realized: true, quantity: quantity}
  }
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }

  makePay(quantity) {
    return { 
      ...super.makePay(quantity),
      platform: "PayPal", 
      email: this.email
    }
  }
}

exercise.class.js

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

Mi solución:
Nota: Casi muero porque en PayPal.class.js tenia escrito “Paypal” en lugar de “PayPal” con la segunda P también en mayus.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }
  makePay(quantity) {
    if (this.cardNumber.length != 16) {
      throw new Error("La tarjeta no cumple con tener 16 digitos")
    } else {
      return {
        ...super.makePay(quantity),
      lastCardNumbers: this.cardNumber.slice(-4)
      }
    }
  }

}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  makePay(quantity) {
    return super.makePay(quantity);
  }
}

Pay.class.js

export class Pay {
    makePay(quantity) {
      return {
        realized: true,
        quantity: quantity
      }
    }
  }

Paypal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }
  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: "PayPal",
      email: this.email
    }
  }
}

excercise.js

export function processPay(method, quantity) {
    return method.makePay(quantity)
  }

Solución

class Pay {
  makePay(quantity) {
    return {
      realized: true,
      quantity: `$${quantity}`,
    };
  }
}

class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }

  makePay(quantity) {
    if (!this.cardNumber.length == 16) {
      return new Error("Card number must be 16 characters");
    }
    return {
      ...super.makePay(quantity),
      lastCardNumbers: this.cardNumber.slice(-4),
    };
  }
}
class Cash extends Pay {
  constructor() {
    super();
  }
}
class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }

  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: "Paypal",
      email: this.email,
    };
  }
}

function processPay(method, quantity) {
  // Tu código aquí 👈
  console.log(method.makePay(quantity));
  return method.makePay(quantity);
}

Aquí mi solución:
.
.
.
.
.
.
.
.
.
.
.
Pay.class.js

export class Pay {
  makePay(quantity) {
    return {
      realized: true,
      quantity: quantity
    }
  }
}

PayPal.class.js

export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email = email
  }
  makePay(quantity) {
    return {
      ... super.makePay(quantity),
      platform: "PayPal",
      email: this.email
    }
  }
}

Card.class.js

export class Card extends Pay {
  constructor(lastCardNumbers) {
    super()
    this.lastCardNumbers = lastCardNumbers
  }
  makePay(quantity) {
    if (this.lastCardNumbers.length === 16) {
      return {
        ... super.makePay(quantity),
        lastCardNumbers: this.lastCardNumbers.substring(this.lastCardNumbers.length - 4)
      }
    }
    else {
      throw new Error("Error en el número de tarjeta");
    }

  }
}

cash.class.js

export class Cash extends Pay {
  makePay(quantity) {
    return super.makePay(quantity);
  }
}

exercise.js

export function processPay(method, quantity) {
  return method.makePay(quantity);
};

Solución.

Pay.class.js

export class Pay {
  // Tu código aquí 👈
  constructor() {
    this.realized = true;
  }

  makePay(quantity) {
    return {
      realized: this.realized,
      quantity: quantity
    }
  }
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  // Tu código aquí 👈
  constructor(email) {
    super();
    this.email = email;
  }

  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: "PayPal",
      email: this.email
    }
  }
}

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  // Tu código aquí 👈
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }

  makePay(quantity) {
    if (this.cardNumber.length !== 16)
      throw new Error("El numero de la tajeta no tiene 16 digitos");

    return {
      ...super.makePay(quantity),
      lastCardNumbers: this.cardNumber.slice(-4)
    }
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  // Tu código aquí 👈
}

exercise.js

export function processPay(method, quantity) {
  // Tu código aquí 👈
  return method.makePay(quantity);
}

Aporto la solución!
.
.
.
.
.
.
.
.
.
.

exercise.js

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email=email
  }

  makePay(quantity) {
    return Object.assign({}, { 'platform': 'PayPal', 'email': this.email }, super.makePay(quantity))
  }
}

Pay.class.js

export class Pay {
  makePay(quantity) {
    return {'realized': true,'quantity':quantity}
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {super()}
}

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super()
    this.cardNumber = cardNumber
  }

  makePay(quantity) {
    if (this.cardNumber.length != 16) throw new Error('El número de la tarjeta es erróneo')
    return Object.assign({}, {'lastCardNumbers': this.cardNumber.slice(12, 16)}, super.makePay(quantity))
  }
}

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  // Tu código aquí 👈
  constructor(card) {
    if (card.length !== 16) throw super(new Error("Invalid Card"))
    super({
      lastCardNumbers: card.substr(12)
    })
  }
}

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  // Tu código aquí 👈
}

export class Pay {
  // Tu código aquí 👈
  constructor(payload) {
    this._payload = payload
  }
  makePay(quantity) {
    return {
      realized: true, 
      quantity,
      ...this._payload
    }
  }
}

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  // Tu código aquí 👈
  constructor(email) {
    super({
      platform: "PayPal",
      email,
    })
  }
}

export function processPay(method, quantity) {
  // Tu código aquí 👈
  return method.makePay(quantity)
}

Ojo que al retornar el objeto de Card la propiedad lastCardNumber en el test lo recibe en plural lastCardNumbers.

Dicho esto aqui dejo mi code:

Pay

export class Pay {
  makePay(quantity) {
    return {
      realized: true,
quantity: quantity}
  }
}

PayPal

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email = email
  }
  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      "platform": "PayPal",
  "email": this.email
    }
  }
}

Card

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super()
    this.cardNumber = cardNumber
  }
  makePay(quantity) {
      
        if (this.cardNumber.length !== 16) {
          throw new Error('invalid card')
        }
        else {
          return {
            ...super.makePay(quantity),
            lastCardNumbers: this.cardNumber.substring(12, 16)
          }
        }
      }
    }

Cash

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {
    super()
  }
  makePay(quantity) {
    return super.makePay(quantity)
  }
}

Que susto! No me di cuenta que estaba dividido las clases por archivos en el PlayGround…jaja, aquí dejo mi aporte… 😃

function processPay(method, quantity) {
    // Tu código aquí 👈
     
    
   return  method.makePay(quantity);
  }
class Pay{
    constructor() {
        this._lastCardNumber;       
    }
    makePay(quantity){    
    
        return {
            realized: true,
            quantity,           
        };
    }
}  
class PayPal extends Pay{
    constructor(mail) {
        super();
        this._mail= mail;
       
    }

    makePay(quantity){
        
        return{
            ...super.makePay(quantity),
            platform: "PayPal",
            email: `${this._mail}` 
        }       
    }
}
class Card extends Pay{
    constructor(card) {
        super();        
        this._card=card;

    }
    makePay(quantity){
       
        if(this._card.length===16){    
            this._lastCardNumber=this._card.slice(-4);              
           return {...super.makePay(quantity), lastCardNumbers: this._lastCardNumber};          
        }else{
            throw new Error("No tiene 16 dígitos")
        }
    }
}
class Cash extends Pay{
   constructor() {
    super();
   }

}

Mi solucion:
.
.
.
.
.
.
.
.
.
.

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNum) {
    super();
    this.cardNum = cardNum;
  }

  makePay(quantity) {
    if (!this.cardNum || this.cardNum.length !== 16) throw new Error('The length of the number entered does not match a card number.');

    return {
      ...super.makePay(quantity),
      lastCardNumbers: this.cardNum.slice(-4)
    }
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {

}

Pay.class.js

export class Pay {
  makePay(quantity) {
    return {
      realized: true,
      quantity
    }
  }
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }

  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: 'PayPal',
      email: this.email
    }
  }
}

exercise.js

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

MI APORTE 💪
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Class pay

export class Pay {
  makePay(quantity) {
    return {
      realized: true,
      quantity: quantity
    }
  }
}

Clas PayPal

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }

  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: "PayPal",
      email: this.email
    };
  }
}

Class Card

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }

  makePay(quantity) {
    if (this.cardNumber.length === 16) {
      return {
        ...super.makePay(quantity),
        lastCardNumbers: this.cardNumber.slice(-4)
      };
    }
    throw new Error("ERROR NUMBER CARD INVALID");
  }
}

function processPay

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

Mi solución:
.
.
.
.
.
.
.
.
.
.
.
Pay.class.js

export class Pay {
  constructor() {
    this.realized = true
  }
  makePay(quantity) {
    return { ...this, quantity }
  }
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email = email
    this.platform = "PayPal"
  }

  makePay(quantity) {
    return { ...this, quantity }
  }
}

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(number) {
    super()
    this.number = number
  }

  makePay(quantity) {
    if (this.number.length !== 16)
      throw new Error('Enter a valid number')

    const lastCardNumbers = this.number.slice(12)
    const { realized } = this
    return { realized, quantity, lastCardNumbers }
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {}

exercise.js

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

Hola, dejo mi solucion

🛴✨
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
📍

function processPay(method, quantity) {
  // Tu código aquí 👈
  return method.makePay(quantity)
} 

class Pay {
  makePay(cantidadAPagar) {
    return {
      realized: true,
      quantity: cantidadAPagar
    }
  }
}

class PayPal extends Pay{
  constructor(email) {
    super();
    this.email = email;
  }
  makePay(cantidadAPagar) {
    return {
      ...super.makePay(cantidadAPagar),
      platform: "PayPal",
      email: this.email
    }
  }
}
class Card extends Pay{
  constructor(tarjeta) {
    super();
    this.tarjeta = tarjeta;
  }
  makePay(cantidadAPagar) {
    if(this.tarjeta.length === 16) {
    return {
        ...super.makePay(cantidadAPagar),
        lastCardNumbers: this.tarjeta.substring(this.tarjeta.length - 4)
      }
    }else{
      throw new Error(`Deben de ser 16 digitos`)
    }
  }
}
class Cash extends Pay{
  makePay(cantidadAPagar) {
    return {
      ...super.makePay(cantidadAPagar)
    }
  }
}

Mi solución:

Código Clase Pay

export class Pay {
  constructor() {
    this.realized = true;
    this.quantity = 0;

  }
  makePay(quantity) {
    this.quantity = quantity;
    return this;
  }
}

Código Clase PayPal

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(emailRecibido) {
    super();
    this.platform = "PayPal";
    this.email = emailRecibido;
  }
  makePay(quantity) {
    this.quantity = quantity;
    return this;
  }
}

Código Clase Card

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.lastCardNumbers = cardNumber;
  }
  makePay(quantity) {
    if (this.lastCardNumbers < 16) {
      throw new Error("Se esperaban 16 dígitos en el número de tarjeta");
    }
    this.quantity = quantity;
    this.lastCardNumbers = this.lastCardNumbers.substr(12, 16);
    return this;
  }
}

Código Clase Cash

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  // Tu código aquí 👈
  constructor() {
    super();
  }
}

y el código de la clase exercise.js

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

Solución… 😄
.
Para resolver el ejercicio, se deben implementar las clases correspondientes.
.
NOTA:

• En la descripción del ejercicio, en la clase “Card” se dice que se debe agregar la atributo “lastCardNumber” al objeto a retornar en el método makePay(). Pero es necesario agregar la propiedad “lastCardNumbers”, con ‘s’ para que las pruebas pasen bien.
  .

Para recortar los últimos caracteres de un String también puede utilizarse el método:
.

 "slice(<#caracteres>)"
/*
Donde <#caracteres> es un valor negativo que pasamos como primer parámetro para obtener los últimos caracteres de un string.
*/

.
Card.class.js
.

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(number) {
    super();
    this.number = number;
  }

  makePay(quantity) {
    if (this.number.length != 16) { 
      throw new Error("El número de dígitos no de 16");
    }
    return {
      ...super.makePay(quantity),
      lastCardNumbers: this.number.slice(-4)
    }
  }
} 

.
Cash.class.js
.

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() {
    super();
  }

  makePay(quantity) {
    return { ...super.makePay(quantity) };
  }
}

.
Pay.class.js
.

export class Pay {
  makePay(quantity) { 
    return {
      realized: true,
      quantity: quantity
    }
  }
} 

.
PayPal.class.js
.

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) { 
    super();
    this.email = email;
  }

  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: "PayPal",
      email: this.email
    }
  }
}

.
exercise.js
.

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

Mi solución

Dentro del archivo exercise.js, la función retorna el resultado que los diferentes métodos de pago devuelvan, ya que todos se llaman con la misma función makePay() por el Polimorfismo.

Cada método de pago Card,Cash y PayPal, tienen sus propios constructores donde reciben una propiedad propia, pero heredan la clase Pay.

La clase padre Pay, tiene el método makePay(), que recibe como parámetro la cantidad y retorna si la compra fue realizada y la cantidad.

Por último dentro de las funciones makePay() de los diferentes métodos de pago, retorno un objeto con el objeto de la clase padre y sus propiedades propias.

Para hacer eso usé “super” para acceder a la clase padre y llamando a makePay(), lo que devuelva uso el spread operator para que todo termine en un solo objeto.

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

export class Pay {
  constructor() {
    this.quantity = 0;
  }
  makePay(quantity) {
    this.quantity = quantity;
    return {
      realized: true,
      quantity:this.quantity
    }
  }
}

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }
  makePay(quantity) {
    return {...super.makePay(quantity), platform: 'PayPal', email: this.email };
  }
}

export class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }
  makePay(quantity) {
    if (this.cardNumber.length != 16) {
      throw new Error("Hubo un error al realizar el pago, ingrese nuevamente los 16 digitos");
    }
    return {
      ...super.makePay(quantity),
      lastCardNumbers: this.cardNumber.slice(-4)
    };
  }
}

export class Cash extends Pay {
  constructor() {
    super();
  }
  makePay(quantity) {
    return super.makePay(quantity);
  }
}

Mi aporte ;D
.
.
.
.
.
.
.
.
.
Card

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }
  makePay(quantity) {
    if (this.cardNumber.length === 16) {
      return {
        ...super.makePay(quantity),
        lastCardNumbers: this.cardNumber.toString().substr(-4, 4)
      }
    }
    else {
      throw new Error("No son 16")
    }
  }
}

	Cash

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  constructor() { 
    super();
  }
}

		Pay

export class Pay {
  constructor() { };
  makePay(quantity) { return { realized: true, quantity: quantity } };
}

	PayPal

import { Pay } from "./Pay.class.js";
export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }
  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: "PayPal",
      email: this.email
    }
  }
}

	Exercise

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

Hay un pequeño error en el enunciado. El ejercicio habla de la propiedad lastCardNumber, pero en las pruebas se pide la propiedad lastCardNumbers.
Mi solución:
.
.
.
.
.

Card.class.js

import { Pay } from "./Pay.class.js";

export class Card extends Pay {
  constructor(cardNumber) {
    super()
    this.cardNumber = cardNumber
  }
  makePay(quantity) {
    if (this.cardNumber.length === 16) {
      return {...super.makePay(quantity), lastCardNumbers: this.cardNumber.slice(-4)}
    } else {
      throw new Error("El número de tarjeta no es válido")
    }
  }
}

Cash.class.js

import { Pay } from "./Pay.class.js";

export class Cash extends Pay {
  makePay(quantity) { return { ...super.makePay(quantity) } }
}

Pay.class.js

export class Pay {
  makePay(quantity) { return {realized: true, quantity: quantity} }
}

PayPal.class.js

import { Pay } from "./Pay.class.js";

export class PayPal extends Pay {
  constructor(email) {
    super()
    this.email = email
  }
  makePay(quantity) {
    return {...super.makePay(quantity), platform: "PayPal", email: this.email}
  }
}

exersice.js

export function processPay(method, quantity) {
  return method.makePay(quantity)
}

SPOILER ALERT
.
.
.
.
.
.
.
.

export class Pay {
  makePay(quantity) {
    return {
      realized: true,
      quantity,
    };
  }
}

export class PayPal extends Pay {
  constructor(email) {
    super();
    this.email = email;
  }

  makePay(quantity) {
    return {
      ...super.makePay(quantity),
      platform: 'PayPal',
      email: this.email,
    };
  }
}

export class Card extends Pay {
  constructor(cardNumber) {
    super();
    this.cardNumber = cardNumber;
  }

  makePay(quantity) {
    if (this.cardNumber.length < 16) {
      throw new Error('La tarjeta debe tener minimo 16 digitos');
    }
    return {
      ...super.makePay(quantity),
      lastCardNumbers: this.cardNumber.slice(-4),
    };
  }
}

export class Cash extends Pay {}

export function processPay(method, quantity) {
  return method.makePay(quantity);
}

.
. -----------------------------------------
. ESCUDO ANTI SPOILER
. -----------------------------------------
.
. Este reto si que me hizo sudar.
.
.

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.