/*Header*/ /*Tab Navigation*/ /*Payment Methods Support Matrix*/ /*SCALAPAY row commented out*/ /*

SCALAPAY

Development

*/ /*SKIP PAY row commented out*/ /*

SKIP PAY

Development

*/ /*Transaction Flows Support Matrix*/ /*SCALAPAY row commented out*/ /*

SCALAPAY

Development

*/ /*SKIP PAY row commented out*/ /*

SKIP PAY

Development

*/ /*Shop Integration Support Matrix*/ /*SCALAPAY row commented out*/ /*

SCALAPAY

Development

*/ /*SKIP PAY row commented out*/ /*

SKIP PAY

Development

*/ /*Legend Section for Shop Integration*/ /*Production*/ /*Sandbox*/ /*Development*/ /*Fully Supported*/ /*On Request*/ /*Legend Section for other tabs*/ /*Production*/ /*Sandbox*/ /*Development*/ /*Fully Supported*/ /*Not Supported*/ "use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { button: "button", div: "div", h1: "h1", h3: "h3", img: "img", p: "p", path: "path", span: "span", svg: "svg", table: "table", tbody: "tbody", td: "td", th: "th", thead: "thead", tr: "tr", ..._provideComponents(), ...props.components }; return _jsxs("div", { className: "mint-min-h-screen bg-background mint-relative", children: [_jsx("div", { className: "mint-absolute mint-inset-0 bg-grid-foreground/[0.02] bg-[size:mint-20px_20px]" }), _jsx("div", { className: "mint-relative mint-px-8 mint-py-12 mint-max-w-7xl mint-mx-auto", children: (() => { const [activeTab, setActiveTab] = React.useState('payment-methods'); const activeButtonClass = 'px-6 py-3 rounded-md font-medium text-white shadow hover:shadow-md hover:-translate-y-0.5 transition-all duration-300 transform'; const inactiveButtonClass = 'px-6 py-3 rounded-md font-medium hover:shadow-md hover:-translate-y-0.5 transition-all duration-300 transform border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 hover:border-gray-400'; return _jsxs(_Fragment, { children: [_jsxs(_components.div, { className: "text-center mb-12", children: [_jsx(_components.h1, { className: "text-5xl font-bold text-gray-900 dark:text-white mb-4", children: "Support Matrix" }), _jsx(_components.p, { className: "text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto", children: "Complete overview of BNPLX provider capabilities and supported payment methods" })] }), _jsx(_components.div, { className: "mb-8 mt-8", children: _jsxs(_components.div, { className: "flex flex-col sm:flex-row gap-4 justify-center", children: [_jsx(_components.button, { id: "payment-methods-btn", onClick: () => setActiveTab('payment-methods'), className: activeTab === 'payment-methods' ? activeButtonClass : inactiveButtonClass, style: activeTab === 'payment-methods' ? { backgroundColor: '#6FAD00' } : {}, children: "Payment Methods" }), _jsx(_components.button, { id: "transaction-flows-btn", onClick: () => setActiveTab('transaction-flows'), className: activeTab === 'transaction-flows' ? activeButtonClass : inactiveButtonClass, style: activeTab === 'transaction-flows' ? { backgroundColor: '#6FAD00' } : {}, children: "Transaction Flows" }), _jsx(_components.button, { id: "shop-integration-btn", onClick: () => setActiveTab('shop-integration'), className: activeTab === 'shop-integration' ? activeButtonClass : inactiveButtonClass, style: activeTab === 'shop-integration' ? { backgroundColor: '#6FAD00' } : {}, children: "Shop Integration" })] }) }), activeTab === 'payment-methods' && _jsx(_components.div, { id: "payment-methods-tab", className: "mb-20", children: _jsx(_components.div, { className: "bg-transparent rounded-2xl overflow-hidden", children: _jsx(_components.div, { className: "overflow-x-auto", children: _jsxs(_components.table, { className: "w-full", children: [_jsx(_components.thead, { children: _jsxs(_components.tr, { className: "bg-transparent", children: [_jsx(_components.th, { className: "px-6 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex flex-col items-center gap-1", children: "Connector" }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex flex-col items-center gap-1", children: _jsx(_components.span, { children: "Status" }) }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex flex-col items-center gap-1", children: _jsx(_components.span, { children: "Invoice" }) }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsxs(_components.div, { className: "flex flex-col items-center gap-1", children: [_jsx(_components.span, { children: "Installment" }), _jsx(_components.span, { children: "Invoice" })] }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsxs(_components.div, { className: "flex flex-col items-center gap-1", children: [_jsx(_components.span, { children: "Subscription" }), _jsx(_components.span, { children: "Invoice" })] }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex flex-col items-center gap-1", children: _jsx(_components.span, { children: "Direct Debit" }) }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsxs(_components.div, { className: "flex flex-col items-center gap-1", children: [_jsx(_components.span, { children: "Installment" }), _jsx(_components.span, { children: "Direct Debit" })] }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsxs(_components.div, { className: "flex flex-col items-center gap-1", children: [_jsx(_components.span, { children: "Subscription" }), _jsx(_components.span, { children: "Direct Debit" })] }) })] }) }), _jsxs(_components.tbody, { className: "divide-y divide-gray-100 dark:divide-gray-700", children: [_jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/avarda.svg", alt: "AVARDA logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "AVARDA" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/axytos.svg", alt: "AXYTOS logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "AXYTOS" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEF2F2', color: '#991B1B' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EF4444' } }), "Development"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/billie.svg", alt: "BILLIE logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "BILLIE" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/mondu.svg", alt: "MONDU logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "MONDU" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/payla.svg", alt: "PAYLA logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "PAYLA" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/ratepay.svg", alt: "RATEPAY logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "RATEPAY" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/riverty.svg", alt: "RIVERTY logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "RIVERTY" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/svea.svg", alt: "SVEA logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "SVEA" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/twisto.svg", alt: "TWISTO logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "TWISTO" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEF2F2', color: '#991B1B' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EF4444' } }), "Development"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/zaver.svg", alt: "ZAVER logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "ZAVER" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/zinia.svg", alt: "ZINIA logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "Zinia" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEF2F2', color: '#991B1B' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EF4444' } }), "Development"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) })] })] })] }) }) }) }), activeTab === 'transaction-flows' && _jsx(_components.div, { id: "transaction-flows-tab", className: "mb-16", children: _jsx(_components.div, { className: "bg-transparent rounded-2xl overflow-hidden", children: _jsx(_components.div, { className: "overflow-x-auto", children: _jsxs(_components.table, { className: "w-full", children: [_jsx(_components.thead, { children: _jsxs(_components.tr, { className: "bg-transparent", children: [_jsx(_components.th, { className: "px-6 py-5 text-left text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex items-center gap-2", children: "Connector" }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex flex-col items-center gap-1", children: _jsx(_components.span, { children: "Status" }) }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex flex-col items-center gap-1", children: _jsx(_components.span, { children: "Payments" }) }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex flex-col items-center gap-1", children: _jsx(_components.span, { children: "Refunds" }) }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsxs(_components.div, { className: "flex flex-col items-center gap-1", children: [_jsx(_components.span, { children: "Partial" }), _jsx(_components.span, { children: "Refunds" })] }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex flex-col items-center gap-1", children: _jsx(_components.span, { children: "Cancellation" }) }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsxs(_components.div, { className: "flex flex-col items-center gap-1", children: [_jsx(_components.span, { children: "Partial" }), _jsx(_components.span, { children: "Cancellation" })] }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex flex-col items-center gap-1", children: _jsx(_components.span, { children: "Capture" }) }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsxs(_components.div, { className: "flex flex-col items-center gap-1", children: [_jsx(_components.span, { children: "Partial" }), _jsx(_components.span, { children: "Capture" })] }) })] }) }), _jsxs(_components.tbody, { className: "divide-y divide-gray-100 dark:divide-gray-700", children: [_jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/avarda.svg", alt: "AVARDA logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "AVARDA" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/axytos.svg", alt: "AXYTOS logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "AXYTOS" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEF2F2', color: '#991B1B' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EF4444' } }), "Development"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/billie.svg", alt: "BILLIE logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "BILLIE" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/mondu.svg", alt: "MONDU logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "MONDU" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/payla.svg", alt: "PAYLA logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "PAYLA" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/ratepay.svg", alt: "RATEPAY logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "RATEPAY" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/riverty.svg", alt: "RIVERTY logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "RIVERTY" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/svea.svg", alt: "SVEA logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "SVEA" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/twisto.svg", alt: "TWISTO logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "TWISTO" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEF2F2', color: '#991B1B' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EF4444' } }), "Development"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/zaver.svg", alt: "ZAVER logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "ZAVER" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }) })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/zinia.svg", alt: "ZINIA logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "ZINIA" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEF2F2', color: '#991B1B' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EF4444' } }), "Development"] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md bg-gray-400 dark:bg-gray-600", children: _jsx(_components.div, { className: "w-3 h-0.5 bg-white rounded-full" }) }) })] })] })] }) }) }) }), activeTab === 'shop-integration' && _jsx(_components.div, { id: "shop-integration-tab", className: "mb-16 shop-integration-only", children: _jsx(_components.div, { className: "bg-transparent rounded-2xl overflow-hidden", children: _jsx(_components.div, { className: "overflow-x-auto", children: _jsxs(_components.table, { className: "w-full shop-integration-table", id: "shop-integration-table", children: [_jsx(_components.thead, { children: _jsxs(_components.tr, { className: "bg-transparent", children: [_jsx(_components.th, { className: "px-6 py-5 text-left text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex items-center gap-2", children: "Connector" }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex flex-col items-center gap-1", children: _jsx(_components.span, { children: "Status" }) }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex flex-col items-center gap-1", children: _jsx(_components.span, { children: "WooCommerce" }) }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex flex-col items-center gap-1", children: _jsx(_components.span, { children: "Shopify" }) }) }), _jsx(_components.th, { className: "px-4 py-5 text-center text-sm font-bold text-gray-900 dark:text-white border-b-2 border-gray-200 dark:border-gray-600", children: _jsx(_components.div, { className: "flex flex-col items-center gap-1", children: _jsx(_components.span, { children: "Shopware" }) }) })] }) }), _jsxs(_components.tbody, { className: "divide-y divide-gray-100 dark:divide-gray-700", children: [_jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/avarda.svg", alt: "AVARDA logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "AVARDA" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }) }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/axytos.svg", alt: "AXYTOS logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "AXYTOS" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEF2F2', color: '#991B1B' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EF4444' } }), "Development"] }) }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/billie.svg", alt: "BILLIE logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "BILLIE" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }) }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/mondu.svg", alt: "MONDU logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "MONDU" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }) }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/payla.svg", alt: "PAYLA logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "PAYLA" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }) }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })] })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/ratepay.svg", alt: "RATEPAY logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "RATEPAY" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }) }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/riverty.svg", alt: "RIVERTY logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "RIVERTY" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }) }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/svea.svg", alt: "SVEA logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "SVEA" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }) }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })] })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/twisto.svg", alt: "TWISTO logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "TWISTO" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEF2F2', color: '#991B1B' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EF4444' } }), "Development"] }) }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/zaver.svg", alt: "ZAVER logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "ZAVER" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }) }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-200", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })] })] }), _jsxs(_components.tr, { className: "transition-all duration-200 group", children: [_jsx(_components.td, { className: "px-6 py-4 text-sm font-semibold text-gray-900 dark:text-white", children: _jsxs(_components.div, { className: "flex items-center gap-3", children: [_jsx(_components.img, { src: "https://app.staging.bnplx.io/generic-assets/zinia.svg", alt: "ZINIA logo", className: "w-8 h-8 shadow-md object-contain bg-white" }), _jsx(_components.span, { children: "ZINIA" })] }) }), _jsx(_components.td, { className: "px-4 py-4 text-center", children: _jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEF2F2', color: '#991B1B' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EF4444' } }), "Development"] }) }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] }), _jsxs(_components.td, { className: "px-4 py-4 text-center", children: [" ", _jsx(_components.div, { className: "w-6 h-6 mx-auto rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '16px', lineHeight: '1' }, children: "!" }) })] })] })] })] }) }) }) }), activeTab === 'shop-integration' && _jsxs(_components.div, { className: "bg-gray-50 dark:bg-gray-800/40 rounded-2xl p-6 mb-16", children: [_jsx(_components.h3, { className: "text-xl font-bold text-gray-900 dark:text-white mb-4 text-center", children: "Legend" }), _jsxs(_components.div, { className: "flex flex-wrap justify-center items-center gap-4", children: [_jsxs(_components.div, { className: "flex items-center gap-2 px-3 py-2 bg-white dark:bg-gray-900 rounded-lg shadow-sm", children: [_jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }), _jsx(_components.span, { className: "text-xs text-gray-600 dark:text-gray-300", children: "Live & certified" })] }), _jsxs(_components.div, { className: "flex items-center gap-2 px-3 py-2 bg-white dark:bg-gray-900 rounded-lg shadow-sm", children: [_jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }), _jsx(_components.span, { className: "text-xs text-gray-600 dark:text-gray-300", children: "Testing environment" })] }), _jsxs(_components.div, { className: "flex items-center gap-2 px-3 py-2 bg-white dark:bg-gray-900 rounded-lg shadow-sm", children: [_jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEF2F2', color: '#991B1B' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EF4444' } }), "Development"] }), _jsx(_components.span, { className: "text-xs text-gray-600 dark:text-gray-300", children: "In development" })] }), _jsxs(_components.div, { className: "flex items-center gap-2 px-3 py-2 bg-white dark:bg-gray-900 rounded-lg shadow-sm", children: [_jsx(_components.div, { className: "w-5 h-5 rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-3 h-3 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }), _jsx(_components.span, { className: "text-xs text-gray-600 dark:text-gray-300", children: "Fully Supported" })] }), _jsxs(_components.div, { className: "flex items-center gap-2 px-3 py-2 bg-white dark:bg-gray-900 rounded-lg shadow-sm", children: [_jsx(_components.div, { className: "w-5 h-5 rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#F97316' }, children: _jsx(_components.span, { className: "text-white font-bold leading-none", style: { fontSize: '14px', lineHeight: '1' }, children: "!" }) }), _jsx(_components.span, { className: "text-xs text-gray-600 dark:text-gray-300", children: "On Request" })] })] })] }), activeTab !== 'shop-integration' && _jsxs(_components.div, { className: "bg-gray-50 dark:bg-gray-800/40 rounded-2xl p-6 mb-16", children: [_jsx(_components.h3, { className: "text-xl font-bold text-gray-900 dark:text-white mb-4 text-center", children: "Legend" }), _jsxs(_components.div, { className: "flex flex-wrap justify-center items-center gap-4", children: [_jsxs(_components.div, { className: "flex items-center gap-2 px-3 py-2 bg-white dark:bg-gray-900 rounded-lg shadow-sm", children: [_jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#F0FDF4', color: '#166534' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#6FAD00' } }), "Production"] }), _jsx(_components.span, { className: "text-xs text-gray-600 dark:text-gray-300", children: "Live & certified" })] }), _jsxs(_components.div, { className: "flex items-center gap-2 px-3 py-2 bg-white dark:bg-gray-900 rounded-lg shadow-sm", children: [_jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEFCE8', color: '#854D0E' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EAB308' } }), "Sandbox"] }), _jsx(_components.span, { className: "text-xs text-gray-600 dark:text-gray-300", children: "Testing environment" })] }), _jsxs(_components.div, { className: "flex items-center gap-2 px-3 py-2 bg-white dark:bg-gray-900 rounded-lg shadow-sm", children: [_jsxs(_components.div, { className: "inline-flex items-center gap-1.5 px-2 py-1 rounded-full text-xs font-medium", style: { backgroundColor: '#FEF2F2', color: '#991B1B' }, children: [_jsx(_components.div, { className: "w-2 h-2 rounded-full flex-shrink-0", style: { backgroundColor: '#EF4444' } }), "Development"] }), _jsx(_components.span, { className: "text-xs text-gray-600 dark:text-gray-300", children: "In development" })] }), _jsxs(_components.div, { className: "flex items-center gap-2 px-3 py-2 bg-white dark:bg-gray-900 rounded-lg shadow-sm", children: [_jsx(_components.div, { className: "w-5 h-5 rounded-full flex items-center justify-center shadow-md", style: { backgroundColor: '#6FAD00' }, children: _jsx(_components.svg, { className: "w-3 h-3 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx(_components.path, { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) }), _jsx(_components.span, { className: "text-xs text-gray-600 dark:text-gray-300", children: "Fully Supported" })] }), _jsxs(_components.div, { className: "flex items-center gap-2 px-3 py-2 bg-white dark:bg-gray-900 rounded-lg shadow-sm", children: [_jsx(_components.div, { className: "w-5 h-5 bg-gray-400 dark:bg-gray-600 rounded-full flex items-center justify-center shadow-md", children: _jsx(_components.div, { className: "w-2.5 h-0.5 bg-white rounded-full" }) }), _jsx(_components.span, { className: "text-xs text-gray-600 dark:text-gray-300", children: "Not Supported" })] })] })] })] }); })() })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };