diff --git a/react/admin/ReturnDetails/components/ReturnLabel/ReturnLabel.tsx b/react/admin/ReturnDetails/components/ReturnLabel/ReturnLabel.tsx
new file mode 100644
index 000000000..4ea6cb2fa
--- /dev/null
+++ b/react/admin/ReturnDetails/components/ReturnLabel/ReturnLabel.tsx
@@ -0,0 +1,193 @@
+import React, { Fragment, useState } from 'react'
+import { useMutation, useQuery } from 'react-apollo'
+import { FormattedMessage } from 'react-intl'
+import {
+ ButtonPlain,
+ Collapsible,
+ Link,
+ ModalDialog,
+ Tooltip,
+ IconInfo,
+} from 'vtex.styleguide'
+
+import { useReturnDetails } from '../../../../common/hooks/useReturnDetails'
+import { useAlert } from '../../../hooks/userAlert'
+import GET_APP from './graphql/getInstalledApp.gql'
+import SEND_LABEL from './graphql/sendLabel.gql'
+import CREATE_LABEL from './graphql/createLabel.gql'
+
+const ReturnLabel = () => {
+ const { data } = useReturnDetails()
+ const { openAlert } = useAlert()
+
+ const [labelUrl, setLabelUrl] = useState(
+ data?.returnRequestDetails.pickupReturnData.labelUrl ?? ''
+ )
+
+ const [returnAddress, setReturnAddress] = useState
(
+ null
+ )
+
+ const [isModalOpen, setIsModalOpen] = useState(false)
+ const [isCollapsibleOpen, setIsCollapsibleOpen] = useState(false)
+
+ const { loading, error } = useQuery<{
+ app: {
+ settings: string
+ }
+ }>(GET_APP, {
+ variables: {
+ slug: 'vtex.easypost',
+ },
+ onCompleted(installedApp) {
+ const {
+ app: { settings },
+ } = installedApp
+
+ const { street1, street2, city, state, zip, country, name, phone } =
+ JSON.parse(settings) as ReturnLabelAddress
+
+ setReturnAddress({
+ street1,
+ street2,
+ city,
+ state,
+ zip,
+ country,
+ name,
+ phone,
+ })
+ },
+ })
+
+ const handleToggleModal = () => {
+ setIsModalOpen(!isModalOpen)
+ }
+
+ const handleToggleCollapsible = () => {
+ setIsCollapsibleOpen(!isCollapsibleOpen)
+ }
+
+ const handleCancelation = () => {
+ setIsModalOpen(false)
+ }
+
+ const [, { loading: loadingLabel }] = useMutation(CREATE_LABEL)
+ const [sendLabel, { loading: sendingEmail }] = useMutation(SEND_LABEL)
+
+ const handleConfirmation = async () => {
+ // temp labelUrl [DELETE when we have the client Key from easypost]
+ const createdLabelUrl =
+ 'https://assets.easypost.com/assets/images/usps-international-label.c7c603e0b25b12e4489a8c75db0d34b8.png'
+
+ try {
+ // Send mutation to EasyPost
+ // const createdLabelUrl = await createLabel({
+ // variables: {
+ // ...returnAddress,
+ // },
+ // })
+
+ await sendLabel({
+ variables: {
+ requestId: data?.returnRequestDetails.id,
+ labelUrl: createdLabelUrl,
+ },
+ })
+
+ setLabelUrl(createdLabelUrl)
+
+ openAlert(
+ 'success',
+
+ )
+ } catch (err) {
+ openAlert(
+ 'error',
+
+ )
+ }
+
+ setIsModalOpen(false)
+ }
+
+ if (loading || error) return null
+
+ return (
+
+
+ {returnAddress &&
+ (labelUrl === '' ? (
+
+
+
+
+
+
+ }
+ position="right"
+ >
+
+
+
+
+
+
+
+ ) : (
+
+
+
+ }
+ isOpen={isCollapsibleOpen}
+ onClick={handleToggleCollapsible}
+ >
+
+
+ {labelUrl}
+
+
+
+ ))}
+