@magiclabs/ui-components 1.37.0 → 1.38.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");require("../containers/button.js"),require("../containers/card.js"),require("@styled/css");var l=require("@styled/jsx"),m=require("../containers/drawer.js"),V=require("react");require("../utils/client-asset-logo.js");var v=require("@styled/tokens");require("react-qrcode-logo"),require("../utils/secured-by-magic.js");var A=require("../icons/ico-caret-left.js"),w=require("../icons/ico-
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");require("../containers/button.js"),require("../containers/card.js"),require("@styled/css");var l=require("@styled/jsx"),m=require("../containers/drawer.js"),V=require("react");require("../utils/client-asset-logo.js");var v=require("@styled/tokens");require("react-qrcode-logo"),require("../utils/secured-by-magic.js");var A=require("../icons/ico-caret-left.js"),w=require("../icons/ico-newton.js"),G=require("../icons/ico-question-circle-fill.js");require("../containers/header.js");var S=require("../containers/menu.js"),I=require("../containers/modal.js");require("../containers/overlay.js"),require("../info/copy-button.js"),require("../info/email-wbr.js"),require("../info/security-otp.js"),require("../info/text-box.js");var L=require("../info/wallet-address.js"),n=require("../primitives/button.js"),f=require("../primitives/popover.js"),j=require("../primitives/text.js"),a=require("create-slots");const C=a.createSlot(({children:r})=>V.Children.map(r,t=>e.jsx(n.default,{expand:!0,...t.props}))),b=a.createSlot(n.default),P=a.createSlot(n.default),y=a.createSlot(({children:r})=>e.jsxs(f.Popover,{textStyle:"subtle",variant:"text",children:[e.jsx(f.Popover.TrailingIcon,{children:e.jsx(G.default,{})}),e.jsx(f.Popover.Content,{children:r})]})),k=a.createSlot(({branding:r,title:t})=>t?e.jsx(j.default,{size:"sm",fontColor:"text.secondary",children:t}):e.jsx(w.default,{color:v.token(r==="light"?"colors.text.primary":"colors.neutral.primary")})),B=a.createSlot(({children:r,height:t="auto",flexGrow:s=0})=>e.jsx(l.VStack,{w:"full",justify:"center",height:t,flexGrow:s,children:r})),H=a.createSlot(S.Menu),z=a.createSlot(m.Drawer),D=a.createSlot(({children:r})=>e.jsx(l.Center,{pt:3,w:"full",children:r})),F=a.createSlot(({children:r,domain:t,name:s,logoUrl:o})=>e.jsxs(l.HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[o?e.jsx("img",{src:o,alt:s,width:24,height:24}):e.jsx(w.default,{color:v.token("colors.brand.base"),height:24,width:24}),e.jsx(j.default,{size:"sm",fontWeight:"semibold",children:s}),t&&e.jsx(j.default,{size:"sm",fontColor:"text.tertiary",children:t}),r]})),J=({actionDirection:r="row",address:t,children:s,onBack:o,onCancel:d,hideHeader:M=!1,...W})=>a.createHost(s,i=>{const c=i.getProps(b),u=i.getProps(P),p=i.getProps(z),x=i.getProps(H),g=i.get(C),q=i.get(y),T=i.get(k),h=r==="row";return e.jsxs(I.Modal,{...W,fullscreen:!0,paddingType:"none",gap:0,children:[!M&&e.jsxs(l.VStack,{gap:0,width:"full",children:[e.jsxs(l.HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[o&&e.jsx(n.default,{onPress:o,size:"md",textStyle:"neutral",variant:"text",children:e.jsx(n.default.LeadingIcon,{children:e.jsx(A.default,{})})}),d&&e.jsx(n.default,{onPress:d,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(o||d)&&e.jsx(l.Box,{w:6}),T,t||q||x?e.jsxs(l.HStack,{children:[t&&e.jsx(L.default,{address:t}),q,x&&e.jsx(S.Menu,{...x})]}):e.jsx(l.Box,{w:6})]}),i.get(F)]}),e.jsxs(l.VStack,{h:"full",w:"full",justify:"space-between",p:6,maxW:393,children:[i.get(B),e.jsxs(l.VStack,{w:"full",gap:3,children:[i.get(D),(c||u)&&e.jsxs(l.Flex,{direction:h?"row":"column-reverse",gap:h?4:3,width:"full",children:[c&&e.jsx(n.default,{expand:!0,label:"Cancel",variant:"neutral",...c}),u&&e.jsx(n.default,{expand:!0,label:"Confirm",variant:"inverse",...u})]}),g&&e.jsx(l.Flex,{direction:r,gap:h?4:3,width:"full",children:g})]})]}),p&&e.jsx(m.Drawer,{...p})]})}),N=Object.assign(J,{Actions:C,Cancel:b,Confirm:P,Content:B,Menu:H,Drawer:z,Footer:D,Header:F,Info:y,Title:k});exports.PassportPage=N;
|
|
2
2
|
//# sourceMappingURL=passport-page.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Menu } from '@components/containers';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoMagic, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { Box, Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\nexport interface HeaderProps extends PropsWithChildren {\n name: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface TitleProps {\n branding?: 'light' | 'dark';\n title?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n address?: string;\n animate?: boolean;\n actionDirection?: 'column' | 'row';\n isOpen?: boolean;\n hideHeader?: boolean;\n onAnimated?: () => void;\n onBack?: () => void;\n onClosed?: () => void;\n onCancel?: () => void;\n}\n\nconst Actions = createSlot(({ children }) => Children.map(children, child => <Button expand {...child.props} />));\nconst Cancel = createSlot(Button);\nconst Confirm = createSlot(Button);\nconst Info = createSlot(({ children }) => (\n <Popover textStyle=\"subtle\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoQuestionCircleFill />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n));\nconst Title = createSlot(({ branding, title }: TitleProps) => {\n return title ? (\n <Text size=\"sm\" fontColor=\"text.secondary\">\n {title}\n </Text>\n ) : (\n <IcoMagic color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n );\n});\n\nconst PageContent = createSlot(({ children, height = 'auto', flexGrow = 0 }) => (\n <VStack w=\"full\" justify=\"center\" height={height} flexGrow={flexGrow}>\n {children}\n </VStack>\n));\nconst PageMenu = createSlot(Menu);\nconst PageDrawer = createSlot(Drawer);\nconst PageFooter = createSlot(({ children }) => (\n <Center pt={3} w=\"full\">\n {children}\n </Center>\n));\nconst PageHeader = createSlot(({ children, domain, name, logoUrl }: HeaderProps) => (\n <HStack borderBottomColor=\"neutral.primary\" borderBottomWidth=\"1px\" p={3} width=\"full\">\n {logoUrl ? (\n <img src={logoUrl} alt={name} width={24} height={24} />\n ) : (\n <IcoMagic color={token('colors.brand.base')} height={24} width={24} />\n )}\n <Text size=\"sm\" fontWeight=\"semibold\">\n {name}\n </Text>\n {domain && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {domain}\n </Text>\n )}\n {children}\n </HStack>\n));\n\nconst PageHost = ({\n actionDirection = 'row',\n address,\n children,\n onBack,\n onCancel,\n hideHeader = false,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const cancelProps = slots.getProps(Cancel);\n const confirmProps = slots.getProps(Confirm);\n const drawerProps = slots.getProps(PageDrawer);\n const menuProps = slots.getProps(PageMenu);\n\n const actions = slots.get(Actions);\n const info = slots.get(Info);\n const title = slots.get(Title);\n\n const isRowDirection = actionDirection === 'row';\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\" gap={0}>\n {!hideHeader && (\n <VStack gap={0} width=\"full\">\n <HStack\n borderBottomColor=\"neutral.primary\"\n borderBottomWidth=\"1px\"\n justifyContent=\"space-between\"\n p={3}\n width=\"full\"\n >\n {onBack && (\n <Button onPress={onBack} size=\"md\" textStyle=\"neutral\" variant=\"text\">\n <Button.LeadingIcon>\n <IcoCaretLeft />\n </Button.LeadingIcon>\n </Button>\n )}\n {onCancel && <Button onPress={onCancel} label=\"Cancel\" size=\"sm\" textStyle=\"neutral\" variant=\"text\" />}\n {!(onBack || onCancel) && <Box w={6} />}\n {title}\n {address || info || menuProps ? (\n <HStack>\n {address && <WalletAddress address={address} />}\n {info}\n {menuProps && <Menu {...menuProps} />}\n </HStack>\n ) : (\n <Box w={6} />\n )}\n </HStack>\n {slots.get(PageHeader)}\n </VStack>\n )}\n <VStack h=\"full\" w=\"full\" justify=\"space-between\" p={6} maxW={393}>\n {slots.get(PageContent)}\n <VStack w=\"full\" gap={3}>\n {slots.get(PageFooter)}\n {(cancelProps || confirmProps) && (\n <Flex direction={isRowDirection ? 'row' : 'column-reverse'} gap={isRowDirection ? 4 : 3} width=\"full\">\n {cancelProps && <Button expand label=\"Cancel\" variant=\"neutral\" {...cancelProps} />}\n {confirmProps && <Button expand label=\"Confirm\" variant=\"inverse\" {...confirmProps} />}\n </Flex>\n )}\n {actions && (\n <Flex direction={actionDirection} gap={isRowDirection ? 4 : 3} width=\"full\">\n {actions}\n </Flex>\n )}\n </VStack>\n </VStack>\n {drawerProps && <Drawer {...drawerProps} />}\n </Modal>\n );\n });\n};\n\nexport const PassportPage = Object.assign(PageHost, {\n Actions,\n Cancel,\n Confirm,\n Content: PageContent,\n Menu: PageMenu,\n Drawer: PageDrawer,\n Footer: PageFooter,\n Header: PageHeader,\n Info,\n Title,\n});\n"],"names":["Actions","createSlot","children","Children","child","_jsx","Button","Cancel","Confirm","Info","_jsxs","Popover","IcoQuestionCircleFill","Title","branding","title","Text","IcoMagic","token","PageContent","height","flexGrow","VStack","PageMenu","Menu","PageDrawer","Drawer","PageFooter","Center","PageHeader","domain","name","logoUrl","HStack","PageHost","actionDirection","address","onBack","onCancel","hideHeader","props","createHost","slots","cancelProps","confirmProps","drawerProps","menuProps","actions","info","isRowDirection","Modal","IcoCaretLeft","Box","WalletAddress","Flex","PassportPage"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Menu } from '@components/containers';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoNewton, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { Box, Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\nexport interface HeaderProps extends PropsWithChildren {\n name: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface TitleProps {\n branding?: 'light' | 'dark';\n title?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n address?: string;\n animate?: boolean;\n actionDirection?: 'column' | 'row';\n isOpen?: boolean;\n hideHeader?: boolean;\n onAnimated?: () => void;\n onBack?: () => void;\n onClosed?: () => void;\n onCancel?: () => void;\n}\n\nconst Actions = createSlot(({ children }) => Children.map(children, child => <Button expand {...child.props} />));\nconst Cancel = createSlot(Button);\nconst Confirm = createSlot(Button);\nconst Info = createSlot(({ children }) => (\n <Popover textStyle=\"subtle\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoQuestionCircleFill />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n));\nconst Title = createSlot(({ branding, title }: TitleProps) => {\n return title ? (\n <Text size=\"sm\" fontColor=\"text.secondary\">\n {title}\n </Text>\n ) : (\n <IcoNewton color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n );\n});\n\nconst PageContent = createSlot(({ children, height = 'auto', flexGrow = 0 }) => (\n <VStack w=\"full\" justify=\"center\" height={height} flexGrow={flexGrow}>\n {children}\n </VStack>\n));\nconst PageMenu = createSlot(Menu);\nconst PageDrawer = createSlot(Drawer);\nconst PageFooter = createSlot(({ children }) => (\n <Center pt={3} w=\"full\">\n {children}\n </Center>\n));\nconst PageHeader = createSlot(({ children, domain, name, logoUrl }: HeaderProps) => (\n <HStack borderBottomColor=\"neutral.primary\" borderBottomWidth=\"1px\" p={3} width=\"full\">\n {logoUrl ? (\n <img src={logoUrl} alt={name} width={24} height={24} />\n ) : (\n <IcoNewton color={token('colors.brand.base')} height={24} width={24} />\n )}\n <Text size=\"sm\" fontWeight=\"semibold\">\n {name}\n </Text>\n {domain && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {domain}\n </Text>\n )}\n {children}\n </HStack>\n));\n\nconst PageHost = ({\n actionDirection = 'row',\n address,\n children,\n onBack,\n onCancel,\n hideHeader = false,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const cancelProps = slots.getProps(Cancel);\n const confirmProps = slots.getProps(Confirm);\n const drawerProps = slots.getProps(PageDrawer);\n const menuProps = slots.getProps(PageMenu);\n\n const actions = slots.get(Actions);\n const info = slots.get(Info);\n const title = slots.get(Title);\n\n const isRowDirection = actionDirection === 'row';\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\" gap={0}>\n {!hideHeader && (\n <VStack gap={0} width=\"full\">\n <HStack\n borderBottomColor=\"neutral.primary\"\n borderBottomWidth=\"1px\"\n justifyContent=\"space-between\"\n p={3}\n width=\"full\"\n >\n {onBack && (\n <Button onPress={onBack} size=\"md\" textStyle=\"neutral\" variant=\"text\">\n <Button.LeadingIcon>\n <IcoCaretLeft />\n </Button.LeadingIcon>\n </Button>\n )}\n {onCancel && <Button onPress={onCancel} label=\"Cancel\" size=\"sm\" textStyle=\"neutral\" variant=\"text\" />}\n {!(onBack || onCancel) && <Box w={6} />}\n {title}\n {address || info || menuProps ? (\n <HStack>\n {address && <WalletAddress address={address} />}\n {info}\n {menuProps && <Menu {...menuProps} />}\n </HStack>\n ) : (\n <Box w={6} />\n )}\n </HStack>\n {slots.get(PageHeader)}\n </VStack>\n )}\n <VStack h=\"full\" w=\"full\" justify=\"space-between\" p={6} maxW={393}>\n {slots.get(PageContent)}\n <VStack w=\"full\" gap={3}>\n {slots.get(PageFooter)}\n {(cancelProps || confirmProps) && (\n <Flex direction={isRowDirection ? 'row' : 'column-reverse'} gap={isRowDirection ? 4 : 3} width=\"full\">\n {cancelProps && <Button expand label=\"Cancel\" variant=\"neutral\" {...cancelProps} />}\n {confirmProps && <Button expand label=\"Confirm\" variant=\"inverse\" {...confirmProps} />}\n </Flex>\n )}\n {actions && (\n <Flex direction={actionDirection} gap={isRowDirection ? 4 : 3} width=\"full\">\n {actions}\n </Flex>\n )}\n </VStack>\n </VStack>\n {drawerProps && <Drawer {...drawerProps} />}\n </Modal>\n );\n });\n};\n\nexport const PassportPage = Object.assign(PageHost, {\n Actions,\n Cancel,\n Confirm,\n Content: PageContent,\n Menu: PageMenu,\n Drawer: PageDrawer,\n Footer: PageFooter,\n Header: PageHeader,\n Info,\n Title,\n});\n"],"names":["Actions","createSlot","children","Children","child","_jsx","Button","Cancel","Confirm","Info","_jsxs","Popover","IcoQuestionCircleFill","Title","branding","title","Text","IcoNewton","token","PageContent","height","flexGrow","VStack","PageMenu","Menu","PageDrawer","Drawer","PageFooter","Center","PageHeader","domain","name","logoUrl","HStack","PageHost","actionDirection","address","onBack","onCancel","hideHeader","props","createHost","slots","cancelProps","confirmProps","drawerProps","menuProps","actions","info","isRowDirection","Modal","IcoCaretLeft","Box","WalletAddress","Flex","PassportPage"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r,jsxs as n}from"react/jsx-runtime";import"../containers/button.js";import"../containers/card.js";import"@styled/css";import{VStack as d,Center as
|
|
1
|
+
import{jsx as r,jsxs as n}from"react/jsx-runtime";import"../containers/button.js";import"../containers/card.js";import"@styled/css";import{VStack as d,Center as K,HStack as g,Box as y,Flex as P}from"@styled/jsx";import{Drawer as v}from"../containers/drawer.js";import{Children as O}from"react";import"../utils/client-asset-logo.js";import{token as B}from"@styled/tokens";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import U from"../icons/ico-caret-left.js";import j from"../icons/ico-newton.js";import V from"../icons/ico-question-circle-fill.js";import"../containers/header.js";import{Menu as z}from"../containers/menu.js";import{Modal as q}from"../containers/modal.js";import"../containers/overlay.js";import"../info/copy-button.js";import"../info/email-wbr.js";import"../info/security-otp.js";import"../info/text-box.js";import E from"../info/wallet-address.js";import l from"../primitives/button.js";import{Popover as u}from"../primitives/popover.js";import x from"../primitives/text.js";import{createSlot as i,createHost as N}from"create-slots";const S=i(({children:e})=>O.map(e,t=>r(l,{expand:!0,...t.props}))),H=i(l),W=i(l),k=i(({children:e})=>n(u,{textStyle:"subtle",variant:"text",children:[r(u.TrailingIcon,{children:r(V,{})}),r(u.Content,{children:e})]})),D=i(({branding:e,title:t})=>t?r(x,{size:"sm",fontColor:"text.secondary",children:t}):r(j,{color:B(e==="light"?"colors.text.primary":"colors.neutral.primary")})),M=i(({children:e,height:t="auto",flexGrow:m=0})=>r(d,{w:"full",justify:"center",height:t,flexGrow:m,children:e})),T=i(z),F=i(v),G=i(({children:e})=>r(K,{pt:3,w:"full",children:e})),I=i(({children:e,domain:t,name:m,logoUrl:a})=>n(g,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[a?r("img",{src:a,alt:m,width:24,height:24}):r(j,{color:B("colors.brand.base"),height:24,width:24}),r(x,{size:"sm",fontWeight:"semibold",children:m}),t&&r(x,{size:"sm",fontColor:"text.tertiary",children:t}),e]})),Q=({actionDirection:e="row",address:t,children:m,onBack:a,onCancel:p,hideHeader:A=!1,...L})=>N(m,o=>{const c=o.getProps(H),s=o.getProps(W),w=o.getProps(F),h=o.getProps(T),C=o.get(S),b=o.get(k),J=o.get(D),f=e==="row";return n(q,{...L,fullscreen:!0,paddingType:"none",gap:0,children:[!A&&n(d,{gap:0,width:"full",children:[n(g,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[a&&r(l,{onPress:a,size:"md",textStyle:"neutral",variant:"text",children:r(l.LeadingIcon,{children:r(U,{})})}),p&&r(l,{onPress:p,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(a||p)&&r(y,{w:6}),J,t||b||h?n(g,{children:[t&&r(E,{address:t}),b,h&&r(z,{...h})]}):r(y,{w:6})]}),o.get(I)]}),n(d,{h:"full",w:"full",justify:"space-between",p:6,maxW:393,children:[o.get(M),n(d,{w:"full",gap:3,children:[o.get(G),(c||s)&&n(P,{direction:f?"row":"column-reverse",gap:f?4:3,width:"full",children:[c&&r(l,{expand:!0,label:"Cancel",variant:"neutral",...c}),s&&r(l,{expand:!0,label:"Confirm",variant:"inverse",...s})]}),C&&r(P,{direction:e,gap:f?4:3,width:"full",children:C})]})]}),w&&r(v,{...w})]})}),R=Object.assign(Q,{Actions:S,Cancel:H,Confirm:W,Content:M,Menu:T,Drawer:F,Footer:G,Header:I,Info:k,Title:D});export{R as PassportPage};
|
|
2
2
|
//# sourceMappingURL=passport-page.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Menu } from '@components/containers';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft,
|
|
1
|
+
{"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Menu } from '@components/containers';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoNewton, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { Box, Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\nexport interface HeaderProps extends PropsWithChildren {\n name: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface TitleProps {\n branding?: 'light' | 'dark';\n title?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n address?: string;\n animate?: boolean;\n actionDirection?: 'column' | 'row';\n isOpen?: boolean;\n hideHeader?: boolean;\n onAnimated?: () => void;\n onBack?: () => void;\n onClosed?: () => void;\n onCancel?: () => void;\n}\n\nconst Actions = createSlot(({ children }) => Children.map(children, child => <Button expand {...child.props} />));\nconst Cancel = createSlot(Button);\nconst Confirm = createSlot(Button);\nconst Info = createSlot(({ children }) => (\n <Popover textStyle=\"subtle\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoQuestionCircleFill />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n));\nconst Title = createSlot(({ branding, title }: TitleProps) => {\n return title ? (\n <Text size=\"sm\" fontColor=\"text.secondary\">\n {title}\n </Text>\n ) : (\n <IcoNewton color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n );\n});\n\nconst PageContent = createSlot(({ children, height = 'auto', flexGrow = 0 }) => (\n <VStack w=\"full\" justify=\"center\" height={height} flexGrow={flexGrow}>\n {children}\n </VStack>\n));\nconst PageMenu = createSlot(Menu);\nconst PageDrawer = createSlot(Drawer);\nconst PageFooter = createSlot(({ children }) => (\n <Center pt={3} w=\"full\">\n {children}\n </Center>\n));\nconst PageHeader = createSlot(({ children, domain, name, logoUrl }: HeaderProps) => (\n <HStack borderBottomColor=\"neutral.primary\" borderBottomWidth=\"1px\" p={3} width=\"full\">\n {logoUrl ? (\n <img src={logoUrl} alt={name} width={24} height={24} />\n ) : (\n <IcoNewton color={token('colors.brand.base')} height={24} width={24} />\n )}\n <Text size=\"sm\" fontWeight=\"semibold\">\n {name}\n </Text>\n {domain && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {domain}\n </Text>\n )}\n {children}\n </HStack>\n));\n\nconst PageHost = ({\n actionDirection = 'row',\n address,\n children,\n onBack,\n onCancel,\n hideHeader = false,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const cancelProps = slots.getProps(Cancel);\n const confirmProps = slots.getProps(Confirm);\n const drawerProps = slots.getProps(PageDrawer);\n const menuProps = slots.getProps(PageMenu);\n\n const actions = slots.get(Actions);\n const info = slots.get(Info);\n const title = slots.get(Title);\n\n const isRowDirection = actionDirection === 'row';\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\" gap={0}>\n {!hideHeader && (\n <VStack gap={0} width=\"full\">\n <HStack\n borderBottomColor=\"neutral.primary\"\n borderBottomWidth=\"1px\"\n justifyContent=\"space-between\"\n p={3}\n width=\"full\"\n >\n {onBack && (\n <Button onPress={onBack} size=\"md\" textStyle=\"neutral\" variant=\"text\">\n <Button.LeadingIcon>\n <IcoCaretLeft />\n </Button.LeadingIcon>\n </Button>\n )}\n {onCancel && <Button onPress={onCancel} label=\"Cancel\" size=\"sm\" textStyle=\"neutral\" variant=\"text\" />}\n {!(onBack || onCancel) && <Box w={6} />}\n {title}\n {address || info || menuProps ? (\n <HStack>\n {address && <WalletAddress address={address} />}\n {info}\n {menuProps && <Menu {...menuProps} />}\n </HStack>\n ) : (\n <Box w={6} />\n )}\n </HStack>\n {slots.get(PageHeader)}\n </VStack>\n )}\n <VStack h=\"full\" w=\"full\" justify=\"space-between\" p={6} maxW={393}>\n {slots.get(PageContent)}\n <VStack w=\"full\" gap={3}>\n {slots.get(PageFooter)}\n {(cancelProps || confirmProps) && (\n <Flex direction={isRowDirection ? 'row' : 'column-reverse'} gap={isRowDirection ? 4 : 3} width=\"full\">\n {cancelProps && <Button expand label=\"Cancel\" variant=\"neutral\" {...cancelProps} />}\n {confirmProps && <Button expand label=\"Confirm\" variant=\"inverse\" {...confirmProps} />}\n </Flex>\n )}\n {actions && (\n <Flex direction={actionDirection} gap={isRowDirection ? 4 : 3} width=\"full\">\n {actions}\n </Flex>\n )}\n </VStack>\n </VStack>\n {drawerProps && <Drawer {...drawerProps} />}\n </Modal>\n );\n });\n};\n\nexport const PassportPage = Object.assign(PageHost, {\n Actions,\n Cancel,\n Confirm,\n Content: PageContent,\n Menu: PageMenu,\n Drawer: PageDrawer,\n Footer: PageFooter,\n Header: PageHeader,\n Info,\n Title,\n});\n"],"names":["Actions","createSlot","children","Children","child","_jsx","Button","Cancel","Confirm","Info","_jsxs","Popover","IcoQuestionCircleFill","Title","branding","title","Text","IcoNewton","token","PageContent","height","flexGrow","VStack","PageMenu","Menu","PageDrawer","Drawer","PageFooter","Center","PageHeader","domain","name","logoUrl","HStack","PageHost","actionDirection","address","onBack","onCancel","hideHeader","props","createHost","slots","cancelProps","confirmProps","drawerProps","menuProps","actions","info","isRowDirection","Modal","IcoCaretLeft","Box","WalletAddress","Flex","PassportPage"],"mappings":"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"}
|