[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/messages/no.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "a11y.orderHeader.shippingModal": "Åpne adresse-popup",
  "commons.hello": "Hei",
  "commons.continue": "Fortsett",
  "commons.free": "Gratis",
  "commons.other": "Annet",
  "commons.reasonOtherExplanation": "Fortell oss hvorfor du avbestiller denne bestillingen",
  "commons.save": "Lagre",
  "commons.close": "Avslutt",
  "commons.no": "Nei",
  "commons.yes": "Ja",
  "commons.reload": "Last inn på nytt",
  "commons.cancel": "Avbryt",
  "myo.commons.back": "Tilbake",
  "goBackToMyOrders": "gå tilbake til Mine bestillinger",
  "order": "Bestilling",
  "seeOrder": "Se bestilling",
  "greeting.replaced": "Bestillingen din #{value} ble erstattet!",
  "greeting.cancelled": "Bestillingen #{value} er sendt inn for avbestilling og fullføres snart!",
  "greeting.edit": "Abonnementet ditt ble oppdatert!",
  "pages.editOrder.greeting": "Velkommen til selvbetjening. Bestillingen din gjøres klar for levering. Hva kan vi gjøre for deg?",
  "pages.editOrder.changeUnavailable": "Denne bestillingen er ikke tilgjengelig for produktendringer.",
  "pages.cancelOrder.greeting": "Velkommen til selvbetjening. Hvorfor vil du avbestille bestillingen din?",
  "orders.toggle.ordersThatArentFinished": "Pågående bestillinger",
  "orders.toggle.ordersThatAreFinished": "Ferdige bestillinger",
  "orders.notFound": "Du har ikke bestilt noe ennå!",
  "orders.finishedNotFound": "Du har ingen ferdige bestillinger",
  "orders.ongoingNotFound": "Du har ingen pågående bestillinger",
  "order.dateIs": "Bestillingsdato",
  "order.shipsTo": "Forsendelse",
  "order.total": "Total",
  "order.moreOptions": "Flere valg",
  "orders.title": "Bestillinger",
  "orders.edit": "Rediger bestilling #{orderNumber}",
  "order.history": "Endringslogg",
  "order.change.date": "{date} kl. {hour}",
  "order.change.quantity": "Antall: {quantity}",
  "order.change.originalOrder": "Opprinnelig bestilling",
  "order.change.currentOrder": "Nåværende bestilling",
  "order.viewAllItems": "Se alle varer",
  "order.printBankInvoice": "Skriv ut bankfaktura",
  "order.cancelOrder": "Be om avbestilling",
  "order.changeOrder": "Endre bestilling",
  "order.orderAgain": "Bestill på nytt",
  "order.goToOrderDetails": "Se bestillingsdetaljer",
  "order.confirmCancellation": "Bekreft avbestilling",
  "order.estimatedDeliveryTo": "Anslått levering til",
  "order.navigationArrowTitle": "Returpil",
  "order.seeInvoice": "Se faktura",
  "order.trackingData.clickHereToGoToExternalPage": "Se sporingsinformasjon på budets nettsted",
  "order.trackingData.shipping": "Sporing #{trackingNumber}",
  "order.stepsFlow.placed": "Bestilling lagt inn",
  "order.stepsFlow.approved": "Bestilling godkjent",
  "order.stepsFlow.sent": "Bestilling sendt",
  "order.stepsFlow.shipping": "Bestill frakt",
  "order.stepsFlow.finished": "Bestilling ferdig",
  "order.stepsFlow.cancelled": "Bestilling avbestilt",
  "order.state.unknown": "Behandler",
  "order.state.waiting-for-seller-confirmation": "Behandler",
  "order.state.order-created": "Behandler",
  "order.state.order-completed": "Behandler",
  "order.state.on-order-completed": "Behandler",
  "order.state.payment-pending": "Behandler betaling",
  "order.state.window-to-cancel": "Håndtering av frakt",
  "order.state.approve-payment": "Håndtering av frakt",
  "order.state.payment-approved": "Betaling godkjent",
  "order.state.request-cancel": "Avbestilling forespurt",
  "order.state.cancel": "Behandler avbestilling",
  "order.state.canceled": "Avbestilt",
  "order.state.waiting-for-seller-decision": "Avbestilling forespurt",
  "order.state.invoice": "Forsendelse",
  "order.state.invoiced": "Sendt",
  "order.state.replaced": "Erstattet",
  "order.state.cancellation-requested": "Avbestilling forespurt",
  "order.state.ready-for-handling": "Håndtering av frakt",
  "order.state.handling": "Håndtering av frakt",
  "order.state.authorize-fullfilment": "Behandler betaling",
  "order.state.release-to-fulfillment": "Håndtering av frakt",
  "order.state.delivered": "Levert",
  "order.state.ready-for-pickup": "Klar til å hentes",
  "order.state.pickedUp": "Hentet",
  "order.state.handlingPickup": "Håndterer bestilling",
  "order.progress.pickup": "Hent",
  "order.progress.confirmOrder": "Legg inn bestilling",
  "order.progress.confirmingOrder": "Legger inn bestilling",
  "order.progress.orderConfirmed": "Bestilling lagt inn",
  "order.progress.approvePayment": "Godkjenn betaling",
  "order.progress.approvingPayment": "Godkjenner betaling",
  "order.progress.paymentApproved": "Betaling godkjent",
  "order.progress.handleShipping": "Håndter bestilling",
  "order.progress.handlingShipping": "Håndterer bestilling",
  "order.progress.shippingHandled": "Pakke håndtert",
  "order.progress.deliverToCarrier": "Lever til transportør",
  "order.progress.delivering": "Leverer bestilling",
  "order.progress.delivered": "Bestilling levert",
  "order.progress.deliverToPickup": "Send til hentested",
  "order.progress.deliveringToPickup": "Sendes til hentested",
  "order.progress.deliveredToPickup": "Sendt til hentested",
  "order.progress.ship": "Send bestilling",
  "order.progress.shipping": "Sender bestilling",
  "order.progress.shipped": "Bestilling sendt",
  "package.progress.handleShipping": "Håndter pakke",
  "package.progress.handlingShipping": "Håndterer pakke",
  "package.progress.shippingHandled": "Pakke håndtert",
  "package.progress.deliverToCarrier": "Lever bestilling",
  "package.progress.delivering": "Under transport til transportøren",
  "package.progress.delivered": "Bestilling levert",
  "package.progress.ship": "Send pakke",
  "package.progress.shipping": "Fraktpakke",
  "package.progress.shipped": "Pakke sendt",
  "order.summary.title": "Sammendrag",
  "order.summary.total": "Total",
  "order.shippingInfo": "Adresse",
  "order.paymentInfo": "Betalingsinformasjon",
  "order.package.heading": "Pakke",
  "order.package.numbering": "av",
  "order.package.day": "dag",
  "order.package.product": "Produkt",
  "order.package.price": "Pris",
  "order.package.quantity": "Antall",
  "order.package.total": "Delsum",
  "order.shippingEstimate.bd": "{timeAmount, plural, =0 {Samme dag} one {Levering innen # virkedag} other {Levering innen # virkedager}}",
  "order.shippingEstimate.d": "{timeAmount, plural, =0 {Samme dag} one {Levering innen # virkedag} other {Levering innen # virkedager}}",
  "order.shippingEstimate.h": "{timeAmount, plural, =0 {Nå} one {Levering innen # time} other {Levering innen # timer}}",
  "order.shippingEstimate.m": "{timeAmount, plural, =0 {Nå} one {Levering innen # minutt} other {Levering innen # minutter}}",
  "order.shippingEstimate.withTime": "Levering innen {date} kl. {hour}",
  "order.shippingEstimate.noTime": "Levering innen {date}",
  "order.shippingEstimate.window": "Levering {date}, mellom {startHour} og {endHour}",
  "order.shippingEstimate.pickup.withTime": "Henting klar innen {date} kl. {hour}",
  "order.shippingEstimate.pickup.noTime": "Henting klar innen {date}",
  "order.shippingEstimate.pickup.window": "Henting klar innen {date}, mellom {startHour} og {endHour}",
  "order.tracking.date": "Dato",
  "order.tracking.time": "Klokkeslett",
  "order.tracking.status": "Status",
  "order.tracking.showMore": "Vis mer",
  "paymentData.additionalInfo": "Tilleggsinformasjon",
  "paymentData.paymentGroup.MercadoPago.name": "MercadoPago",
  "paymentData.paymentGroup.payPal.name": "PayPal",
  "paymentData.paymentGroup.stelo.name": "Stelo",
  "paymentData.paymentGroup.safetypay.name": "Online debet",
  "paymentData.paymentGroup.Bcash.name": "Bcash",
  "paymentData.paymentGroup.giftCard.name": "Gavekort",
  "paymentData.paymentGroup.debit.name": "Online debet",
  "paymentData.paymentGroup.debitCard.name": "Debetkort",
  "paymentData.paymentGroup.creditDirectSale.name": "PIN Pad-betaling",
  "paymentData.paymentGroup.creditCard.name": "Kredittkort",
  "paymentData.paymentGroup.creditCard.endingIn": "slutter om",
  "paymentData.paymentGroup.bankInvoice.name": "Faktura",
  "paymentData.paymentGroup.evolucard.name": "Evolucard",
  "paymentData.paymentGroup.promissory.name": "Gjeldsbrev",
  "paymentData.paymentGroup.alignet.name": "Alignet",
  "paymentData.paymentGroup.pagSeguro.name": "PagSeguro",
  "paymentData.paymentGroup.pagosWeb.name": "Betalingsmetoder",
  "paymentData.paymentGroup.peela.name": "Peela",
  "paymentData.paymentGroup.koin.name": "Koin Pós-Pago",
  "paymentData.giftCard.loyalty-program.name": "Lojalitetsprogram",
  "reasons.shipping": "Endring av fraktinformasjon",
  "reasons.payment": "Endring av betalingsinformasjon",
  "reasons.profile": "Endring av personlig informasjon",
  "reasons.unknown": "Årsaken er ikke spesifisert",
  "global.unknownError": "Det oppstod en uventet feil. Vi prøver å løse den. Prøv igjen senere",
  "global.errorServer": "Det oppstod en feil på serverne våre. Prøv igjen senere.",
  "global.loginNeeded": "Du må logge inn.",
  "global.unauthorized": "Du har ikke autorisasjon til å få tilgang til dette.",
  "global.notFound": "Ikke funnet",
  "order.subscription": "Abonnement",
  "order.subscription.key.frequency": "Frekvens",
  "product.quantity": "{qtd, plural, one {# enher} other {# enheter}}"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/messages/da.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "a11y.orderHeader.shippingModal": "Åbn popup-adresse",
  "commons.hello": "Hej",
  "commons.continue": "Fortsæt",
  "commons.free": "Gratis",
  "commons.other": "Andet",
  "commons.reasonOtherExplanation": "Fortæl os, hvorfor du annullerer denne ordre",
  "commons.save": "Gem",
  "commons.close": "Luk",
  "commons.no": "Nej",
  "commons.yes": "Ja",
  "commons.reload": "Genindlæs",
  "commons.cancel": "Annuller",
  "myo.commons.back": "Tilbage",
  "goBackToMyOrders": "gå tilbage til Mine ordrer",
  "order": "Ordre",
  "seeOrder": "Vis ordre",
  "greeting.replaced": "Din ordre #{value} blev udskiftet!",
  "greeting.cancelled": "Ordre #{value} er sendt til annullering og vil snart blive afsluttet!",
  "greeting.edit": "Dit abonnement blev opdateret!",
  "pages.editOrder.greeting": "Velkommen til selvbetjening. Din ordre gøres klar til levering. Hvad kan vi gøre for dig?",
  "pages.editOrder.changeUnavailable": "Denne ordre er ikke tilgængelig til produktændringer.",
  "pages.cancelOrder.greeting": "Velkommen til selvbetjening. Hvorfor ønsker du at annullere din ordre?",
  "orders.toggle.ordersThatArentFinished": "Løbende ordrer",
  "orders.toggle.ordersThatAreFinished": "Afsluttede ordrer",
  "orders.notFound": "Du har ikke bestilt noget endnu!",
  "orders.finishedNotFound": "Du har ingen færdige ordrer",
  "orders.ongoingNotFound": "Du har ingen igangværende ordrer",
  "order.dateIs": "Ordredato",
  "order.shipsTo": "Forsendelse",
  "order.total": "I alt",
  "order.moreOptions": "Flere muligheder",
  "orders.title": "Ordrer",
  "orders.edit": "Rediger ordre #{orderNumber}",
  "order.history": "Skift historik",
  "order.change.date": "{date} kl {hour}",
  "order.change.quantity": "Kvantitet: {quantity}",
  "order.change.originalOrder": "Original ordre",
  "order.change.currentOrder": "Nuværende ordre",
  "order.viewAllItems": "Vis alle varer",
  "order.printBankInvoice": "Udskriv bankfaktura",
  "order.cancelOrder": "Anmod om annullering",
  "order.changeOrder": "Skift ordre",
  "order.orderAgain": "Bestil igen",
  "order.goToOrderDetails": "Vis ordredetaljer",
  "order.confirmCancellation": "Bekræft annullering",
  "order.estimatedDeliveryTo": "Forventet levering til",
  "order.navigationArrowTitle": "Returpil",
  "order.seeInvoice": "Vis faktura",
  "order.trackingData.clickHereToGoToExternalPage": "Se sporingsinformation på udbyderens websted",
  "order.trackingData.shipping": "Sporing #{trackingNumber}",
  "order.stepsFlow.placed": "Ordre placeret",
  "order.stepsFlow.approved": "Ordre godkendt",
  "order.stepsFlow.sent": "Ordre sendt",
  "order.stepsFlow.shipping": "Ordreforsendelse",
  "order.stepsFlow.finished": "Ordre færdig",
  "order.stepsFlow.cancelled": "Ordre annulleret",
  "order.state.unknown": "Behandler",
  "order.state.waiting-for-seller-confirmation": "Behandler",
  "order.state.order-created": "Behandler",
  "order.state.order-completed": "Behandler",
  "order.state.on-order-completed": "Behandler",
  "order.state.payment-pending": "Behandler betaling",
  "order.state.window-to-cancel": "Håndterer forsendelse",
  "order.state.approve-payment": "Håndterer forsendelse",
  "order.state.payment-approved": "Betaling godkendt",
  "order.state.request-cancel": "Annullering anmodet",
  "order.state.cancel": "Behandler annullering",
  "order.state.canceled": "Annullerer",
  "order.state.waiting-for-seller-decision": "Annullering anmodet",
  "order.state.invoice": "Forsendelse",
  "order.state.invoiced": "Sendt",
  "order.state.replaced": "Erstattet",
  "order.state.cancellation-requested": "Annullering anmodet",
  "order.state.ready-for-handling": "Håndterer forsendelse",
  "order.state.handling": "Håndterer forsendelse",
  "order.state.authorize-fullfilment": "Behandler betaling",
  "order.state.release-to-fulfillment": "Håndterer forsendelse",
  "order.state.delivered": "Leveret",
  "order.state.ready-for-pickup": "Klar til afhentning",
  "order.state.pickedUp": "Afhentet",
  "order.state.handlingPickup": "Håndterer ordre",
  "order.progress.pickup": "Afhent",
  "order.progress.confirmOrder": "Placer ordre",
  "order.progress.confirmingOrder": "Placerer ordre",
  "order.progress.orderConfirmed": "Order placeret",
  "order.progress.approvePayment": "Godkend betaling",
  "order.progress.approvingPayment": "Godkender betaling",
  "order.progress.paymentApproved": "Betaling godkendt",
  "order.progress.handleShipping": "Håndter ordre",
  "order.progress.handlingShipping": "Håndterer ordre",
  "order.progress.shippingHandled": "Pakke håndteret",
  "order.progress.deliverToCarrier": "Lever til udbyder",
  "order.progress.delivering": "Leverer ordre",
  "order.progress.delivered": "Ordre leveret",
  "order.progress.deliverToPickup": "Send til afhentningssted",
  "order.progress.deliveringToPickup": "Sender til afhentningssted",
  "order.progress.deliveredToPickup": "Sendt til afhentningssted",
  "order.progress.ship": "Send ordre",
  "order.progress.shipping": "Sender ordre",
  "order.progress.shipped": "Ordre sendt",
  "package.progress.handleShipping": "Håndter pakke",
  "package.progress.handlingShipping": "Håndterer pakke",
  "package.progress.shippingHandled": "Pakke håndteret",
  "package.progress.deliverToCarrier": "Lever ordre",
  "package.progress.delivering": "Under transport til transportøren",
  "package.progress.delivered": "Ordre leveret",
  "package.progress.ship": "Send pakke",
  "package.progress.shipping": "Sender pakke",
  "package.progress.shipped": "Pakke sendt",
  "order.summary.title": "Opsummering",
  "order.summary.total": "I alt",
  "order.shippingInfo": "Adresse",
  "order.paymentInfo": "Betalingsoplysninger",
  "order.package.heading": "Pakke",
  "order.package.numbering": "af",
  "order.package.day": "dag",
  "order.package.product": "Produkt",
  "order.package.price": "Pris",
  "order.package.quantity": "Antal",
  "order.package.total": "Subtotal",
  "order.shippingEstimate.bd": "{timeAmount, plural, =0 {Samme dag} one {Levering indenfor # hverdag} other {Levering indenfor # hverdage}}",
  "order.shippingEstimate.d": "{timeAmount, plural, =0 {Samme dag} one {Levering indenfor # dag} other {Levering indenfor # dage}}",
  "order.shippingEstimate.h": "{timeAmount, plural, =0 {Nu} one {Levering indenfor # time} other {Levering indenfor # timer}}",
  "order.shippingEstimate.m": "{timeAmount, plural, =0 {Nu} one {Levering indenfor # minut} other {Levering indenfor # minutter}}",
  "order.shippingEstimate.withTime": "Levering den {date} kl {hour}",
  "order.shippingEstimate.noTime": "Levering den {date}",
  "order.shippingEstimate.window": "Levering den {date}, mellem {startHour} og {endHour}",
  "order.shippingEstimate.pickup.withTime": "Afhentning klar den {date} kl {hour}",
  "order.shippingEstimate.pickup.noTime": "Afhentning klar den {date}",
  "order.shippingEstimate.pickup.window": "Afhentning klar den {date}, mellem {startHour} og {endHour}",
  "order.tracking.date": "Dato",
  "order.tracking.time": "Tid",
  "order.tracking.status": "Status",
  "order.tracking.showMore": "Vis mere",
  "paymentData.additionalInfo": "Yderligere info",
  "paymentData.paymentGroup.MercadoPago.name": "MercadoPago",
  "paymentData.paymentGroup.payPal.name": "PayPal",
  "paymentData.paymentGroup.stelo.name": "Stelo",
  "paymentData.paymentGroup.safetypay.name": "Online Debit",
  "paymentData.paymentGroup.Bcash.name": "Bcash",
  "paymentData.paymentGroup.giftCard.name": "Gavekort",
  "paymentData.paymentGroup.debit.name": "Online Debit",
  "paymentData.paymentGroup.debitCard.name": "Debetkort",
  "paymentData.paymentGroup.creditDirectSale.name": "PIN Pad betaling",
  "paymentData.paymentGroup.creditCard.name": "Kreditkort",
  "paymentData.paymentGroup.creditCard.endingIn": "slutter på",
  "paymentData.paymentGroup.bankInvoice.name": "Faktura",
  "paymentData.paymentGroup.evolucard.name": "Evolucard",
  "paymentData.paymentGroup.promissory.name": "Gældsbrev",
  "paymentData.paymentGroup.alignet.name": "Justeret",
  "paymentData.paymentGroup.pagSeguro.name": "PagSeguro",
  "paymentData.paymentGroup.pagosWeb.name": "Betalingsmetoder",
  "paymentData.paymentGroup.peela.name": "Peela",
  "paymentData.paymentGroup.koin.name": "Koin Pós-Pago",
  "paymentData.giftCard.loyalty-program.name": "Loyaltyprogram",
  "reasons.shipping": "Ændring af afsendelsesdato",
  "reasons.payment": "Ændring af betalingsdata",
  "reasons.profile": "Ændring af personlige data",
  "reasons.unknown": "Årsag ikke angivet",
  "global.unknownError": "Der opstod en uventet fejl, vi forsøger at løse den. Prøv igen senere",
  "global.errorServer": "Der opstod en fejl i vores servere. Prøv venligst igen senere.",
  "global.loginNeeded": "Du skal logge ind.",
  "global.unauthorized": "Du har ikke tilladelse til at få adgang til dette.",
  "global.notFound": "Ikke fundet",
  "order.subscription": "Abonnement",
  "order.subscription.key.frequency": "Hyppighed",
  "product.quantity": "{qtd, plural, one {# stk.} other {# stk.}}"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/messages/th.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "a11y.orderHeader.shippingModal": "เปิดป๊อปอัปของที่อยู่",
  "commons.hello": "สวัสดี",
  "commons.continue": "ทำต่อไป",
  "commons.free": "ฟรี",
  "commons.other": "อื่น ๆ",
  "commons.reasonOtherExplanation": "โปรดบอกเราถึงสาเหตุที่ยกเลิกคำสั่งซื้อนี้",
  "commons.save": "บันทึก",
  "commons.close": "ปิด",
  "commons.no": "ไม่",
  "commons.yes": "ใช่",
  "commons.reload": "โหลดซ้ำ",
  "commons.cancel": "ยกเลิก",
  "myo.commons.back": "กลับ",
  "goBackToMyOrders": "กลับไปที่คำสั่งซื้อของฉัน",
  "order": "คำสั่งซื้อ",
  "seeOrder": "ดูคำสั่งซื้อ",
  "greeting.replaced": "แทนที่คำสั่งซื้อ #{value} ของคุณเรียบร้อยแล้ว!",
  "greeting.cancelled": "ส่งคำขอยกเลิกคำสั่งซื้อ #{value} แล้ว โดยจะเสร็จสมบูรณ์ในอีกสักครู่!",
  "greeting.edit": "อัปเดต Subscription ของคุณแล้ว!",
  "pages.editOrder.greeting": "ยินดีต้อนรับสู่การบริการตนเอง กำลังเตรียมจัดส่งตามคำสั่งซื้อของคุณ มีอะไรที่ต้องการให้เราช่วยหรือไม่",
  "pages.editOrder.changeUnavailable": "ไม่สามารถเปลี่ยนผลิตภัณฑ์ในคำสั่งซื้อนี้",
  "pages.cancelOrder.greeting": "ยินดีต้อนรับสู่การบริการตนเอง คุณยกเลิกคำสั่งซื้อด้วยสาเหตุใด",
  "orders.toggle.ordersThatArentFinished": "คำสั่งซื้อที่ดำเนินการอยู่",
  "orders.toggle.ordersThatAreFinished": "คำสั่งซื้อที่ดำเนินการเสร็จแล้ว",
  "orders.notFound": "คุณยังไม่ได้สั่งซื้ออะไร!",
  "orders.finishedNotFound": "คุณไม่มีคำสั่งซื้อที่ดำเนินการเสร็จแล้ว",
  "orders.ongoingNotFound": "คุณไม่มีคำสั่งซื้อที่ดำเนินการอยู่",
  "order.dateIs": "วันที่คำสั่งซื้อ",
  "order.shipsTo": "การขนส่ง",
  "order.total": "ยอดรวม",
  "order.moreOptions": "ตัวเลือกเพิ่มเติม",
  "orders.title": "คำสั่งซื้อ",
  "orders.edit": "แก้ไขคำสั่งซื้อ #{orderNumber}",
  "order.history": "ประวัติการเปลี่ยนแปลง",
  "order.change.date": "{date} เวลา {hour}",
  "order.change.quantity": "จำนวน: {quantity}",
  "order.change.originalOrder": "คำสั่งซื้อเริ่มแรก",
  "order.change.currentOrder": "คำสั่งซื้อปัจจุบัน",
  "order.viewAllItems": "ดูรายการทั้งหมด",
  "order.printBankInvoice": "พิมพ์ใบเรียกเก็บจากธนาคาร",
  "order.cancelOrder": "ขอให้ยกเลิก",
  "order.changeOrder": "เปลี่ยนคำสั่งซื้อ",
  "order.orderAgain": "สั่งซื้ออีกครั้ง",
  "order.goToOrderDetails": "ดูรายละเอียดคำสั่งซื้อ",
  "order.confirmCancellation": "ยืนยันการยกเลิก",
  "order.estimatedDeliveryTo": "ประมาณการจัดส่งที่",
  "order.navigationArrowTitle": "ลูกศรกลับคืน",
  "order.seeInvoice": "ดูใบเรียกเก็บ",
  "order.trackingData.clickHereToGoToExternalPage": "ดูข้อมูลติดตามในเว็บไซต์ของผู้ให้บริการ",
  "order.trackingData.shipping": "การติดตาม #{trackingNumber}",
  "order.stepsFlow.placed": "คำสั่งซื้อวางแล้ว",
  "order.stepsFlow.approved": "คำสั่งซื้ออนุมัติแล้ว",
  "order.stepsFlow.sent": "ขนส่งตามคำสั่งซื้อแล้ว",
  "order.stepsFlow.shipping": "คำสั่งซื้อที่ขนส่ง",
  "order.stepsFlow.finished": "คำสั่งซื้อที่ดำเนินการเสร็จแล้ว",
  "order.stepsFlow.cancelled": "คำสั่งซื้อที่ยกเลิกแล้ว",
  "order.state.unknown": "กำลังประมวลผล",
  "order.state.waiting-for-seller-confirmation": "กำลังประมวลผล",
  "order.state.order-created": "กำลังประมวลผล",
  "order.state.order-completed": "กำลังประมวลผล",
  "order.state.on-order-completed": "กำลังประมวลผล",
  "order.state.payment-pending": "การประมวลผลการชำระเงิน",
  "order.state.window-to-cancel": "การจัดการการขนส่ง",
  "order.state.approve-payment": "การจัดการการขนส่ง",
  "order.state.payment-approved": "อนุมัติชำระเงินแล้ว",
  "order.state.request-cancel": "ขอให้ยกเลิกแล้ว",
  "order.state.cancel": "กำลังประมวลผลการยกเลิก",
  "order.state.canceled": "ยกเลิกแล้ว",
  "order.state.waiting-for-seller-decision": "ขอให้ยกเลิกแล้ว",
  "order.state.invoice": "กำลังขนส่ง",
  "order.state.invoiced": "ขนส่งแล้ว",
  "order.state.replaced": "แทนที่แล้ว",
  "order.state.cancellation-requested": "ขอให้ยกเลิกแล้ว",
  "order.state.ready-for-handling": "การจัดการการขนส่ง",
  "order.state.handling": "การจัดการการขนส่ง",
  "order.state.authorize-fullfilment": "กำลังประมวลผลชำระเงิน",
  "order.state.release-to-fulfillment": "กำลังจัดการขนส่ง",
  "order.state.delivered": "จัดส่งแล้ว",
  "order.state.ready-for-pickup": "พร้อมให้รับของ",
  "order.state.pickedUp": "รับของแล้ว",
  "order.state.handlingPickup": "กำลังจัดการคำสั่งซ์้อ",
  "order.progress.pickup": "การรับด้วยตนเอง",
  "order.progress.confirmOrder": "วางคำสั่งซื้อ",
  "order.progress.confirmingOrder": "กำลังวางคำสั่งซื้อ",
  "order.progress.orderConfirmed": "วางคำสั่งซื้อแล้ว",
  "order.progress.approvePayment": "อนุมัติชำระเงิน",
  "order.progress.approvingPayment": "กำลังอนุมัติชำระเงิน",
  "order.progress.paymentApproved": "อนุมัติชำระเงินแล้ว",
  "order.progress.handleShipping": "จัดการคำสั่งซ์้อ",
  "order.progress.handlingShipping": "กำลังจัดการคำสั่งซ์้อ",
  "order.progress.shippingHandled": "จัดการแพคเก็จแล้ว",
  "order.progress.deliverToCarrier": "จัดส่งไปที่ผู้ให้บริการ",
  "order.progress.delivering": "กำลังจัดส่งตามคำสั่งซื้อ",
  "order.progress.delivered": "ออเดอร์ได้ถูกส่งมอบแล้ว",
  "order.progress.deliverToPickup": "ขนส่งไปยังจุดรับของ",
  "order.progress.deliveringToPickup": "กำลังขนส่งไปยังจุดรับของ",
  "order.progress.deliveredToPickup": "ขนส่งไปยังจุดรับของแล้ว",
  "order.progress.ship": "ขนส่งตามคำสั่งซื้อ",
  "order.progress.shipping": "กำลังขนส่งตามคำสั่งซื้อ",
  "order.progress.shipped": "ขนส่งตามคำสั่งซื้อแล้ว",
  "package.progress.handleShipping": "จัดการแพคเกจ",
  "package.progress.handlingShipping": "กำลังจัดการแพคเกจ",
  "package.progress.shippingHandled": "จัดการแพคเก็จแล้ว",
  "package.progress.deliverToCarrier": "จัดส่งตามคำสั่งซื้อ",
  "package.progress.delivering": "อยู่ระหว่างการจัดส่งไปยังบริษัทขนส่ง",
  "package.progress.delivered": "จัดส่งตามคำสั่งซื้อแล้ว",
  "package.progress.ship": "ขนส่งแพคเกจ",
  "package.progress.shipping": "กำลังขนส่งแพคเกจ",
  "package.progress.shipped": "ขนส่งแพคเกจแล้ว",
  "order.summary.title": "สรุป",
  "order.summary.total": "ยอดรวม",
  "order.shippingInfo": "ที่อยู่",
  "order.paymentInfo": "ข้อมูลการชำระ",
  "order.package.heading": "แพคเกจ",
  "order.package.numbering": "ของ",
  "order.package.day": "วัน",
  "order.package.product": "ผลิตภัณฑ์",
  "order.package.price": "ราคา",
  "order.package.quantity": "จำนวน",
  "order.package.total": "ยอดรวม",
  "order.shippingEstimate.bd": "{timeAmount, plural, =0 {จัดส่งวันเดียวกัน} one {จัดส่งภายใน # วันทำการ} other {จัดส่งภายใน # วันทำการ}}",
  "order.shippingEstimate.d": "{timeAmount, plural, =0 {จัดส่งวันเดียวกัน} one {จัดส่งภายใน # วัน} other {จัดส่งภายใน # วัน}}",
  "order.shippingEstimate.h": "{timeAmount, plural, =0 {จัดส่งทันทีตอนนี้} one {จัดส่งภายใน # ชั่วโมง} other {จัดส่งภายใน # ชั่วโมง}}",
  "order.shippingEstimate.m": "{timeAmount, plural, =0 {จัดส่งทันทีตอนนี้} one {จัดส่งภายใน # นาที} other {จัดส่งภายใน # นาที}}",
  "order.shippingEstimate.withTime": "จัดส่งภายในวันที่ {date} เวลา {hour}",
  "order.shippingEstimate.noTime": "จัดส่งภายในวันที่ {date}",
  "order.shippingEstimate.window": "จัดส่งภายในวันที่ {date}, ระหว่างเวลา {startHour} และ {endHour}",
  "order.shippingEstimate.pickup.withTime": "จัดส่งภายในวันที่ {date} เวลา {hour}",
  "order.shippingEstimate.pickup.noTime": "พร้อมให้รับของภายในวันที่ {date}",
  "order.shippingEstimate.pickup.window": "พร้อมให้รับของภายในวันที่ {date}, ระหว่างเวลา {startHour} และ {endHour}",
  "order.tracking.date": "วันที่",
  "order.tracking.time": "เวลา",
  "order.tracking.status": "สถานะ",
  "order.tracking.showMore": "แสดงเพิ่มเติม",
  "paymentData.additionalInfo": "ข้อมูลเพิ่มเติม",
  "paymentData.paymentGroup.MercadoPago.name": "MercadoPago",
  "paymentData.paymentGroup.payPal.name": "PayPal",
  "paymentData.paymentGroup.stelo.name": "Stelo",
  "paymentData.paymentGroup.safetypay.name": "ตัดเงินออนไลน์",
  "paymentData.paymentGroup.Bcash.name": "Bcash",
  "paymentData.paymentGroup.giftCard.name": "บัตรของขวัญ",
  "paymentData.paymentGroup.debit.name": "ตัดเงินออนไลน์",
  "paymentData.paymentGroup.debitCard.name": "บัตรเดบิต",
  "paymentData.paymentGroup.creditDirectSale.name": "การชำระผ่าน PIN Pad",
  "paymentData.paymentGroup.creditCard.name": "บัตรเครดิต",
  "paymentData.paymentGroup.creditCard.endingIn": "สิ้นสุดภายใน",
  "paymentData.paymentGroup.bankInvoice.name": "ใบเรียกเก็บเงิน",
  "paymentData.paymentGroup.evolucard.name": "Evolucard",
  "paymentData.paymentGroup.promissory.name": "ตั๋วสัญญาใช้เงิน",
  "paymentData.paymentGroup.alignet.name": "Alignet",
  "paymentData.paymentGroup.pagSeguro.name": "PagSeguro",
  "paymentData.paymentGroup.pagosWeb.name": "วิธีชำระเงิน",
  "paymentData.paymentGroup.peela.name": "Peela",
  "paymentData.paymentGroup.koin.name": "Koin Pós-Pago",
  "paymentData.giftCard.loyalty-program.name": "โปรแกรม Loyalty",
  "reasons.shipping": "เปลี่ยนแปลงข้อมูลการขนส่ง",
  "reasons.payment": "เปลี่ยนแปลงข้อมูลการชำระ",
  "reasons.profile": "เปลี่ยนแปลงข้อมูลส่วนตัว",
  "reasons.unknown": "ไม่ระบุสาเหตุ",
  "global.unknownError": "เกิดข้อผิดพลาดโดยไม่คาดคิด เรากำลังแก้ไข โปรดลองอีกครั้งในภายหลัง",
  "global.errorServer": "มีข้อผิดพลาดในเซิร์ฟเวอร์ของเรา โปรดลองอีกครั้งในภายหลัง",
  "global.loginNeeded": "คุณต้องล็อกอิน",
  "global.unauthorized": "คุณไม่ได้รับอนุญาตให้เข้าถึงข้อมูลนี้",
  "global.notFound": "ไม่พบ",
  "order.subscription": "Subscription",
  "order.subscription.key.frequency": "ความถี่",
  "product.quantity": "{qtd, plural, other {# น.}}"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/messages/sv.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "a11y.orderHeader.shippingModal": "Öppna popup adresser",
  "commons.hello": "Hej",
  "commons.continue": "Fortsätt",
  "commons.free": "Gratis",
  "commons.other": "Övriga",
  "commons.reasonOtherExplanation": "Berätta varför du avbryter den här beställningen",
  "commons.save": "Spara",
  "commons.close": "Stäng",
  "commons.no": "Nej",
  "commons.yes": "Ja",
  "commons.reload": "Ladda om",
  "commons.cancel": "Avbryt",
  "myo.commons.back": "Återgå",
  "goBackToMyOrders": "gå tillbaka till mina beställningar",
  "order": "Beställning",
  "seeOrder": "Visa beställning",
  "greeting.replaced": "Din beställning #{value} har tagits emot!",
  "greeting.cancelled": "Beställningen #{value} har skickats in för avbokning, och det kommer att vara klart snart!",
  "greeting.edit": "Din prenumeration har uppdaterats!",
  "pages.editOrder.greeting": "Välkommen till egenservice. Din beställning förbereds för leverans. Vad kan vi göra för dig?",
  "pages.editOrder.changeUnavailable": "Denna beställning är inte tillgänglig för produktändringar.",
  "pages.cancelOrder.greeting": "Välkommen till egenservice. Varför vill du avbryta din beställning?",
  "orders.toggle.ordersThatArentFinished": "Pågående beställningar",
  "orders.toggle.ordersThatAreFinished": "Färdiga beställningar",
  "orders.notFound": "Du har inte beställt någonting ännu!",
  "orders.finishedNotFound": "Du har inga färdiga beställningar",
  "orders.ongoingNotFound": "Du har inga färdiga beställningar",
  "order.dateIs": "Beställningsdatum",
  "order.shipsTo": "Frakt",
  "order.total": "Totalt",
  "order.moreOptions": "Fler alternativ",
  "orders.title": "Beställningar",
  "orders.edit": "Redigera beställning #{orderNumber}",
  "order.history": "Ändra historik",
  "order.change.date": "{date} vid {hour}",
  "order.change.quantity": "Kvantitet: {quantity}",
  "order.change.originalOrder": "Ursprunglig order",
  "order.change.currentOrder": "Nuvarande order",
  "order.viewAllItems": "Visa alla artiklar",
  "order.printBankInvoice": "Skriv ut faktura",
  "order.cancelOrder": "Kräv att det avbryts",
  "order.changeOrder": "Ändra beställning",
  "order.orderAgain": "Beställ igen",
  "order.goToOrderDetails": "Visa information om beställning",
  "order.confirmCancellation": "Bekräfta avbrytande",
  "order.estimatedDeliveryTo": "Förväntad leverans till",
  "order.navigationArrowTitle": "Pil för att återgå",
  "order.seeInvoice": "Visa faktura",
  "order.trackingData.clickHereToGoToExternalPage": "Se spårningsinformation på operatörens webbplats",
  "order.trackingData.shipping": "Spårning #{trackingNumber}",
  "order.stepsFlow.placed": "Beställning genomförd",
  "order.stepsFlow.approved": "Beställning godkänd",
  "order.stepsFlow.sent": "Beställning skickad",
  "order.stepsFlow.shipping": "Beställning levererad",
  "order.stepsFlow.finished": "Beställning avslutat",
  "order.stepsFlow.cancelled": "Beställning avbruten",
  "order.state.unknown": "Bearbetar",
  "order.state.waiting-for-seller-confirmation": "Bearbetar",
  "order.state.order-created": "Bearbetar",
  "order.state.order-completed": "Bearbetar",
  "order.state.on-order-completed": "Bearbetar",
  "order.state.payment-pending": "Bearbetar betalning",
  "order.state.window-to-cancel": "Hanterar leverans",
  "order.state.approve-payment": "Hanterar leverans",
  "order.state.payment-approved": "Betalning godkänd",
  "order.state.request-cancel": "Krav om avbrytande",
  "order.state.cancel": "Bearbetar avbrytande",
  "order.state.canceled": "Avbruten",
  "order.state.waiting-for-seller-decision": "Krav om avbrytande",
  "order.state.invoice": "Frakt",
  "order.state.invoiced": "Levererad",
  "order.state.replaced": "Ersatt",
  "order.state.cancellation-requested": "Krav om avbrytande",
  "order.state.ready-for-handling": "Hanterar leverans",
  "order.state.handling": "Hanterar leverans",
  "order.state.authorize-fullfilment": "Bearbetar betalning",
  "order.state.release-to-fulfillment": "Hanterar leverans",
  "order.state.delivered": "Levereras",
  "order.state.ready-for-pickup": "Redo för hämtning",
  "order.state.pickedUp": "Hämtade",
  "order.state.handlingPickup": "Hanterar beställning",
  "order.progress.pickup": "Hämta",
  "order.progress.confirmOrder": "Placera beställning",
  "order.progress.confirmingOrder": "Placerar beställning",
  "order.progress.orderConfirmed": "Beställning genomförd",
  "order.progress.approvePayment": "Betalning godkänd",
  "order.progress.approvingPayment": "Betalning godkänd",
  "order.progress.paymentApproved": "Betalning godkänd",
  "order.progress.handleShipping": "Hantera beställning",
  "order.progress.handlingShipping": "Hanterar beställning",
  "order.progress.shippingHandled": "Hanterad förpackning",
  "order.progress.deliverToCarrier": "Leverans till leverantör",
  "order.progress.delivering": "Levererar beställning",
  "order.progress.delivered": "Levererad beställning",
  "order.progress.deliverToPickup": "Välj en plats för hämtning",
  "order.progress.deliveringToPickup": "Skickar till upphämtningsplatsen",
  "order.progress.deliveredToPickup": "Skickad till upphämtningsplatsen",
  "order.progress.ship": "Leverera beställning",
  "order.progress.shipping": "Levererar beställning",
  "order.progress.shipped": "Levererad beställning",
  "package.progress.handleShipping": "Hantera förpackning",
  "package.progress.handlingShipping": "Hanterar förpackning",
  "package.progress.shippingHandled": "Hanterad förpackning",
  "package.progress.deliverToCarrier": "Leverera beställning",
  "package.progress.delivering": "På väg till transportören",
  "package.progress.delivered": "Levererad beställning",
  "package.progress.ship": "Leverera förpackning",
  "package.progress.shipping": "Levererar förpackning",
  "package.progress.shipped": "Levererad förpackning",
  "order.summary.title": "Summering",
  "order.summary.total": "Totalt",
  "order.shippingInfo": "Adress",
  "order.paymentInfo": "Betalningsinformation",
  "order.package.heading": "Förpackning",
  "order.package.numbering": "av",
  "order.package.day": "dag",
  "order.package.product": "Produkt",
  "order.package.price": "Pris",
  "order.package.quantity": "Kvantitet",
  "order.package.total": "Delbelopp",
  "order.shippingEstimate.bd": "{timeAmount, plural, =0 {Under samma dag} one {Leverans inom # arbetsdag} other {Leverans inom # arbetsdagar}}",
  "order.shippingEstimate.d": "{timeAmount, plural, =0 {Under samma dag} one {Leverans inom # dag} other {Leverans inom # dagar}}\n",
  "order.shippingEstimate.h": "{timeAmount, plural, =0 {Nu} one {Leverans inom # timme} other {Leverans inom # timmar}}",
  "order.shippingEstimate.m": "{timeAmount, plural, =0 {Nu} one {Leverans inom # minut} other {Leverans inom # minuter}}\n",
  "order.shippingEstimate.withTime": "Levererad av {date} vid {hour}",
  "order.shippingEstimate.noTime": "Levererad vid {date}",
  "order.shippingEstimate.window": "Levererad {date}, mellan {startHour} och {endHour}",
  "order.shippingEstimate.pickup.withTime": "Hämtning redo den {date} vid {hour}",
  "order.shippingEstimate.pickup.noTime": "Hämtning redo den {date}",
  "order.shippingEstimate.pickup.window": "Hämtning redo den {date}, mellan {startHour} och {endHour}",
  "order.tracking.date": "Datum",
  "order.tracking.time": "Tid",
  "order.tracking.status": "Status",
  "order.tracking.showMore": "Visa fler",
  "paymentData.additionalInfo": "Ytterligare information",
  "paymentData.paymentGroup.MercadoPago.name": "MercadoPago",
  "paymentData.paymentGroup.payPal.name": "PayPal",
  "paymentData.paymentGroup.stelo.name": "Stelo",
  "paymentData.paymentGroup.safetypay.name": "Online debitering",
  "paymentData.paymentGroup.Bcash.name": "Bcash",
  "paymentData.paymentGroup.giftCard.name": "Presentkort",
  "paymentData.paymentGroup.debit.name": "Online debitering",
  "paymentData.paymentGroup.debitCard.name": "Kreditkort",
  "paymentData.paymentGroup.creditDirectSale.name": "PIN Pad Payment",
  "paymentData.paymentGroup.creditCard.name": "Kreditkort",
  "paymentData.paymentGroup.creditCard.endingIn": "utgår inom",
  "paymentData.paymentGroup.bankInvoice.name": "Faktura",
  "paymentData.paymentGroup.evolucard.name": "Evolucard",
  "paymentData.paymentGroup.promissory.name": "Revers",
  "paymentData.paymentGroup.alignet.name": "Alignet",
  "paymentData.paymentGroup.pagSeguro.name": "PagSeguro",
  "paymentData.paymentGroup.pagosWeb.name": "Betalningsmetoder",
  "paymentData.paymentGroup.peela.name": "Peela",
  "paymentData.paymentGroup.koin.name": "Koin Pós-Pago",
  "paymentData.giftCard.loyalty-program.name": "Lojalitetsprogram",
  "reasons.shipping": "Ändra leveransdata",
  "reasons.payment": "Ändra betalningsinformation",
  "reasons.profile": "Ändra personlig information",
  "reasons.unknown": "Anledningen är inte specificerad",
  "global.unknownError": "Ett oväntat fel inträffade, vi försöker att lösa det. Försök igen senare",
  "global.errorServer": "Det uppstod ett fel med våra servrar. Vänligen försök igen senare.",
  "global.loginNeeded": "Du måste logga in.",
  "global.unauthorized": "Du har inte behörighet att komma åt detta.",
  "global.notFound": "Hittades inte",
  "order.subscription": "Prenumeration",
  "order.subscription.key.frequency": "Frekvens",
  "product.quantity": "{qtd, plural, one {# enhet} other {# enheter}}"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/messages/es.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "a11y.orderHeader.shippingModal": "Abrir popup de dirección",
  "commons.hello": "Hola",
  "commons.continue": "Continuar",
  "commons.free": "Gratis",
  "commons.other": "Otro",
  "commons.reasonOtherExplanation": "Por favor, informa el motivo de la cancelación del pedido",
  "commons.save": "Guardar",
  "commons.close": "Cerrar",
  "commons.no": "No",
  "commons.yes": "Sí",
  "commons.reload": "Recargar",
  "commons.cancel": "Cancelar",
  "myo.commons.back": "Atrás",
  "goBackToMyOrders": "Volver a Mis pedidos",
  "order": "Pedido",
  "seeOrder": "Ver pedido",
  "greeting.replaced": "¡Tu pedido #{value} fue reemplazado con éxito!",
  "greeting.cancelled": "Se envió la cancelación del pedido #{value} y se está procesando.",
  "greeting.edit": "¡Tu suscripción se ha actualizado con éxito!",
  "pages.editOrder.greeting": "¡Bienvenido al área de autoservicio! Tu pedido se está preparando para la entrega. ¿En qué podemos ayudarte?",
  "pages.editOrder.changeUnavailable": "Este pedido no permite cambios de productos.",
  "pages.cancelOrder.greeting": "Bienvenido al área de autoservicio. ¿Por qué deseas cancelar tu pedido?",
  "orders.toggle.ordersThatArentFinished": "Pedidos en curso",
  "orders.toggle.ordersThatAreFinished": "Pedidos completados",
  "orders.notFound": "¡Todavía no tienes pedidos!",
  "orders.finishedNotFound": "No tienes pedidos completados",
  "orders.ongoingNotFound": "No tienes pedidos en curso",
  "order.dateIs": "Fecha del pedido",
  "order.shipsTo": "Enviar a",
  "order.total": "Total",
  "order.moreOptions": "Más opciones",
  "orders.title": "Pedidos",
  "orders.edit": "Editar pedido #{orderNumber}",
  "order.history": "Historial",
  "order.change.date": "{date} a las {hour}",
  "order.change.quantity": "Cantidad: {quantity}",
  "order.change.originalOrder": "Pedido original",
  "order.change.currentOrder": "Pedido actual",
  "order.viewAllItems": "Ver todos los ítems",
  "order.printBankInvoice": "Imprimir boleto bancario",
  "order.cancelOrder": "Solicitar cancelación",
  "order.changeOrder": "Cambiar pedido",
  "order.orderAgain": "Volver a pedir",
  "order.goToOrderDetails": "Ver detalles del pedido",
  "order.confirmCancellation": "Confirmar cancelación",
  "order.estimatedDeliveryTo": "Entrega estimada para",
  "order.navigationArrowTitle": "Flecha de retorno",
  "order.seeInvoice": "Ver factura",
  "order.trackingData.clickHereToGoToExternalPage": "Consultar la información de seguimiento en el sitio web de la transportadora",
  "order.trackingData.shipping": "Código de seguimiento: #{trackingNumber}",
  "order.stepsFlow.placed": "Pedido realizado",
  "order.stepsFlow.approved": "Pedido aprobado",
  "order.stepsFlow.sent": "Pedido enviado",
  "order.stepsFlow.shipping": "Pedido enviado",
  "order.stepsFlow.finished": "Pedido completado",
  "order.stepsFlow.cancelled": "Pedido cancelado",
  "order.state.unknown": "Procesando",
  "order.state.waiting-for-seller-confirmation": "Procesando",
  "order.state.order-created": "Procesando",
  "order.state.order-completed": "Procesando",
  "order.state.on-order-completed": "Procesando",
  "order.state.payment-pending": "Procesando pago",
  "order.state.window-to-cancel": "Preparando envío",
  "order.state.approve-payment": "Preparando envío",
  "order.state.payment-approved": "Pago aprobado",
  "order.state.request-cancel": "Cancelación solicitada",
  "order.state.cancel": "Procesando cancelación",
  "order.state.canceled": "Cancelado",
  "order.state.waiting-for-seller-decision": "Cancelación solicitada",
  "order.state.invoice": "Enviando",
  "order.state.invoiced": "Enviado",
  "order.state.replaced": "Reemplazado",
  "order.state.cancellation-requested": "Cancelación solicitada",
  "order.state.ready-for-handling": "Preparando envío",
  "order.state.handling": "Preparando envío",
  "order.state.authorize-fullfilment": "Procesando pago",
  "order.state.release-to-fulfillment": "Preparando envío",
  "order.state.delivered": "Entregado",
  "order.state.ready-for-pickup": "Listo para recogida",
  "order.state.pickedUp": "Recogido",
  "order.state.handlingPickup": "Preparando pedido",
  "order.progress.pickup": "Recoger",
  "order.progress.confirmOrder": "Confirmar pedido",
  "order.progress.confirmingOrder": "Confirmando pedido",
  "order.progress.orderConfirmed": "Pedido confirmado",
  "order.progress.approvePayment": "Aprobar pago",
  "order.progress.approvingPayment": "Aprobando el pago",
  "order.progress.paymentApproved": "Pago aprobado",
  "order.progress.handleShipping": "Preparar pedido",
  "order.progress.handlingShipping": "Preparando pedido",
  "order.progress.shippingHandled": "Pedido preparado",
  "order.progress.deliverToCarrier": "Enviar pedido",
  "order.progress.delivering": "Entregando pedido",
  "order.progress.delivered": "Pedido entregado",
  "order.progress.deliverToPickup": "Enviar al punto de recogida",
  "order.progress.deliveringToPickup": "Enviando al punto de recogida",
  "order.progress.deliveredToPickup": "Enviado al punto de recogida",
  "order.progress.ship": "Enviar pedido",
  "order.progress.shipping": "Enviando pedido",
  "order.progress.shipped": "Pedido enviado",
  "package.progress.handleShipping": "Preparar paquete",
  "package.progress.handlingShipping": "Preparando paquete",
  "package.progress.shippingHandled": "Paquete preparado",
  "package.progress.deliverToCarrier": "Entregar a la transportadora",
  "package.progress.delivering": "En tránsito a la transportadora",
  "package.progress.delivered": "Entregado a la transportadora",
  "package.progress.ship": "Enviar paquete",
  "package.progress.shipping": "Enviando paquete",
  "package.progress.shipped": "Paquete enviado",
  "order.summary.title": "Resumen",
  "order.summary.total": "Total",
  "order.shippingInfo": "Dirección",
  "order.paymentInfo": "Forma de pago",
  "order.package.heading": "Paquete",
  "order.package.numbering": "de",
  "order.package.day": "día",
  "order.package.product": "Producto",
  "order.package.price": "Precio",
  "order.package.quantity": "Cantidad",
  "order.package.total": "Subtotal",
  "order.shippingEstimate.bd": "{timeAmount, plural, =0 {El mismo día} one {Entrega en hasta # día laboral} other {Entrega hasta # día laborales}}",
  "order.shippingEstimate.d": "{timeAmount, plural, =0 {El mismo día} one {Entrega en hasta # día} other {Entrega en hasta # días}}",
  "order.shippingEstimate.h": "{timeAmount, plural, =0 {Ahora} one {Entrega en hasta # hora} other {Entrega en hasta # horas}}",
  "order.shippingEstimate.m": "{timeAmount, plural, =0 {Ahora} one {Entrega en hasta # minuto} other {Entrega en hasta # minutos}}",
  "order.shippingEstimate.withTime": "Entrega hasta el {date} a las {hour}",
  "order.shippingEstimate.noTime": "Entrega hasta el {date}",
  "order.shippingEstimate.window": "Entrega el {date}, entre las {startHour} y las {endHour}",
  "order.shippingEstimate.pickup.withTime": "Recogida disponible el {date} a las {hour}",
  "order.shippingEstimate.pickup.noTime": "Retirada disponible el {date}",
  "order.shippingEstimate.pickup.window": "Recogida disponible el {date}, entre {startHour} y {endHour}",
  "order.tracking.date": "Fecha",
  "order.tracking.time": "Hora",
  "order.tracking.status": "Status",
  "order.tracking.showMore": "Mostrar más",
  "paymentData.additionalInfo": "Información adicional",
  "paymentData.paymentGroup.MercadoPago.name": "MercadoPago",
  "paymentData.paymentGroup.payPal.name": "PayPal",
  "paymentData.paymentGroup.stelo.name": "Stelo",
  "paymentData.paymentGroup.safetypay.name": "Débito",
  "paymentData.paymentGroup.Bcash.name": "Bcash",
  "paymentData.paymentGroup.giftCard.name": "Tarjeta de regalo",
  "paymentData.paymentGroup.debit.name": "Débito",
  "paymentData.paymentGroup.debitCard.name": "Tarjeta de débito",
  "paymentData.paymentGroup.creditDirectSale.name": "Pago por PIN Pad",
  "paymentData.paymentGroup.creditCard.name": "Tarjeta de crédito",
  "paymentData.paymentGroup.creditCard.endingIn": "con final",
  "paymentData.paymentGroup.bankInvoice.name": "Boleto bancario",
  "paymentData.paymentGroup.evolucard.name": "Evolucard",
  "paymentData.paymentGroup.promissory.name": "Pagaré",
  "paymentData.paymentGroup.alignet.name": "Alignet",
  "paymentData.paymentGroup.pagSeguro.name": "PagSeguro",
  "paymentData.paymentGroup.pagosWeb.name": "Medios de pago",
  "paymentData.paymentGroup.peela.name": "Peela",
  "paymentData.paymentGroup.koin.name": "Koin pós-pago",
  "paymentData.giftCard.loyalty-program.name": "Programa de fidelidad",
  "reasons.shipping": "Alteración de datos de envío",
  "reasons.payment": "Alteración de datos de pago",
  "reasons.profile": "Alteración de datos personales",
  "reasons.unknown": "Razón no especificada",
  "global.unknownError": "Se produjo un error inesperado, estamos trabajando para resolverlo. Por favor, vuelve a intentarlo más tarde.",
  "global.errorServer": "Se produjo un error en nuestros servidores. Por favor, vuelve a intentarlo más tarde.",
  "global.loginNeeded": "Necesitas iniciar sesión.",
  "global.unauthorized": "No tienes permiso de acceso.",
  "global.notFound": "No encontrado",
  "order.subscription": "Suscripción",
  "order.subscription.key.frequency": "Frecuencia",
  "product.quantity": "{qtd, plural, one {# un.} other {# un.}}"
}
```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/docs/README.md from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```markdown
# B2B Orders History

