= ({ shippingInfo, loading, completed, onBack, onConfirm }) => {\n\treturn (\n\t\t<>\n\t\t\tConfirm Shipping Information
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tSize: {shippingInfo.size}\n\t\t\t\t
\n\t\t\t\t{!completed && (\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\n \n\t\t\t\t\n\t\t\t\t\tEmail: {shippingInfo.email}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tCountry: {shippingInfo.country}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tName: {shippingInfo.name}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tAddress Line 1: {shippingInfo.addressLn1}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tAddress Line 2: {shippingInfo.addressLn2}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tCity: {shippingInfo.city}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tState/Province/Region: {shippingInfo.stateProvinceRegion}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tZip Code: {shippingInfo.zipCode}\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tPhone Number: {shippingInfo.phoneNumber}\n\t\t\t\t
\n\t\t\t\n\n\t\t\t{completed ? (\n\t\t\t\t\n\t\t\t\t\tSuccess!\n\t\t\t\t\tYour ScripTee is on its way!\n\t\t\t\t\n\t\t\t) : !loading ? (\n\t\t\t\t\n\t\t\t) : (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\tApprove the transaction in your wallet\n\t\t\t\t\n\t\t\t)}\n\t\t>\n\t);\n};\n","export default __webpack_public_path__ + \"static/media/icn_connected.2b702903.svg\";","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { Button, Card } from 'components';\nimport { useWallet } from 'contexts/wallet';\nimport { WalletType } from 'types';\nimport { ConnectWalletModal, RedeemModal } from './modals';\n\nimport connectedIcon from 'assets/images/icn_connected.svg';\nimport freighterIcon from 'assets/images/icn_freighter.svg';\nimport albedoIcon from 'assets/images/icn_albedo.svg';\nimport rabetIcon from 'assets/images/icn_rabet.svg';\nimport { useScriptee } from 'contexts/scriptee';\n\nconst Container = styled(Card)`\n\twidth: 35rem;\n\tmin-width: 35rem;\n\theight: 35rem;\n\tmargin: 2.5rem;\n\n\t> button,\n\tinput {\n\t\twidth: 100%;\n\t\theight: 5rem;\n\t\tfont-size: 2rem;\n\t\tline-height: 120%;\n\t\tmargin-top: 5.5rem;\n\t}\n`;\n\nconst ButtonContainer = styled.div`\n\twidth: 100%;\n\theight: 5rem;\n\tfont-size: 2rem;\n\tline-height: 120%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\t> button,\n\tinput {\n\t\twidth: 48%;\n\t\theight: 5rem;\n\t\tfont-size: 2rem;\n\t\tline-height: 120%;\n\t\tmargin-top: 2.5rem;\n\t}\n`;\n\nconst WalletAddress = styled.div`\n\twidth: 100%;\n\theight: 5rem;\n\tmargin-top: 2.5rem;\n\tpadding: 0.5rem 1.5rem;\n\tfont-size: 2rem;\n\tline-height: 120%;\n\tborder: 1px solid ${({ theme }) => theme.colors.dark_grey};\n\tborder-radius: 40px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\t> img,\n\tinput {\n\t\theight: 3.5rem;\n\t}\n`;\n\nconst ScripteeBalance = styled.div`\n\twidth: 100%;\n\tpadding: 0 1.25rem;\n\tmargin-top: 1.25rem;\n\tfont-size: 2rem;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n`;\n\nexport const OrderCard = () => {\n\tconst { walletAddress, connected, connect, walletType } = useWallet();\n\tconst { balance } = useScriptee();\n\n\tconst [showRedeemModal, setShowRedeemModal] = useState(false);\n\tconst [showConnectWalletModal, setShowConnectWalletModal] = useState(false);\n\n\tconst getShortenWalletAddress = () => {\n\t\tif (!walletAddress) {\n\t\t\treturn '';\n\t\t}\n\n\t\treturn `0x${walletAddress.substr(0, 4)}...${walletAddress.substr(walletAddress.length - 4, walletAddress.length)}`;\n\t};\n\n\tconst getWalletLogo = () => {\n\t\tswitch (walletType) {\n\t\t\tcase WalletType.Freighter:\n\t\t\t\treturn freighterIcon;\n\t\t\tcase WalletType.Albedo:\n\t\t\t\treturn albedoIcon;\n\t\t\tcase WalletType.Rabet:\n\t\t\t\treturn rabetIcon;\n\t\t\tdefault:\n\t\t\t\treturn connectedIcon;\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\tAn NFT-Shirt
\n\t\t\t\t\n\t\t\t\t\tClaim your exclusive ScripTee! A physical t-shirt tied to a unique non-fungible token. 100 limited-edition\n\t\t\t\t\tNFTees will be issued.\n\t\t\t\t
\n\t\t\t\t{connected ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{getShortenWalletAddress()}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{balance} SCRIPTEE\n\t\t\t\t\t>\n\t\t\t\t) : (\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\n\t\t\t setShowRedeemModal(false)} />\n\t\t\t setShowConnectWalletModal(false)}\n\t\t\t\tonConnect={async (type: WalletType) => {\n\t\t\t\t\tsetShowConnectWalletModal(false);\n\t\t\t\t\tawait connect(type);\n\t\t\t\t}}\n\t\t\t/>\n\t\t>\n\t);\n};\n","export default __webpack_public_path__ + \"static/media/shirt.9660f6ef.png\";","import React from 'react';\nimport styled from 'styled-components';\nimport { Card } from 'components';\n\nimport shirtImg from 'assets/images/shirt.png';\n\nconst Container = styled(Card)`\n\twidth: 35rem;\n\tmin-width: 35rem;\n\theight: 35rem;\n\tmargin: 2.5rem;\n\tbackground: ${({ theme }) => theme.colors.light_blue2};\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\n\t> h4,\n\tp {\n\t\tmargin: 0;\n\t}\n`;\n\nconst ShirtImg = styled.img`\n\twidth: 100%;\n`;\n\nconst Details = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tmargin-top: 1.25rem;\n`;\n\nexport const DetailCard = () => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t$SCRIPTEE\n\t\t\t\t
\n\t\t\t \n\t\t\n\t);\n};\n","import React from 'react';\nimport styled from 'styled-components';\nimport { Header } from 'components';\nimport { OrderCard } from './OrderCard';\nimport { DetailCard } from './DetailCard';\n\nconst Container = styled.div`\n\twidth: 100vw;\n\theight: 100vh;\n\tbackground: ${({ theme }) => theme.colors.background};\n`;\n\nconst Content = styled.div`\n\twidth: 100%;\n\tmin-height: calc(100% - 6.25rem);\n\tpadding-bottom: 6.25rem;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\n\t${({ theme }) => theme.mediaWidth.upToSmall`\n\t\tflex-direction: column;\n\t`}\n`;\n\nexport const Main = () => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n","import React from 'react';\nimport { ToastContainer } from 'react-toastify';\nimport ThemeProvider, { ThemedGlobalStyle } from 'theme';\nimport { Main } from 'pages';\nimport { WalletProvider } from 'contexts/wallet';\nimport { ScripteeProvider } from 'contexts/scriptee';\n\nimport 'react-toastify/dist/ReactToastify.css';\n\nfunction App() {\n\treturn (\n\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\n\t);\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\nimport './index.css';\n\nReactDOM.render(\n\t\n\t\t\n\t,\n\tdocument.getElementById('root')\n);\n"],"sourceRoot":""}