Check if the checkout was completed

[dkrefta]

Hey guys, I'm having some problems with the checkout when it's completed, [{"message":"Checkout is already completed.","locations":[{"line":1,"column":1417}],"path":["checkoutLineItemsRemove"]}]

which function to check if the checkout is already done? can somebody help me with that?

Here is my store code:

`componentDidMount() {
    if (
      localStorage.checkout_id &&
      localStorage.checkout_id !== "undefined" &&
      localStorage.checkout_id !== "null" &&
      localStorage.checkout_id !== "false"

    ) {
      this.fetchCheckout(localStorage.checkout_id);
    } else {
      console.log("no checkout id");
      this.createCheckout();
    }
  }

  fetchProductWithHandle = async (handle) => {
    const product = await client.product.fetchByHandle(handle);
    this.setState({ product });
  };

  createCheckout = async () => {
    const checkout = await client.checkout.create();
    localStorage.setItem("checkout_id", checkout.id);
    this.setState({ checkout: checkout });
  };

  fetchCheckout = async (checkoutId) => {
    client.checkout.fetch(checkoutId).then((checkout) => {
      this.setState({ checkout: checkout });
    });
  };
  addItemTocheckout = async (variantId, quantity) => {
    const lineItemToAdd = [
      {
        variantId,
        quantity: parseInt(quantity, 10),
      },
    ];
    const checkout = await client.checkout.addLineItems(
      this.state.checkout.id,
      lineItemToAdd
    );
    this.setState({ checkout: checkout });
    console.log("added", checkout);

    this.openCart();
  };
  closeCart = () => {
    this.setState({ isCartOpen: false });
  };

  getAdaPrice = (value) => {
    this.setState({ adaPrice: value });
  };
  openCart = () => {
    this.setState({ isCartOpen: true });
  };

  closeMenu = () => {
    this.setState({ isMenuOpen: false });
  };

  openMenu = () => {
    this.setState({ isMenuOpen: true });
  };

  fetchAllProducts = async () => {
    const products = await client.product.fetchAll();
    this.setState({ products: products });
  };

  removeLineItem = async (lineItemId) => {
    const checkout = await client.checkout.removeLineItems(
      this.state.checkout.id,
      [lineItemId]
    );
    this.setState({ checkout: checkout });
  };

thanks!

[agonsgd]

Hi, you should check completedAt value on the checkout. It's empty when the checkout is not completed.

[nelson3design]

I'm using this api. I can't complete the checkout after creating it. and I can't add the shippingLine either.

[agonsgd]

@nelson3design As far as I know, checkout is completed by customer/user from the checkoutUrl provided by response.

As for updating shippingLine, I believe this could help you?

[nelson3design]

Thanks, I can't add shippingLine or shippingRates. can you help me please

[agonsgd]

How are you trying to do this?

[nelson3design]

How are you trying to do this?

const updatedCheckout = await client.checkout.updateShippingLine(checkoutId, addShippinLine);

[nelson3design]

How are you trying to do this?

const updatedCheckout = await client.checkout.updateShippingLine(checkoutId, addShippinLine);

if you have an example of how to do it can you send it to me.thanks

[agonsgd]

Could this be what you need? Link

I would require more context in order to help you. Maybe send me the "addShippinLine" object so I can see

[nelson3design]

Could this be what you need? Link

I would require more context in order to help you. Maybe send me the "addShippinLine" object so I can see

const checkoutId = "gid://shopify/Checkout/e44ba7f7e9ee1d7b301f2629325ad11e?key=f8eb10b327d6df6d69571feba95b41f0";

const addShippingLineToCheckout = async (checkoutId, shippingRateHandle) => {
    try {
        const response = await shopify.graphql({
            query: `
    mutation ($checkoutId: ID!, $shippingRateHandle: String!) {
      checkoutShippingLineUpdate(checkoutId: $checkoutId, shippingRateHandle: $shippingRateHandle) {
        checkout {
          # Campos do checkout
        }
        checkoutUserErrors {
          # Campos do CheckoutUserError
        }
      }
    }
  `,
            variables: {
                checkoutId: checkoutId,
                shippingRateHandle: shippingRateHandle,
            },
        });

        console.log('Shipping line added to checkout:', response.checkoutShippingLineUpdate.checkout);
    } catch (error) {
        console.error('Error adding shipping line to checkout:', error);
    }
};

const shippingRateHandle = '724847198506';

addShippingLineToCheckout(checkoutId, shippingRateHandle);

[nelson3design]

Could this be what you need? Link I would require more context in order to help you. Maybe send me the "addShippinLine" object so I can see

const checkoutId = "gid://shopify/Checkout/e44ba7f7e9ee1d7b301f2629325ad11e?key=f8eb10b327d6df6d69571feba95b41f0";

const addShippingLineToCheckout = async (checkoutId, shippingRateHandle) => {
    try {
        const response = await shopify.graphql({
            query: `
    mutation ($checkoutId: ID!, $shippingRateHandle: String!) {
      checkoutShippingLineUpdate(checkoutId: $checkoutId, shippingRateHandle: $shippingRateHandle) {
        checkout {
          # Campos do checkout
        }
        checkoutUserErrors {
          # Campos do CheckoutUserError
        }
      }
    }
  `,
            variables: {
                checkoutId: checkoutId,
                shippingRateHandle: shippingRateHandle,
            },
        });

        console.log('Shipping line added to checkout:', response.checkoutShippingLineUpdate.checkout);
    } catch (error) {
        console.error('Error adding shipping line to checkout:', error);
    }
};

const shippingRateHandle = '724847198506';

addShippingLineToCheckout(checkoutId, shippingRateHandle);

shippingRates= "weight_based_shipping_rates": [], "price_based_shipping_rates": [ { "id": 724847165738, "name": "Frete", "price": "100.00", "shipping_zone_id": 471171727658, "min_order_subtotal": "1.0", "max_order_subtotal": "99.9" }, { "id": 724847198506, "name": "Frete", "price": "200.00", "shipping_zone_id": 471171727658, "min_order_subtotal": "100.0", "max_order_subtotal": "500.0" }, { "id": 724847231274, "name": "Frete", "price": "300.00", "shipping_zone_id": 471171727658, "min_order_subtotal": "101.0", "max_order_subtotal": "1000.0" } ], "carrier_shipping_rate_providers": [] } ]

[nelson3design]

Could this be what you need? Link I would require more context in order to help you. Maybe send me the "addShippinLine" object so I can see

const checkoutId = "gid://shopify/Checkout/e44ba7f7e9ee1d7b301f2629325ad11e?key=f8eb10b327d6df6d69571feba95b41f0";

const addShippingLineToCheckout = async (checkoutId, shippingRateHandle) => {
    try {
        const response = await shopify.graphql({
            query: `
    mutation ($checkoutId: ID!, $shippingRateHandle: String!) {
      checkoutShippingLineUpdate(checkoutId: $checkoutId, shippingRateHandle: $shippingRateHandle) {
        checkout {
          # Campos do checkout
        }
        checkoutUserErrors {
          # Campos do CheckoutUserError
        }
      }
    }
  `,
            variables: {
                checkoutId: checkoutId,
                shippingRateHandle: shippingRateHandle,
            },
        });

        console.log('Shipping line added to checkout:', response.checkoutShippingLineUpdate.checkout);
    } catch (error) {
        console.error('Error adding shipping line to checkout:', error);
    }
};

const shippingRateHandle = '724847198506';

addShippingLineToCheckout(checkoutId, shippingRateHandle);

shippingRates= "weight_based_shipping_rates": [], "price_based_shipping_rates": [ { "id": 724847165738, "name": "Frete", "price": "100.00", "shipping_zone_id": 471171727658, "min_order_subtotal": "1.0", "max_order_subtotal": "99.9" }, { "id": 724847198506, "name": "Frete", "price": "200.00", "shipping_zone_id": 471171727658, "min_order_subtotal": "100.0", "max_order_subtotal": "500.0" }, { "id": 724847231274, "name": "Frete", "price": "300.00", "shipping_zone_id": 471171727658, "min_order_subtotal": "101.0", "max_order_subtotal": "1000.0" } ], "carrier_shipping_rate_providers": [] } ]

[nelson3design]

gave this error: Error adding shipping line to checkout: RequestError: The body option must be a stream.Readable, string or Buffer

[agonsgd]

Your shippingRateHandle should be a "handle" not a number. Please see the type here

[nelson3design]

Your shippingRateHandle should be a "handle" not a number. Please see the type here thank you, I'm trying to create a checkout, I got this error, do you know what the reason is

[nelson3design]

mutation checkoutCreate($input: CheckoutCreateInput!) { checkoutCreate(input: $input) { checkout { id } checkoutUserErrors { code field message } } } { "input": { "lineItems": [ { "variantId": "gid://shopify/ProductVariant/45318806241578", "quantity": 1 } ] } }

[nelson3design]

{ "errors": [ { "message": "syntax error, unexpected STRING (\"input\") at [14, 3]", "locations": [ { "line": 14, "column": 3 } ] } ] }

[nelson3design]

this way doesn't work either

mutation { checkoutCreate(input: { lineItems: [{ variantId: "gid://shopify/ProductVariant/45318806241578", quantity: 1 }] }) { checkout { id webUrl lineItems(first: 1) { edges { node { title quantity } } } } } }

{ "errors": [ { "message": "Field 'checkoutCreate' doesn't exist on type 'Mutation'", "locations": [ { "line": 2, "column": 3 } ], "path": [ "mutation", "checkoutCreate" ], "extensions": { "code": "undefinedField", "typeName": "Mutation", "fieldName": "checkoutCreate" } } ] }