> ℹ The **B2B Orders History** app is part of VTEX’s [B2B Suite](https://developers.vtex.com/vtex-developer-docs/docs/vtex-b2b-suite) solution: a collection of apps that allow stores to manage organizations, storefront roles and permissions, and checkout settings for B2B commerce relationships. We recommend that you use it alongside the other apps in this suite for all functionalities to work as expected.

When navigating a store, B2B customers who are members of organizations often need to view past orders placed by other users in their organization or cost center.

Considering this, the **B2B Orders History** app replaces the [default Orders page](https://help.vtex.com/en/tutorial/how-my-account-works--2BQ3GiqhqGJTXsWVuio3Xh#orders) in [My Account](https://help.vtex.com/en/tutorial/how-my-account-works--2BQ3GiqhqGJTXsWVuio3Xh) with an adapted version for the B2B scenario.

In this version of the **Orders** page, logged-in B2B customers who are members of an organization can view not only their own orders, but also orders placed by members of their organization or cost center, provided that they have the required [storefront permissions](https://developers.vtex.com/vtex-developer-docs/docs/vtex-storefront-permissions).

## Before you start

First, make sure you have the [VTEX IO CLI (Command Line Interface)](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-documentation-vtex-io-cli-install) installed in your machine.

To use **B2B Orders History**, you must have the [B2B Organizations](https://developers.vtex.com/vtex-developer-docs/docs/vtex-b2b-organizations) app installed in your store, which will enable you to group B2B users into organizations, with their own assigned payment methods, price tables, product collections, and cost centers.

You must also have the **Storefront Permissions** app installed – it allows you to grant specific storefront roles for B2B customers in an organization. See the [Storefront Permissions](https://developers.vtex.com/vtex-developer-docs/docs/vtex-storefront-permissions) app documentation for information on the available roles and how to customize their permissions.

## Installation

You can install the **B2B Orders History** app by running `vtex install vtex.b2b-organizations` in your terminal, using the [VTEX IO CLI](https://developers.vtex.com/vtex-developer-docs/docs/vtex-io-documentation-vtex-io-cli-installation-and-command-reference).

## Configuration

After installing the app, you must hide the default **Orders** page within **My Account**. To do this, follow the steps below.

1. On the VTEX Admin, access **Account Settings > Apps > My apps**.
2. In the list of apps, find **My Account** and click on its <img src="https://user-images.githubusercontent.com/77292838/160175751-b3803ff1-41f1-46d2-981a-b57693c03f79.png" width="15" alt-text="gear-icon"/> `Settings`.

    If you prefer, you can go directly to the URL `https://accountName.myvtex.com/admin/apps/vtex.my-account@1.x/setup/`

3. In the **Orders** section, deselect the **Visible** checkbox, as shown in the following image.
4. Click on `Save`.

![my-account-settings-orders](https://user-images.githubusercontent.com/77292838/160175754-67874b5b-e1e1-4baa-9209-6b6a35c024f8.png)

## How it works

Once the app is installed and **My Account** is configured, B2B customers who are members of an organization will be able to see all of their organization or cost center’s orders at **My Account > Orders** in the storefront, if they have the required permissions.

By default, only customers with the **Organization Admin** role can see all the organization’s orders. Users with the **Organization Approver** or **Organization Buyer** roles can only see their cost center’s orders. Note that if you have the [Storefront Permissions UI](https://developers.vtex.com/vtex-developer-docs/docs/vtex-storefront-permissions-ui) app you can customize these permissions in your VTEX Admin, on **Account Settings > Storefront Permissions**.

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/vtex.storefront-permissions/configuration.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "name": "B2B Order History",
  "features": [
    {
      "label": "See all orders",
      "value": "all-orders",
      "roles": [
        "store-admin"
      ]
    },
    {
      "label": "See all organization orders",
      "value": "organization-orders",
      "roles": [
        "store-admin",
        "sales-admin",
        "sales-manager"
      ]
    },
    {
      "label": "See all cost center orders",
      "value": "costcenter-orders",
      "roles": [
        "store-admin",
        "sales-admin",
        "sales-manager",
        "customer-admin",
        "customer-approver",
        "sales-representative"
      ]
    },
    {
      "label": "See own orders",
      "value": "own-orders",
      "roles": [
        "store-admin",
        "sales-admin",
        "sales-manager",
        "customer-admin",
        "customer-approver",
        "sales-representative",
        "customer-buyer"
      ]
    }
  ]
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/package.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "name": "my-orders-plugin-example",
  "private": true,
  "license": "UNLICENSED",
  "scripts": {
    "lint": "eslint --ext js,jsx,ts,tsx .",
    "format": "prettier --write \"**/*.{ts,tsx,js,jsx,json}\""
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "*.{ts,js,tsx,jsx}": [
      "eslint --fix",
      "prettier --write"
    ],
    "*.{json,graphql,gql}": [
      "prettier --write"
    ]
  },
  "devDependencies": {
    "@vtex/prettier-config": "^0.1.3",
    "@vtex/tsconfig": "^0.5.0",
    "eslint": "^6.8.0",
    "eslint-config-vtex": "^12.2.1",
    "eslint-config-vtex-react": "^6.2.1",
    "husky": "^4.2.0",
    "lint-staged": "^10.0.2",
    "prettier": "^1.19.1",
    "typescript": "^3.7.5"
  }
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/manifest.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "name": "my-orders-plugin-example",
  "vendor": "vtex",
  "version": "0.0.0",
  "title": "My Orders Example Plugin",
  "description": "",
  "dependencies": {
    "vtex.my-orders-app": "3.x",
    "vtex.styleguide": "9.x"
  },
  "builders": {
    "react": "3.x",
    "messages": "1.x",
    "store": "0.x"
  },
  "scripts": {
    "postreleasy": "vtex publish --verbose"
  },
  "$schema": "https://raw.githubusercontent.com/vtex/node-vtex-api/master/gen/manifest.schema"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/react/global.css from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```css
.w-45 {
  width: 45%;
}

.bt-none {
  border-top: 0;
}
.bb-none {
  border-bottom: 0;
}
.minh-100vh {
  min-height: 100vh;
}

.transition-opacity-06s {
  transition: opacity 0.6s;
}
.transition-max-height-06s {
  transition: max-height 0.6s;
}

.heavier-blue {
  color: #0070d1;
}

.max-h-0 {
  max-height: 0;
}
.max-h-999 {
  max-height: 999px;
}
.max-w-30 {
  max-width: 30%;
}
.max-w-70 {
  max-width: 70%;
}

.h4-plus {
  height: 13rem;
}

.w-29px {
  width: 29px;
}
.h-22px {
  height: 22px;
}
.nt-1px {
  margin-top: -1px;
}

.h-15px {
  height: 15px;
}
.w-15px {
  width: 15px;
}

.hh0 {
  height: 0;
}
.hh1 {
  height: 1rem;
}
.hh2 {
  height: 2rem;
}
.hh3 {
  height: 4rem;
}
.hh4 {
  height: 8rem;
}
.hh5 {
  height: 16rem;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

@media screen and (min-width: 80em) {
  .bg-orange-ns {
    background-color: #ff6300;
  }
  .white-ns {
    color: #ffffff;
  }
}

:root {
  font-size: 16px;
}

.right--060 {
  right: 0.6rem;
}

.top--040 {
  top: 0.4rem;
}

.option[type='radio']:checked:after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  top: 6px;
  left: 5px;
  background: #555555;
  border-radius: 50%;
}

.modal-content-container {
  position: fixed;
  background-color: rgb(255, 255, 255);
  border-radius: 3px;
  width: 25%;
  max-width: 100%;
  z-index: 9990;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  margin: 0 auto;
}

.vtex-bootstrap .font-12 {
  font-size: 12px;
  line-height: 15px;
}
.vtex-bootstrap .box-shadow-blue {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(82, 168, 236, 0.6);
}
.vtex-bootstrap .dont-show-text {
  text-indent: -999em;
}
.vtex-bootstrap .hide {
  display: none;
}

.vtex-bootstrap body {
  overflow-y: scroll;
}
.vtex-bootstrap p {
  margin: 0 0 7px;
}
.vtex-bootstrap label {
  margin-bottom: 0;
}

.vtex-bootstrap .btn-small {
  font-size: 12px;
}
.vtex-bootstrap .btn-mini {
  font-size: 11px;
}
.vtex-bootstrap .btn-large {
  font-size: 16px;
}
.vtex-bootstrap .table td {
  border: 0;
}
.vtex-bootstrap .notification {
  color: #999999;
  margin-bottom: 0;
}
.vtex-bootstrap .collapse {
  overflow: visible;
}
.vtex-bootstrap h1 {
  color: #666666;
  font-size: 36px;
  font-weight: normal;
  margin: 20px 0;
}
.vtex-bootstrap h3 {
  font-size: 13px;
  line-height: 1em;
  margin-top: 15px;
}
.body-cart .vtex-bootstrap h4,
.body-order-form .vtex-bootstrap h4 {
  color: #666666;
  font-weight: normal;
  font-size: 13px;
  margin-top: 10px;
}
.vtex-bootstrap h5 {
  font-size: 13px;
}
.vtex-bootstrap #locale-selector-template-holder {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 12px;
  line-height: 15px;
}
.vtex-bootstrap #locale-selector-template-holder .select2-container {
  min-width: 200px;
}
.vtex-bootstrap .loading-inline {
  margin: 7px 0 0 -25px;
  position: absolute;
  z-index: 8;
}
.vtex-bootstrap .loading-inline span {
  display: none;
}
.vtex-bootstrap .loading-text {
  margin-right: 5px;
  vertical-align: text-top;
}
.vtex-bootstrap .loading-text span {
  display: none;
}
.vtex-bootstrap .vtex-loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.vtex-bootstrap .loading-bg {
  opacity: 0.8;
  background-color: #fff;
  z-index: 200;
  text-align: center;
}
.vtex-bootstrap .loading-img {
  position: relative;
  top: 20%;
}
.loading .vtex-bootstrap .loading-img {
  height: 100%;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  box-pack: center;
  box-align: center;
  z-index: 201;
}
.vtex-bootstrap .loading-img span {
  display: none;
}
.vtex-bootstrap .loading-email {
  display: inline-block;
}
.vtex-bootstrap .loading-item {
  display: none;
}
.vtex-bootstrap .icon-spinner.icon-3x {
  opacity: 0.5;
}
.vtex-bootstrap form,
.vtex-bootstrap .table {
  margin-bottom: 0;
}
.vtex-bootstrap .body-order-placed {
  padding-bottom: 30px;
}

.vtex-bootstrap .row-fluid .full-cart.inactive {
  margin-left: -100%;
}
.vtex-bootstrap .row-fluid .orderform-template.inactive {
  margin-left: 100%;
}
.vtex-bootstrap .row-fluid .full-cart,
.vtex-bootstrap .row-fluid .orderform-template {
  margin-bottom: 15px;
  min-height: 200px;
  opacity: 0;
  position: absolute;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.vtex-bootstrap .row-fluid .full-cart.active,
.vtex-bootstrap .row-fluid .orderform-template.active {
  margin-left: 0;
  opacity: 1;
  position: relative;
}
.vtex-bootstrap .orderform-template-holder {
  margin-left: 0;
  min-height: 650px;
}
.vtex-bootstrap .checkout-container {
  min-height: 200px;
  position: relative;
  overflow: hidden;
}
.vtex-bootstrap .cart-active .full-cart {
  margin-left: 0;
  position: relative;
}
.vtex-bootstrap .orderform-active .orderform-template {
  margin-left: 0;
  position: relative;
}
.vtex-bootstrap .accordion-group,
.vtex-bootstrap .accordion-inner {
  border: 0;
}
.vtex-bootstrap .accordion-toggle {
  position: relative;
}
.vtex-bootstrap .accordion-inner {
  padding: 9px;
}
.vtex-bootstrap .accordion-heading .accordion-toggle {
  padding: 4px 8px 0;
}
.vtex-bootstrap .accordion-toggle {
  color: #999999;
  cursor: inherit;
  font-size: 16px;
  padding-bottom: 0;
  padding-top: 4px;
}
.vtex-bootstrap .accordion-toggle span {
  line-height: 18px;
}
.vtex-bootstrap .accordion-toggle .link-box-edit {
  position: absolute;
  right: -8px;
  top: -8px;
  padding: 4px 6px 2px;
  border-radius: 0 6px;
  background: #eee;
  border-color: #eee;
  color: #08c;
  font-size: 14px;
  opacity: 0.7;
}
.vtex-bootstrap .accordion-toggle .link-box-edit:hover {
  opacity: 1;
}
.vtex-bootstrap .accordion-toggle-active {
  color: #333333;
  font-size: 24px;
  line-height: 30px;
  padding-top: 8px;
}
.vtex-bootstrap .step,
.vtex-bootstrap .cart,
.vtex-bootstrap .totalizers {
  border: 3px solid #f4f4f4;
  margin-bottom: 15px;
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.vtex-bootstrap .step.active,
.vtex-bootstrap .cart.active,
.vtex-bootstrap .totalizers.active {
  border-color: #e5e5e5;
}
.vtex-bootstrap .box-info {
  color: #999999;
  font-size: 12px;
  line-height: 15px;
}
.vtex-bootstrap .box-info li {
  font-size: 12px;
  line-height: 15px;
}
.vtex-bootstrap .box-info > p:last-child,
.vtex-bootstrap .box-info .shipping-options.just-one p {
  margin: 0;
}
.vtex-bootstrap .masked-info {
  font-size: 0;
  width: 0;
}
.vtex-bootstrap .masked-info:after {
  content: 'x';
  color: #dfdfdf;
  display: inline-block;
  font-size: 13px;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
.vtex-bootstrap .icon-ok-circle,
.vtex-bootstrap .icon-circle-blank {
  display: block;
  font-size: 20px;
  -webkit-text-stroke: 0.1px;
  position: absolute;
  right: 10px;
  top: 4px;
}
.vtex-bootstrap .label-vertical-group:hover .icon-circle-blank,
.vtex-bootstrap .icon-ok-circle {
  color: #46a546;
}
.vtex-bootstrap .icon-circle-blank {
  color: #999999;
}
.vtex-bootstrap .badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 10px;
  font-weight: bold;
  line-height: 11px;
  color: #468847;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #dff0d8;
  border-radius: 9px;
  cursor: default;
}
.vtex-bootstrap .icon-spin {
  -moz-animation: spin 0.7s infinite linear;
  -o-animation: spin 0.7s infinite linear;
  -webkit-animation: spin 0.7s infinite linear;
  animation: spin 0.7s infinite linear;
}

.vtex-bootstrap .subscriptions-page * {
  box-sizing: border-box;
}
.vtex-bootstrap .subscriptions-page .subscription-container {
  padding: 0;
  margin: 0;
}
.vtex-bootstrap .subscriptions-page h1.subscription-title {
  font-size: 18px;
  padding: 0;
  margin: 15px 0 0;
}
.vtex-bootstrap .subscriptions-page h1.empty-items {
  font-size: 21px;
}
.vtex-bootstrap .subscriptions-page .subscription-info-container {
  width: 100%;
}
.vtex-bootstrap .subscriptions-page .customer-area {
  padding: 10px;
  word-break: break-all;
}
.vtex-bootstrap .subscriptions-page .customer-name {
  font-size: 16px;
  font-weight: bold;
}
.vtex-bootstrap .subscriptions-page .customer-actions a {
  padding: 5px 5px 5px 10px;
  text-decoration: none;
}
.vtex-bootstrap .subscriptions-page .payment-card {
  padding: 10px;
  border: 1px solid #eee;
}
.vtex-bootstrap .subscriptions-page .payment-card .payment-action a {
  padding: 5px 5px 5px 10px;
  text-decoration: none;
}
.vtex-bootstrap .subscriptions-page .subscription-items-container {
  width: 100%;
  margin-top: 20px;
}
.vtex-bootstrap .subscriptions-page .item-card {
  clear: both;
  height: 120px;
  width: 100%;
  padding: 10px;
  border: 1px solid #eee;
  margin-top: 5px;
}
.vtex-bootstrap .subscriptions-page .item-card .item-img {
  margin-top: 18px;
}
.vtex-bootstrap .subscriptions-page .item-card .item-name-container {
  height: 100%;
}
.vtex-bootstrap .subscriptions-page .item-card .item-name {
  font-size: 14px;
  font-weight: 550;
  margin-top: 18px;
}
.vtex-bootstrap .subscriptions-page .item-card .item-actions a {
  padding: 5px 5px 5px 10px;
  text-decoration: none;
}
.vtex-bootstrap .subscriptions-page .shipping-data {
  font-size: 12px;
}
.vtex-bootstrap .subscriptions-page .card-label {
  color: #999;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
.vtex-bootstrap .subscriptions-page #subscriptionEditItemForm label {
  margin-bottom: 5px;
}
.vtex-bootstrap .subscriptions-page #subscriptionEditItemForm label:last-child {
  margin-bottom: 0;
}
.vtex-bootstrap .subscriptions-page #subscriptionEditItemForm input {
  height: 28px;
}
.vtex-bootstrap .subscriptions-page #subscription-lightbox-backdrop {
  display: none;
}
.vtex-bootstrap .subscriptions-page .subscription-lightbox {
  top: 15% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  margin: 0 !important;
  margin-left: -175px !important;
  width: 350px !important;
}
.dropdown-menu {
  display: block;
  right: 0;
  left: auto;
}

@keyframes shimmer-anim {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(50%, 0, 0);
  }
}

.shimmer {
  width: 200%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0)
  );
  background-size: 50% 100%;
  animation: shimmer-anim 0.7s linear infinite;
}

.myo-progress-bar .myo-progress-bar__mobile-text {
  display: none;
}

.myo-progress-bar .myo-progress-bar__subtitle {
  min-width: 5rem;
}

.myo-progress-bar .myo-progress-bar__ma-inner-circle {
  margin: 0.1rem;
}

.myo-progress-bar .myo-progress-bar__ma-inner-circle::before {
  content: '';
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: -4px;
  top: -4px;
  border-radius: 50%;
  z-index: -1;
  background: currentColor;
}

.myo-progress-bar .myo-progress-bar__height1 {
  height: 1rem;
}

.myo-progress-bar .myo-progress-bar__title-font {
  display: block;
  font-size: 13px;
  margin: 1.15em 0 1em;
  font-weight: bold;
}

.myo-progress-bar .myo-package-progress-bar__ma-inner-circle {
  margin: 0.15rem;
  width: 0.75rem;
  height: 0.75rem;
}

.myo-progress-bar .myo-package-progress-bar__ma-inner-circle::before {
  content: '';
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: -4px;
  top: -4px;
  border-radius: 50%;
  z-index: -1;
  background: currentColor;
}

.myo-progress-bar .myo-package-progress-bar__circle.w1 {
  width: 0.75rem;
  height: 0.75rem;
}

.myo-progress-bar .myo-package-progress-bar__line {
  border-width: 1px;
}

.myo-progress-bar .myo-package-progress-bar__circle.mv3 {
  margin-top: 0.6rem;
  margin-bottom: 0.5rem;
}

.status-color-blue {
  background-color: #96ccff;
}

.status-color-yellow {
  background-color: #fbf1a9;
}

.status-color-red {
  background-color: #ff725c;
}

.status-color-green {
  background-color: #19a974;
}

.myo-progress-bar .myo-package-progress-bar__text {
  display: none;
}

.myo-progress-bar .myo-package-progress-bar__margin {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.myo-package-progress-bar__line-height {
  line-height: 1.25rem;
}

.myo-font {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.myo__menu-background-color {
  background-color: #08c;
}

.myo__menu--color {
  color: #08c;
}

.address-form .address-summary {
  padding-top: 1rem;
}

.vtex-input .f6 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.vtex-dropdown .f6 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@supports (width: fit-content) {
  .myo-progress-bar .myo-package-progress-bar__maxWidth {
    width: fit-content;
    max-width: 300px;
  }
}

.myo-progress-bar .myo-package-progress-bar__maxWidth {
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-max-content;
}

.myo-subscription__history
  .history-package-progress
  .myo-progress-bar
  .myo-progress-bar__subtitle {
  min-width: 15rem;
}

.invert-arrow .arrow-down {
  display: -webkit-flex;
}

.invert-arrow .arrow-up {
  display: none;
}

.myo-subscription__history .accordion__item .title {
  border-bottom-style: solid;
  border-bottom-width: 0.125rem;
  border-right-style: solid;
  border-right-width: 0.125rem;
  border-left-style: solid;
  border-left-width: 0.125rem;
}

.myo-subscription__history .accordion__item:last-of-type .title {
  border-right-style: solid;
  border-right-width: 0.125rem;
  border-left-style: solid;
  border-left-width: 0.125rem;
  border-bottom-style: solid;
  border-bottom-width: 0.125rem;
}

.myo-subscription__history .accordion__item .accordion__body {
  border-right-style: solid;
  border-right-width: 0.125rem;
  border-left-style: solid;
  border-left-width: 0.125rem;
  border-bottom-style: solid;
  border-bottom-width: 0.125rem;
}

.arrow-down {
  display: none;
}

.myo-subscription__history .caption {
  display: none;
}

.myo-progress-bar .caption {
  display: none;
}

@media print {
  .container {
    width: 940px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 70%;
  }

  .myo-margin-right {
    margin-right: 24px;
  }
}

@media (min-width: 979px) and (max-width: 1200px) {
  .myo-margin-right {
    margin-right: 24px;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .container {
    width: 724px;
  }

  .myo-subscription__history .caption {
    display: block;
  }

  .myo-progress-bar .myo-progress-bar__text {
    display: none;
  }
  .myo-progress-bar .myo-progress-bar__mobile-text {
    display: block;
    padding-left: 0.4rem;
  }

  .myo-margin-right {
    margin-right: 24px;
  }

  .myo-progress-bar .myo-package-progress-bar__margin:first-of-type {
    margin-left: 0;
    margin-right: 0.25rem;
  }

  .myo-progress-bar .myo-package-progress-bar__margin:last-of-type {
    margin-left: 0.25rem;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .myo-progress-bar .myo-package-progress-bar__margin:first-of-type {
    margin-left: 0;
    margin-right: 0.25rem;
  }

  .myo-progress-bar .myo-package-progress-bar__margin:last-of-type {
    margin-left: 0.25rem;
    margin-right: 0;
  }

  .myo-progress-bar .myo-progress-bar__text {
    display: none;
  }
  .container {
    width: 90%;
  }
  .myo-progress-bar .myo-progress-bar__ma-inner-circle {
    margin: 0.15rem;
    width: 0.75rem;
    height: 0.75rem;
  }

  .myo-subscription__history .caption {
    display: block;
  }

  .myo-progress-bar .myo-progress-bar__ma-inner-circle::before {
    content: '';
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: -4px;
    top: -4px;
    border-radius: 50%;
    z-index: -1;
    background: currentColor;
  }

  .myo-progress-bar .myo-progress-bar__circle.w1 {
    width: 0.75rem;
    height: 0.75rem;
  }

  .myo-progress-bar .myo-progress-bar__line {
    border-width: 1px;
  }

  .myo-progress-bar .myo-progress-bar__circle.mv3 {
    margin-top: 0.6rem;
    margin-bottom: 0.5rem;
  }

  .myo-progress-bar .myo-progress-bar__mobile-text {
    display: block;
    padding-left: 0.4rem;
  }
}

@media (min-width: 320px) and (max-width: 640px) {
  .subscription__listing-card {
    min-height: 23rem;
  }

  .myo-subscription__history .caption {
    display: block;
  }

  .background-height {
    height: 200vh;
  }

  .vtex-modal__modal {
    padding: 1.5rem !important;
  }

  .vtex-address-form__postalCode .pt6 {
    padding-top: 1rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .subscription__listing-card {
    min-height: 12rem;
  }

  .myo-subscription__history .myo-progress-bar .w3-ns {
    width: 9rem;
  }

  .subscription__product-listing__card {
    height: auto;
    min-height: 6rem;
    padding: 0;
  }

  .background-height {
    height: 150vh;
  }

  .myo-subscription__image-size {
    height: 13.5rem;
    width: 13.5rem;
  }

  .product-vertical-line {
    width: 12rem;
  }
}

@media (min-width: 1024px) {
  .subscription__listing-card {
    min-height: 12rem;
  }

  .myo-subscription__history .myo-progress-bar .w3-ns {
    width: 14rem;
  }

  .subscription__product-listing__card {
    height: auto;
    min-height: 6rem;
  }

  .myo-subscription__history .myo-progress-bar .myo-package-progress-bar__text {
    display: block;
  }

  .background-height {
    height: 170vh;
  }

  .card-height {
    min-height: 18rem;
  }

  .product-vertical-line {
    height: 9rem;
    width: 14.2rem;
  }

  .product-vertical-line {
    width: 12rem;
  }

  .myo-subscription__image-size {
    height: 13.5rem;
    width: 13.5rem;
  }
}

@media (min-width: 1300px) {
  .myo-subscription__history .myo-progress-bar .w3-ns {
    width: 22rem;
  }
}

/* Add tweak point inside m */
@media (min-width: 57em) {
  .dn-m-2 {
    display: none;
  }

  .pv0-m-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .pl0-m-2 {
    padding-left: 0;
  }
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/react/package.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "scripts": {
    "lint": "eslint --quiet --ext js,jsx,ts,tsx .",
    "test": "vtex-test-tools test"
  },
  "dependencies": {
    "@vtex/axios-concurrent-retry": "^4.0.7",
    "@vtex/delivery-packages": "^2.17.1",
    "axios": "^0.16.2",
    "bluebird": "^3.7.1",
    "js-cookie": "^2.1.3",
    "lodash": "^4.17.4",
    "memory-cache": "^0.1.6",
    "prop-types": "^15.6.0",
    "react": "^16.7.0",
    "react-dom": "^16.7.0",
    "react-infinite-scroller": "^1.0.15",
    "react-intl": "^2.4.0",
    "react-redux": "^4.4.5",
    "react-responsive": "^4.1.0",
    "react-router-prop-types": "^1.0.4",
    "recompose": "^0.30.0",
    "redux": "^3.6.0",
    "redux-mock-store": "^1.3.0",
    "redux-thunk": "^2.2.0",
    "splunk-events": "^1.3.0",
    "uuid": "^8.3.2"
  },
  "devDependencies": {
    "@vtex/test-tools": "^1.2.1",
    "@vtex/tsconfig": "^0.3.0",
    "vtex.address-form": "http://vtex.vtexassets.com/_v/public/typings/v1/vtex.address-form@4.6.0/public/_types/react",
    "vtex.css-handles": "http://vtex.vtexassets.com/_v/public/typings/v1/vtex.css-handles@0.4.2/public/@types/vtex.css-handles",
    "vtex.my-account-commons": "http://vtex.vtexassets.com/_v/public/typings/v1/vtex.my-account-commons@1.3.0/public/@types/vtex.my-account-commons",
    "vtex.render-runtime": "http://vtex.vtexassets.com/_v/public/typings/v1/vtex.render-runtime@8.104.3/public/@types/vtex.render-runtime",
    "vtex.styleguide": "http://vtex.vtexassets.com/_v/public/typings/v1/vtex.styleguide@9.120.1/public/@types/vtex.styleguide",
    "vtex.totalizer-translator": "http://vtex.vtexassets.com/_v/public/typings/v1/vtex.totalizer-translator@2.1.0/public/_types/react"
  },
  "version": "2.0.3"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/react/ExtensionLinks.js from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```javascript
import PropTypes from 'prop-types'
import { intlShape, injectIntl } from 'react-intl'

const ExtensionLinks = ({ render, intl }) => {
  return render([
    {
      name: intl.formatMessage({ id: 'orders.title' }),
      path: '/orders-history',
    },
  ])
}

ExtensionLinks.propTypes = {
  render: PropTypes.func.isRequired,
  intl: intlShape.isRequired,
}

export default injectIntl(ExtensionLinks)

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/react/ExtensionRouter.js from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```javascript
import React, { Fragment } from 'react'
import { Route } from 'vtex.my-account-commons/Router'
import { Provider } from 'react-redux'

import MyOrders from './pages/MyOrders'
import EditOrder from './pages/EditOrder'
import CancelOrder from './pages/CancelOrder'
import ViewOrder from './pages/ViewOrder'
import configureStore from './store/configureStore'

import './global.css'

const store = configureStore()

/* Router */
const ExtensionRouter = () => (
  <Provider store={store}>
    <Fragment>
      <Route exact path="/orders-history" component={MyOrders} allowSAC />
      <Route
        exact
        path="/orders-history/:orderId"
        component={ViewOrder}
        allowSAC
      />
      <Route
        exact
        path="/orders-history/:orderId/edit"
        component={EditOrder}
        allowSAC
      />
      <Route
        exact
        path="/orders-history/:orderId/cancel"
        component={CancelOrder}
      />
    </Fragment>
  </Provider>
)

export default ExtensionRouter

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/store/interfaces.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "my-account-link.orders-history-link": {
    "component": "ExtensionLinks"
  },
  "my-account-link.orders-history-page": {
    "component": "ExtensionRouter"
  }
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/store/plugins.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "my-account-menu > my-account-link": "my-account-link.orders-history-link",
  "my-account-pages > my-account-page": [
    "my-account-link.orders-history-page"
  ]
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/sl.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store/extraActions.showOrderId": "Prikaži ID naročila",
  "store/extraActions.hideOrderId": "Skrij ID naročila"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/nl.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
    "store/extraActions.showOrderId": "Order-ID weergeven",
    "store/extraActions.hideOrderId": "Order-ID verbergen"
}
```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/de.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
    "store/extraActions.showOrderId": "Bestell-ID anzeigen",
    "store/extraActions.hideOrderId": "Bestell-ID ausblenden"
}
```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/fi.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store/extraActions.showOrderId": "Näytä tilaustunnus",
  "store/extraActions.hideOrderId": "Piilota tilaustunnus"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/pt.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store/extraActions.showOrderId": "Mostrar ID do pedido",
  "store/extraActions.hideOrderId": "Ocultar ID do pedido"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/en.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store/extraActions.showOrderId": "Show order ID",
  "store/extraActions.hideOrderId": "Hide order ID"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/it.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
    "store/extraActions.showOrderId": "Mostra l'ID dell'ordine",
    "store/extraActions.hideOrderId": "Nascondi l'ID dell'ordine"
}
```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/fr.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
    "store/extraActions.showOrderId": "Afficher l'ID de la commande",
    "store/extraActions.hideOrderId": "Cacher l'ID de la commande"
}
```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/bg.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
    "store/extraActions.showOrderId": "Показване на ИД на поръчка",
    "store/extraActions.hideOrderId": "Скриване на ИД на поръчка"
}
```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/ro.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
    "store/extraActions.showOrderId": "Arată ID comandă",
    "store/extraActions.hideOrderId": "Ascunde ID comandă"
}
```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/ca.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store/extraActions.showOrderId": "Mostra l'identificador de la comanda",
  "store/extraActions.hideOrderId": "Amaga l'identificador de la comanda"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/ko.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
    "store/extraActions.showOrderId": "주문 ID 표시",
    "store/extraActions.hideOrderId": "주문 ID 숨기기"
}
```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/cs.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store/extraActions.showOrderId": "Zobrazit ID objednávky",
  "store/extraActions.hideOrderId": "Skrýt ID objednávky"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/id.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store/extraActions.showOrderId": "Tampilkan ID pesanan",
  "store/extraActions.hideOrderId": "Sembunyikan ID Pesanan"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/no.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store/extraActions.showOrderId": "Vis bestillings-ID",
  "store/extraActions.hideOrderId": "Skjul bestillings-ID"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/da.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store/extraActions.showOrderId": "Vis ordre ID",
  "store/extraActions.hideOrderId": "Skjul ordre ID"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/th.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
    "store/extraActions.showOrderId": "แสดงรหัสคำสั่งซื้อ",
    "store/extraActions.hideOrderId": "ซ่อนรหัสคำสั่งซื้อ"
}
```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/sv.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store/extraActions.showOrderId": "Visa beställnings-ID",
  "store/extraActions.hideOrderId": "Dölj beställnings-ID"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/messages/es.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "store/extraActions.showOrderId": "Mostrar ID de pedido",
  "store/extraActions.hideOrderId": "Ocultar ID de pedido"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/react/ShowIdButton.tsx from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```tsx
import React, { FC, useState } from 'react'
import { Button } from 'vtex.styleguide'
import { FormattedMessage } from 'react-intl'

interface Props {
  orderId: string
}

const ShowIdButton: FC<Props> = ({ orderId }) => {
  const [show, setShow] = useState<boolean>(false)

  return (
    <div className="mt3">
      <Button block onClick={() => setShow(prevState => !prevState)}>
        {show ? (
          <FormattedMessage id="store/extraActions.hideOrderId" />
        ) : (
          <FormattedMessage id="store/extraActions.showOrderId" />
        )}
      </Button>
      {show && <div className="pt3 c-muted-1 tc w-100">{orderId}</div>}
    </div>
  )
}

export default ShowIdButton

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/react/package.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "name": "my-account-plugin",
  "dependencies": {
    "react": "^16.13.1",
    "react-intl": "^5.4.2",
    "react-router-dom": "^4.3.1",
    "typescript": "3.8.3"
  },
  "devDependencies": {
    "@types/graphql": "^14.5.0",
    "@types/node": "^14.0.26",
    "@types/react": "^16.9.43",
    "@types/react-intl": "^3.0.0"
  }
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/store/interfaces.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "my-orders-extra-actions.show-id-button": {
    "component": "ShowIdButton"
  }
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/store/plugins.json from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```json
{
  "my-orders-extra-actions-container > my-orders-extra-actions": "my-orders-extra-actions.show-id-button"
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/my-orders-plugin-example/react/typings/vtex.styleguide.d.ts from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```typescript
declare module 'vtex.styleguide' {
  export const Button
}

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/react/types/Order.js from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```javascript
import PropTypes from 'prop-types'

export const OrderShape = PropTypes.shape({
  orderId: PropTypes.string,
  sequence: PropTypes.string,
  marketplaceOrderId: PropTypes.string,
  marketplaceServicesEndpoint: PropTypes.string,
  sellerOrderId: PropTypes.string,
  origin: PropTypes.string,
  affiliateId: PropTypes.string,
  salesChannel: PropTypes.string,
  merchantName: PropTypes.any,
  status: PropTypes.string,
  statusDescription: PropTypes.string,
  value: PropTypes.number,
  creationDate: PropTypes.string,
  lastChange: PropTypes.string,
  orderGroup: PropTypes.string,
  totals: PropTypes.array,
  items: PropTypes.array,
  marketplaceItems: PropTypes.array,
  clientProfileData: PropTypes.object,
  giftRegistryData: PropTypes.any,
  marketingData: PropTypes.any,
  ratesAndBenefitsData: PropTypes.object,
  shippingData: PropTypes.object,
  paymentData: PropTypes.object,
  packageAttachment: PropTypes.object,
  sellers: PropTypes.array,
  callCenterOperatorData: PropTypes.any,
  followUpEmail: PropTypes.string,
  lastMessage: PropTypes.any,
  hostname: PropTypes.string,
  changesAttachment: PropTypes.any,
  openTextField: PropTypes.any,
  roundingError: PropTypes.number,
  orderFormId: PropTypes.string,
  commercialConditionData: PropTypes.any,
  isCompleted: PropTypes.bool,
  customData: PropTypes.any,
  storePreferencesData: PropTypes.object,
  allowCancellation: PropTypes.bool,
  allowEdition: PropTypes.bool,
  isCheckedIn: PropTypes.bool,
})

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/react/types/Package.js from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```javascript
import PropTypes from 'prop-types'

export const PackageShape = PropTypes.shape({
  address: PropTypes.object,
  deliveryChannel: PropTypes.string,
  deliveryIds: PropTypes.arrayOf(PropTypes.object),
  deliveryWindow: PropTypes.any,
  items: PropTypes.arrayOf(PropTypes.object),
  package: PropTypes.object,
  pickupFriendlyName: PropTypes.string,
  price: PropTypes.number,
  selectedSla: PropTypes.string,
  selectedSlaObj: PropTypes.object,
  selectedSlaType: PropTypes.string,
  seller: PropTypes.string,
  shippingEstimate: PropTypes.string,
  shippingEstimateDate: PropTypes.string,
  slas: PropTypes.arrayOf(PropTypes.object),
})

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/react/types/index.js from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```javascript
export { PackageShape } from './Package'
export { OrderShape } from './Order'

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/react/constants/paymentGroups.js from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```javascript
export const BANK_INVOICE = 'bankInvoice'
export const PAYPAL = 'payPal'
export const GIFT_CARD = 'giftCard'
export const DEBIT_CARD = 'debitCard'

```


[System] You are an expert VTEX IO developer. You specialize in building VTEX Store Framework apps, React components, GraphQL APIs, and Node.js services for e-commerce platforms.

[User] Show me the implementation of b2b-orders-history/react/constants/index.js from the b2b-orders-history VTEX app.

[Assistant]
Here's the implementation:

```javascript
export const CONFIRMATION_MODAL = 'CONFIRMATION_MODAL'
export const PAYMENT_METHOD = 'PAYMENT_METHOD'
export const PERIODICITY_OPTIONS = [
  { value: 'DAILY', label: 'daily' },
  { value: 'WEEKLY', label: 'weekly' },
  { value: 'MONTHLY', label: 'monthly' },
  { value: 'BIWEEKLY', label: 'biweekly' },
  { value: 'BIMONTHLY', label: 'bimonthly' },
  { value: 'QUARTERLY', label: 'quarterly' },
  { value: 'BIANNUAL', label: 'biannual' },
  { value: 'ANNUAL', label: 'annual' },
]
export const LOG_RATE = 0.5

```