components-approver-stories-approver-web-stories.57a38c15.iframe.bundle.js

"use strict";(self.webpackChunk_leather_io_ui=self.webpackChunk_leather_io_ui||[]).push([[6154],{"./src/components/approver/stories/approver.web.stories.tsx"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ActionsAlignToBottom:()=>ActionsAlignToBottom,Completed:()=>Completed,Pending:()=>Pending,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.js"),leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./leather-styles/jsx/index.js"),radix_ui__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/.pnpm/@radix-ui+react-tooltip@1.2.7_@types+react-dom@19.1.11_@types+react@19.1.17__@types+rea_8addf0fa412b2ba0cf49892a6dd79284/node_modules/@radix-ui/react-tooltip/dist/index.mjs"),src_exports_web__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/exports.web.ts"),_icons_zap_icon_web__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/icons/zap-icon.web.tsx"),_button_button_web__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/button/button.web.tsx"),_flag_flag_web__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/components/flag/flag.web.tsx"),_item_layout_item_layout_web__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/item-layout/item-layout.web.tsx"),_pressable_pressable_web__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/pressable/pressable.web.tsx"),_approver_web__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/approver/approver.web.tsx");const __WEBPACK_DEFAULT_EXPORT__={component:_approver_web__WEBPACK_IMPORTED_MODULE_9__._,tags:["autodocs"],title:"Feature/Approver",parameters:{layout:"fullscreen",viewport:{defaultViewport:"approver"}},render:({children,requester,...args})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Kq,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.so,{maxW:"390px",h:"680px",border:"1px solid lightgrey",overflowY:"auto",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._,{requester:"https://gamma.io",width:"100%",...args,children})})})};function DemoApproverContent(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Section,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Subheader,{icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_icons_zap_icon_web__WEBPACK_IMPORTED_MODULE_4__.h,{variant:"small"}),children:"Subheader with icon"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_pressable_pressable_web__WEBPACK_IMPORTED_MODULE_8__.oz,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_item_layout_item_layout_web__WEBPACK_IMPORTED_MODULE_7__.E,{img:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.jl,{size:"40px",backgroundColor:"ink.border-default"}),titleLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{width:"180px",height:"14px",backgroundColor:"ink.border-default"}),titleRight:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{width:"50px",height:"14px",backgroundColor:"ink.border-default"}),captionLeft:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{width:"70px",height:"12px",backgroundColor:"ink.border-default"}),captionRight:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{width:"40px",height:"12px",backgroundColor:"ink.border-default"})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Subheader,{mt:"space.05",children:"Subheader 2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_flag_flag_web__WEBPACK_IMPORTED_MODULE_6__.l,{img:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.jl,{size:"40px",backgroundColor:"ink.border-default"}),align:"top",mb:"space.03",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{width:"90%",height:"16px",backgroundColor:"ink.border-default"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{width:"75%",height:"12px",backgroundColor:"ink.border-default",mt:"space.02"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Section,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Subheader,{children:"Example rich content with avatar"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_item_layout_item_layout_web__WEBPACK_IMPORTED_MODULE_7__.E,{titleLeft:"Michelly token",titleRight:"100 MICA",captionLeft:"SIP-10",captionRight:"$894,891",img:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.jl,{size:"40px",backgroundColor:"ink.border-default"})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Advanced,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Section,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Subheader,{children:"In the advanced section"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_pressable_pressable_web__WEBPACK_IMPORTED_MODULE_8__.oz,{onClick:()=>{},mt:"space.03",mb:"space.03",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_item_layout_item_layout_web__WEBPACK_IMPORTED_MODULE_7__.E,{titleLeft:"Pressable",titleRight:"Mr. Clicky",captionLeft:"Interactive item",captionRight:"Click me",img:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.jl,{size:"40px",backgroundColor:"ink.border-default"})})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Section,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Subheader,{children:"Inputs & Outputs"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_flag_flag_web__WEBPACK_IMPORTED_MODULE_6__.l,{align:"top",img:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.jl,{size:"40px",backgroundColor:"ink.border-default"}),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{width:"100%",height:"20px",backgroundColor:"ink.border-default"})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Section,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Subheader,{children:"Transaction raw data"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_flag_flag_web__WEBPACK_IMPORTED_MODULE_6__.l,{align:"top",img:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.jl,{size:"40px",backgroundColor:"ink.border-default"}),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{width:"100%",height:"20px",backgroundColor:"ink.border-default"})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Section,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Subheader,{children:"Additional info"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_flag_flag_web__WEBPACK_IMPORTED_MODULE_6__.l,{align:"top",img:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.jl,{size:"40px",backgroundColor:"ink.border-default"}),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{width:"100%",height:"20px",backgroundColor:"ink.border-default"})})]})]})]})}const Pending={args:{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Header,{title:"Connect app",info:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(src_exports_web__WEBPACK_IMPORTED_MODULE_3__.GK2,{label:"Greetings, traveler",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{p:"space.02",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(src_exports_web__WEBPACK_IMPORTED_MODULE_3__.GAi,{color:"ink.text-subdued",variant:"small"})})})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Status,{status:"pending"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(DemoApproverContent,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Actions,{actions:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button_button_web__WEBPACK_IMPORTED_MODULE_5__.$,{variant:"outline",children:"Cancel"},0),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button_button_web__WEBPACK_IMPORTED_MODULE_5__.$,{children:"Approve"},1)]})]})}},Completed={args:{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Header,{title:"Completed"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Status,{status:"completed"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(DemoApproverContent,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Actions,{actions:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button_button_web__WEBPACK_IMPORTED_MODULE_5__.$,{variant:"outline",children:"Cancel"},0),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button_button_web__WEBPACK_IMPORTED_MODULE_5__.$,{children:"Approve"},1)]})]})}},ActionsAlignToBottom={args:{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Header,{title:"Action align to bottom of page"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_approver_web__WEBPACK_IMPORTED_MODULE_9__._.Actions,{actions:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button_button_web__WEBPACK_IMPORTED_MODULE_5__.$,{variant:"outline",children:"Cancel"},0),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button_button_web__WEBPACK_IMPORTED_MODULE_5__.$,{children:"Approve"},1)]})]})}},__namedExportsOrder=["Pending","Completed","ActionsAlignToBottom"]}}]);