CINXE.COM
Client-Side Integration | Cardknox
<!DOCTYPE html><html lang="en" class="scroll-pt-[76px] plain-background"><head><meta charSet="utf-8"/><link rel="preconnect" href="https://api.gitbook.com"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" fetchPriority="high" imageSrcSet="https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=128&dpr=1&quality=100&sign=59e91488&sv=1 128w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=128&dpr=2&quality=100&sign=59e91488&sv=1 256w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=128&dpr=3&quality=100&sign=59e91488&sv=1 384w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=128&dpr=4&quality=100&sign=59e91488&sv=1 512w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=1&quality=100&sign=59e91488&sv=1 192w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=2&quality=100&sign=59e91488&sv=1 384w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=3&quality=100&sign=59e91488&sv=1 576w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=4&quality=100&sign=59e91488&sv=1 768w" imageSizes="(max-width: 1024px) 128px, 192px"/><link rel="stylesheet" href="/_next/static/css/2d00a2f28ca4dc5d.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/99f50cfb598d2941.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d42d805b938873da.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/8adaabd9e3445f84.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/c311d6484335995a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5a687dea857dc6f5.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/7235fa9d119901d4.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/86d6274f3e6d760c.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a91fbeec63857000.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/2d0986519abf0323.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0f891de5863d7182.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1" href="/_next/static/chunks/webpack-21fb00c223e55731.js"/><script src="/_next/static/chunks/1dd3208c-b11c3db6cd7d86b2.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/9978-293e379e3e1468f4.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/main-app-6756d7a08d4ddca2.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/app/global-error-19768e91f18f21d9.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/b5d5b83b-3d9186fb60556c53.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/7609-ae1015bd89577747.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/1281-411df876b32e19c2.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/4012-d5519c7c19347ff0.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/app/(site)/layout-512d7fc9258aa558.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/app/(site)/error-aabf7054fe6497a1.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/9505-a8f112b566ef7f41.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/1538-28b9996ceedaa74d.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/1285-2b0f91300e0c0b9a.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/3902-19c217a299034164.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/6150-57a79db9099e4be8.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/8510-2f41b25832a6d317.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/2286-91dc9ed7c6acaf3a.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/9028-bdf215f649fe02e9.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><script src="/_next/static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-c1425cfd4f268718.js" async="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script><meta name="color-scheme" content="light"/><title>Client-Side Integration | Cardknox</title><meta name="generator" content="GitBook (eab7931)"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://docs.cardknox.com/cardknox-products/3d-secure/client-side-integration"/><meta property="og:title" content="Client-Side Integration | Cardknox"/><meta property="og:image" content="https://docs.cardknox.com/~gitbook/ogimage/4RwLRWubs5dbX35pSQc9"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Client-Side Integration | Cardknox"/><meta name="twitter:image" content="https://docs.cardknox.com/~gitbook/ogimage/4RwLRWubs5dbX35pSQc9"/><link rel="icon" href="https://2242410501-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbdKiWuld-TceAgWrgh%2Ficon%2FrQpx0u6kMcn2Ku8LK4rt%2Fcardknox-logo-ar.png?alt=media&token=851f3192-a403-4554-b9ca-8339350205ef" type="image/png" media="(prefers-color-scheme: light)"/><link rel="icon" href="https://2242410501-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbdKiWuld-TceAgWrgh%2Ficon%2FrQpx0u6kMcn2Ku8LK4rt%2Fcardknox-logo-ar.png?alt=media&token=851f3192-a403-4554-b9ca-8339350205ef" type="image/png" media="(prefers-color-scheme: dark)"/><meta name="next-size-adjust"/><style> :root { --primary-color-50: 252 232 237; --primary-color-100: 250 208 218; --primary-color-200: 245 162 181; --primary-color-300: 239 115 144; --primary-color-400: 234 69 107; --primary-color-500: 229 22 70; --primary-color-600: 183 18 56; --primary-color-700: 137 13 42; --primary-color-800: 92 9 28; --primary-color-900: 46 4 14; --contrast-primary-50: 0 0 0; --contrast-primary-100: 0 0 0; --contrast-primary-200: 0 0 0; --contrast-primary-300: 0 0 0; --contrast-primary-400: 0 0 0; --contrast-primary-500: 255 255 255; --contrast-primary-600: 255 255 255; --contrast-primary-700: 255 255 255; --contrast-primary-800: 255 255 255; --contrast-primary-900: 255 255 255; --primary-base-50: 252 232 237; --primary-base-100: 250 208 218; --primary-base-200: 245 162 181; --primary-base-300: 239 115 144; --primary-base-400: 234 69 107; --primary-base-500: 229 22 70; --primary-base-600: 183 18 56; --primary-base-700: 137 13 42; --primary-base-800: 92 9 28; --primary-base-900: 46 4 14; --header-background-50: 255 255 255; --header-background-100: 255 255 255; --header-background-200: 255 255 255; --header-background-300: 255 255 255; --header-background-400: 255 255 255; --header-background-500: 255 255 255; --header-background-600: 204 204 204; --header-background-700: 153 153 153; --header-background-800: 102 102 102; --header-background-900: 51 51 51; --header-link-50: 252 232 237; --header-link-100: 250 208 218; --header-link-200: 245 162 181; --header-link-300: 239 115 144; --header-link-400: 234 69 107; --header-link-500: 229 22 70; --header-link-600: 183 18 56; --header-link-700: 137 13 42; --header-link-800: 92 9 28; --header-link-900: 46 4 14; --header-button-text-50: 255 255 255; --header-button-text-100: 255 255 255; --header-button-text-200: 255 255 255; --header-button-text-300: 255 255 255; --header-button-text-400: 255 255 255; --header-button-text-500: 255 255 255; --header-button-text-600: 204 204 204; --header-button-text-700: 153 153 153; --header-button-text-800: 102 102 102; --header-button-text-900: 51 51 51; } .dark { --primary-color-50: 252 232 237; --primary-color-100: 250 208 218; --primary-color-200: 245 162 181; --primary-color-300: 239 115 144; --primary-color-400: 234 69 107; --primary-color-500: 229 22 70; --primary-color-600: 183 18 56; --primary-color-700: 137 13 42; --primary-color-800: 92 9 28; --primary-color-900: 46 4 14; --primary-base-50: 252 232 237; --primary-base-100: 250 208 218; --primary-base-200: 245 162 181; --primary-base-300: 239 115 144; --primary-base-400: 234 69 107; --primary-base-500: 229 22 70; --primary-base-600: 183 18 56; --primary-base-700: 137 13 42; --primary-base-800: 92 9 28; --primary-base-900: 46 4 14; --contrast-primary-50: 0 0 0; --contrast-primary-100: 0 0 0; --contrast-primary-200: 0 0 0; --contrast-primary-300: 0 0 0; --contrast-primary-400: 0 0 0; --contrast-primary-500: 255 255 255; --contrast-primary-600: 255 255 255; --contrast-primary-700: 255 255 255; --contrast-primary-800: 255 255 255; --contrast-primary-900: 255 255 255; --header-background-50: 230 230 230; --header-background-100: 204 204 204; --header-background-200: 153 153 153; --header-background-300: 102 102 102; --header-background-400: 51 51 51; --header-background-500: 0 0 0; --header-background-600: 0 0 0; --header-background-700: 0 0 0; --header-background-800: 0 0 0; --header-background-900: 0 0 0; --header-link-50: 252 232 237; --header-link-100: 250 208 218; --header-link-200: 245 162 181; --header-link-300: 239 115 144; --header-link-400: 234 69 107; --header-link-500: 229 22 70; --header-link-600: 183 18 56; --header-link-700: 137 13 42; --header-link-800: 92 9 28; --header-link-900: 46 4 14; --header-button-text-50: 255 255 255; --header-button-text-100: 255 255 255; --header-button-text-200: 255 255 255; --header-button-text-300: 255 255 255; --header-button-text-400: 255 255 255; --header-button-text-500: 255 255 255; --header-button-text-600: 204 204 204; --header-button-text-700: 153 153 153; --header-button-text-800: 102 102 102; --header-button-text-900: 51 51 51; } </style><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule="" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1"></script></head><body class="__variable_274faa __variable_a7f53a __variable_e782a9 __className_053b0a __variable_0e9704 bg-light dark:bg-dark"><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">!function(){var d=document.documentElement,c=d.classList;c.remove('light','dark');d.style.colorScheme = 'light';c.add('light')}()</script><header class="flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-thinbottom lg:z-10 dark:shadow-light/1 bg-light dark:bg-dark"><div class="scroll-nojump"><div class="gap-4 grid grid-flow-col auto-cols-[auto_auto_1fr_auto] h-16 items-center align-center justify-between w-full px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full"><div class="flex flex-row gap-2"><button class="flex flex-row items-center hover:bg-dark/3 py-1 px-2 dark:hover:bg-light/2 rounded straight-corners:rounded-sm page-no-toc:hidden lg:hidden text-dark dark:text-light" aria-label="Open table of contents"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 text-inherit"></svg></button><a class="group/headerlogo flex-1 flex flex-row items-center shrink-0" href="/"><img alt="Logo" fetchPriority="high" class="block dark:hidden max-w-[8rem] lg:max-w-[12rem] max-h-[3rem] rounded straight-corners:rounded-sm overflow-hidden object-contain object-left" src="https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=4&quality=100&sign=59e91488&sv=1" srcSet="https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=128&dpr=1&quality=100&sign=59e91488&sv=1 128w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=128&dpr=2&quality=100&sign=59e91488&sv=1 256w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=128&dpr=3&quality=100&sign=59e91488&sv=1 384w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=128&dpr=4&quality=100&sign=59e91488&sv=1 512w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=1&quality=100&sign=59e91488&sv=1 192w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=2&quality=100&sign=59e91488&sv=1 384w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=3&quality=100&sign=59e91488&sv=1 576w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=4&quality=100&sign=59e91488&sv=1 768w" sizes="(max-width: 1024px) 128px, 192px" width="762" height="256"/><img alt="Logo" loading="lazy" fetchPriority="low" class="hidden dark:block max-w-[8rem] lg:max-w-[12rem] max-h-[3rem] rounded straight-corners:rounded-sm overflow-hidden object-contain object-left" src="https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=4&quality=100&sign=59e91488&sv=1" srcSet="https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=128&dpr=1&quality=100&sign=59e91488&sv=1 128w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=128&dpr=2&quality=100&sign=59e91488&sv=1 256w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=128&dpr=3&quality=100&sign=59e91488&sv=1 384w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=128&dpr=4&quality=100&sign=59e91488&sv=1 512w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=1&quality=100&sign=59e91488&sv=1 192w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=2&quality=100&sign=59e91488&sv=1 384w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=3&quality=100&sign=59e91488&sv=1 576w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia&width=192&dpr=4&quality=100&sign=59e91488&sv=1 768w" sizes="(max-width: 1024px) 128px, 192px" width="762" height="256"/></a></div><div class="z-20"></div><div class="headerLinks_containerHeaderlinks__GUgiv flex justify-end items-center gap-x-2.5 mr-2.5 lg:gap-x-5 lg:mr-2.5 *:max-w-56 z-20"><a class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap hover:text-header-link-400 dark:hover:text-light text-dark/8 dark:text-light/8" href="https://www.cardknox.com/sandbox/"><span class="truncate">Create a Sandbox</span></a><a class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap hover:text-header-link-400 dark:hover:text-light text-dark/8 dark:text-light/8" href="https://www.cardknox.com/contact/"><span class="truncate">Contact Us</span></a><div class="headerLinks_linkEllipsis__Z01IN items-center z-20"><div class="group/dropdown relative flex"><button class="px-1 text-dark/8 dark:text-light/8 dark:hover:text-light hover:text-header-link-400"><span class="sr-only">More</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/ellipsis.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon opacity-6 size-3 ms-1"></svg></button><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S1:" class="w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible -translate-x-48 md:translate-x-0"><div class="mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2"><div class="flex flex-col gap-1"><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://www.cardknox.com/sandbox/">Create a Sandbox</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://www.cardknox.com/contact/">Contact Us</a></div></div></div></div></div></div><div class="flex md:w-56 grow-0 shrink-0 justify-self-end"><!--$--><button aria-label="Search" class="flex flex-1 flex-row justify-center items-center px-2 gap-3 text-dark/7 min-h-[2.5rem] w-[2.5rem] rounded-lg straight-corners:rounded-none bg-dark/2 transition-opacity ease-out hover:opacity-8 ring-1 ring-inset ring-dark/1 contrast-more:ring-dark contrast-more:bg-light contrast-more:text-dark dark:bg-light/1 dark:ring-light/1 dark:text-light/7 contrast-more:dark:ring-light contrast-more:dark:bg-dark contrast-more:dark:text-light [&>p]:hidden [&>span]:hidden md:justify-start md:[&>p]:flex md:[&>span]:flex md:w-full md:px-3.5 text-base"><div class="text-dark/7 pt-1.5 pb-2 dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/magnifying-glass.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 size-4"></svg></div><span class="flex-1">Search</span><span class="hidden md:inline justify-end text-xs text-dark/5 contrast-more:text-dark dark:text-light/5 contrast-more:dark:text-light [font-feature-settings:"calt",_"case"]">Ctrl +<!-- -->鈥咾</span></button><!--/$--></div></div></div></header><div class="scroll-nojump"><div class="flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)]"><aside class="relative group flex flex-col basis-full bg-light grow-0 shrink-0 shadow-thinbottom navigation-open:shadow-dark/2 z-[1] top-0 h-[100vh] lg:basis-72 lg:navigation-open:border-b-0 lg:sticky dark:bg-dark dark:navigation-open:shadow-light/2 page-no-toc:hidden lg:top-16 lg:h-[calc(100vh_-_4rem)]"><div class="pt-4 hidden lg:flex flex-grow flex-col overflow-y-auto lg:gutter-stable lg:pr-2 group-hover:[&::-webkit-scrollbar]:bg-dark/1 group-hover:[&::-webkit-scrollbar-thumb]:bg-dark/3 [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-transparent dark:[&::-webkit-scrollbar]:bg-transparent dark:[&::-webkit-scrollbar-thumb]:bg-transparent dark:group-hover:[&::-webkit-scrollbar]:bg-light/1 dark:group-hover:[&::-webkit-scrollbar-thumb]:bg-light/3 navigation-open:flex lg:-ml-5 lg:pb-20"><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/">Introduction</a></div></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent"><span class="emoji text-base dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400 text-inherit">馃敆</span>API</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/transaction">Transaction API<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/transaction/credit-card">Credit Card</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/transaction/check-ach">Check (ACH)</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/transaction/ebt">EBT</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/transaction/gift-card">Gift Card</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/transaction/fraud">Fraud</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/recurring">Customer and Recurring API</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/reporting">Reporting API</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/account-boarding-api">Account Boarding API<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/account-boarding-api/account-boarding-merchant-agreement">Account Boarding Merchant Agreement</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/account-boarding-api/account-boarding-swagger-ui">Account Boarding Swagger UI</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/account-boarding-api/execute-action-templates">Execute Action Templates</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/code-samples">Code Samples</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/api/error-codes">Error Codes</a></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent"><span class="emoji text-base dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400 text-inherit">馃摝</span>SDK</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/sdk/payment-engine-sdk">.NET SDK</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/sdk/ios-sdk">iOS SDK<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/sdk/ios-sdk/ios-sdk">iOS SDK - Technical Guide</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/sdk/ios-sdk/workflow">Workflow</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/sdk/android-sdk">Android SDK<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/sdk/android-sdk/android-sdk-technical-guide">Android SDK - Technical Guide</a></div></li></ul></div></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent"><span class="emoji text-base dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400 text-inherit">馃О</span> Cardknox Products</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/3d-secure">3D Secure 2.0<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-90"></svg></span></a><div class="" style="opacity:1;height:auto;display:block"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a aria-current="page" class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-primary-500 font-semibold text-primary hover:bg-primary/3 dark:before:border-primary-400 dark:text-primary-400 hover:before:border-primary dark:hover:bg-primary-500/3 dark:hover:before:border-primary" href="/cardknox-products/3d-secure/client-side-integration">Client-Side Integration<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:text-current dark:hover:text-current hover:bg-primary/4 dark:hover:bg-primary/4"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-90"></svg></span></a><div class="" style="opacity:1;height:auto;display:block"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/3d-secure/client-side-integration/public-client-side-integration">Client-Side Integration (Non-iFields)</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/3d-secure/public-server-side-integration">Server-Side Integration</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/account-updater">Account Updater</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/batch-processing">Batch Processing</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/bbpos">Browser-Based POS systems (BBPOS)</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/cloudim-developer-guide">CloudIM Developer Guide</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/deep-linking">Deep Linking<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/deep-linking/deep-linking-integration-for-third-party-websites">Deep Linking Integration for Third-Party Websites</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/ebt-online">EBT Online</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/gateway-emulator">Gateway Emulators</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/ifields">iFields<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/ifields/ifields-angular">Angular iFields</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/merchant-portal">Merchant Portal<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/merchant-portal/faq">FAQ</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/mobile-app">Mobile App</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/split-capture">Split Capture</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/tap-to-phone-android">Tap to Phone - Android</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/partner-portal">Partner Portal</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/paymentsite">PaymentSITE<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/paymentsite/qr-codes-for-paymentsite">QR Codes for PaymentSITE</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/cardknox-products/webhooks">Webhooks</a></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent"><span class="emoji text-base dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400 text-inherit">馃摫</span>Mobile Wallets</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/apple-pay-hosted-checkout">Apple Pay Hosted Checkout<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/apple-pay-hosted-checkout/apple-pay-hosted-checkout-initial-setup">Apple Pay Hosted Checkout Initial Setup</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/apple-pay-hosted-checkout/apple-pay">Apple Pay Prerequisites</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/apple-pay-hosted-checkout/apple-pay-hosted-checkout-objects-reference-request">Apple Pay Hosted Checkout Objects Reference (Request)</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/apple-pay-hosted-checkout/apple-pay-hosted-checkout-objects-reference-response">Apple Pay Hosted Checkout Objects Reference (Response)</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/apple-pay-hosted-checkout/apple-pay-ifields-integration">Apple Pay iFields Integration</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/apple-pay-hosted-checkout/apple-pay-hosted-checkout-sample-code">Apple Pay Hosted Checkout Sample Code</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/apple-pay-hosted-checkout/apple-pay-features">Apple Pay Features</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/apple-pay-hosted-checkout/set-up-apple-pay-merchant-id-with-cardknox">Set up Apple Pay Merchant ID with Cardknox</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/click-to-pay-hosted-checkout">Click-To-Pay - Hosted Checkout<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-initial-setup">Click-To-Pay Initial Setup</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-sample-code">Click-To-Pay Sample Code</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-ifields-integration">Click-To-Pay iFields Integration</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-objects-reference-request">Click-To-Pay Objects Reference (Request)</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-objects-reference-response">Click-To-Pay Objects Reference (Response)</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/google-pay-hosted-checkout">Google Pay Hosted Checkout<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/google-pay-hosted-checkout/google-pay-control-object">Google Pay Control Object</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/google-pay-hosted-checkout/request-objects">Google Pay Request Objects</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/google-pay-hosted-checkout/response-objects">Google Pay Response Objects</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/google-pay-hosted-checkout/sample-code">Google Pay Sample Code</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/google-pay-hosted-checkout/ifields-integration">iFields Integration</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/mobile-wallets/google-pay-hosted-checkout/google-pay-faq">Google Pay FAQ</a></div></li></ul></div></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent"><span class="emoji text-base dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400 text-inherit">馃攲</span>Plugins</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/plugins/netsuite">Netsuite<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/plugins/netsuite/netsuite-features-and-demo">NetSuite Features and Demo</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/plugins/woocommerce">WooCommerce</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/plugins/magento-plugin">Magento Plugin</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/plugins/rmh-retail-management-hero">RMH (Retail Management Hero)</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/plugins/rms">RMS (Retail Management Systems)</a></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent"><span class="emoji text-base dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400 text-inherit">馃摉</span>Articles</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/articles/frequently-asked-questions">Frequently Asked Questions</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/articles/full-integration-vs.-semi-integration">How to Build POS Integration Flows</a></div></li></ul></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/glossary-of-terms">Glossary of Terms</a></div></li></ul><div class="relative z-[2] lg:absolute bottom-0 right-0 left-0 flex flex-col pointer-events-none lg:-left-5"><div class="text-sm text-dark/8 pr-0 pt-2 pb-2 mt-4 mb-4 bg-[size:250%_125%] bg-[position:50%_35%] bg-[radial-gradient(farthest-side_at_50%_-70%,_var(--tw-gradient-stops))] from-transparent from-60% to-light to-80% lg:pr-2 lg:mt-0 lg:mb-0 lg:mr-2 lg:pt-16 dark:text-light/6 dark:dark:to-dark"><a target="_blank" href="https://www.gitbook.com/?utm_source=content&utm_medium=trademark&utm_campaign=-MbdKiWuld-TceAgWrgh" class="font-semibold ring-1 ring-inset ring-dark/2 pointer-events-auto transition-colors flex flex-row items-center hover:bg-dark/1 bg-light dark:bg-dark px-4 py-4 rounded-lg straight-corners:rounded-none hover:backdrop-blur-sm lg:ring-0 tracking-[-0.016em] dark:hover:bg-light/1 dark:ring-light/1 border border-dark/2 dark:border-light/2"><svg style="mask-image:url(/~gitbook/static/icons/svgs/custom-icons/gitbook.svg?v=2);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-5 mr-3"></svg>Powered by GitBook</a></div></div></div></aside><div class="flex-1 flex flex-col"><!--$--><div class="flex flex-row-reverse justify-end"><aside class="group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 sticky py-8 break-anywhere lg:h-full h-[100vh] page-api-block:xl:max-2xl:z-[1] page-api-block:xl:max-2xl:backdrop-blur-md page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-light-2/9 page-api-block:xl:max-2xl:rounded page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:mt-3 dark:page-api-block:xl:max-2xl:bg-dark-2/8 lg:max-h-[calc(100vh_-_4rem)] top-16 page-api-block:xl:max-2xl:top-16"><div class="hidden page-api-block:xl:max-2xl:flex flex-row items-center gap-3 text-sm font-semibold px-2 py-2"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3"></svg>On this page</div><div class="overflow-auto flex-1 flex flex-col gap-4 [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-transparent page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex"><!--$--><ul class="border-l border-dark/2 dark:border-light/1 space-y-1"><li class="flex flex-row"><a href="#recommended-ifields" class="flex flex-row items-baseline left-[-1px] relative text-sm py-1 ps-3 hover:text-primary transition-all border-l border-transparent">Recommended - iFields</a></li><li class="flex flex-row"><a href="#non-ifields-implementation" class="flex flex-row items-baseline left-[-1px] relative text-sm py-1 ps-3 hover:text-primary transition-all border-l border-transparent">Non-iFields Implementation</a></li></ul><!--/$--><div class="flex flex-col gap-3 page-api-block:xl:max-2xl:px-3"><!--$--><div class="flex flex-col items-start gap-2 mt-2"><p class="text-sm text-dark/6 dark:text-light/5">Was this helpful?</p><div class="inline-flex items-center justify-center flex-row rounded-full straight-corners:rounded-sm ring-1 ring-inset ring-dark/2 h-8 dark:ring-light/1"><div class="inline-flex [&>*:last-child]:rounded-r-full [&>*:first-child]:rounded-l-full straight-corners:[&>*:last-child]:rounded-none straight-corners:[&>*:first-child]:rounded-none"><button class="flex flex-col items-center justify-center h-8 w-8 rounded-sm text-dark/6 hover:bg-primary/4 hover:text-primary-600 dark:text-light/5 dark:hover:text-primary-300 dark:hover:bg-primary-300/2" aria-label="No" title="No"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.24"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 13.3737C4.87421 13.5572 5.19025 13.5386 5.3737 13.3322C7.30371 11.1609 10.6963 11.1609 12.6263 13.3322C12.8098 13.5386 13.1258 13.5572 13.3322 13.3737C13.5386 13.1902 13.5572 12.8742 13.3737 12.6678C11.0459 10.049 6.9541 10.049 4.6263 12.6678C4.44284 12.8742 4.46143 13.1902 4.66782 13.3737ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="flex flex-col items-center justify-center h-8 w-8 rounded-sm text-dark/6 hover:bg-primary/4 hover:text-primary-600 dark:text-light/5 dark:hover:text-primary-300 dark:hover:bg-primary-300/2" aria-label="Not sure" title="Not sure"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.24"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.5 12C4.5 11.7239 4.72386 11.5 5 11.5H13C13.2761 11.5 13.5 11.7239 13.5 12C13.5 12.2761 13.2761 12.5 13 12.5H5C4.72386 12.5 4.5 12.2761 4.5 12ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="flex flex-col items-center justify-center h-8 w-8 rounded-sm text-dark/6 hover:bg-primary/4 hover:text-primary-600 dark:text-light/5 dark:hover:text-primary-300 dark:hover:bg-primary-300/2" aria-label="Yes, it was!" title="Yes, it was!"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.24"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 11.6263C4.87421 11.4428 5.19025 11.4614 5.3737 11.6678C7.30371 13.8391 10.6963 13.8391 12.6263 11.6678C12.8098 11.4614 13.1258 11.4428 13.3322 11.6263C13.5386 11.8098 13.5572 12.1258 13.3737 12.3322C11.0459 14.951 6.9541 14.951 4.6263 12.3322C4.44284 12.1258 4.46143 11.8098 4.66782 11.6263ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button></div></div></div><!--/$--><div><a href="/~gitbook/pdf?page=4RwLRWubs5dbX35pSQc9&only=yes" class="flex flex-row items-center text-sm text-dark/6 hover:text-primary py-2 dark:text-light/5"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/file-pdf.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 mr-1.5"></svg>Export as PDF</a></div></div></div><div class="mt-4" data-visual-test="removed"></div></aside><main class="flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto"><header class="max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0"><h1 class="text-4xl font-bold flex items-center gap-4">Client-Side Integration</h1></header><!--$--><div class="[&>*+*]:mt-5 grid whitespace-pre-wrap"><h2 id="recommended-ifields" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#recommended-ifields" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Recommended - iFields</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">For the iFields client-side 3DS 2.0 integration, refer to <a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="https://docs.cardknox.com/cardknox-products/ifields#ifields-with-3d-secure-authentication">iFields | Cardknox</a></p><h2 id="non-ifields-implementation" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#non-ifields-implementation" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Non-iFields Implementation</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">For the Non-iFields client-side 3DS 2.0 integration, refer to the child page <a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="/cardknox-products/3d-secure/client-side-integration/public-client-side-integration">here</a>.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"> </p></div><!--/$--><div class="flex flex-row items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0"><p class="flex-1 text-sm text-dark/6 dark:text-light/5">Last updated <time data-visual-test="transparent" dateTime="2024-10-10T18:09:53.450Z" title="10/10/2024, 6:09:53 PM">1 month ago</time></p></div></main></div><!--$--><!--/$--><!--/$--></div></div></div><!--$--><!--/$--><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1" data-cfasync="false"> document.addEventListener("DOMContentLoaded", () => { if (Array.from(document.scripts).find(script => script.src.includes('rocket-loader.min.js'))) { const alert = document.createElement('div'); alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400 mt-8 mx-8'; alert.innerHTML = ` <strong>Error in site configuration:</strong> It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to <a href="https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare" class="underline">GitBook's documentation</a> for steps to fix the problem. `; document.body.prepend(alert); } });</script><script src="/_next/static/chunks/webpack-21fb00c223e55731.js" nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1" async=""></script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"1:HC[\"/\",\"\"]\n2:HL[\"/_next/static/css/2d00a2f28ca4dc5d.css\",\"style\"]\n3:HL[\"/_next/static/css/99f50cfb598d2941.css\",\"style\"]\n4:HL[\"/_next/static/css/d42d805b938873da.css\",\"style\"]\n5:HL[\"/_next/static/css/8adaabd9e3445f84.css\",\"style\"]\n6:HL[\"/_next/static/css/c311d6484335995a.css\",\"style\"]\n7:HL[\"/_next/static/css/5a687dea857dc6f5.css\",\"style\"]\n8:HL[\"/_next/static/css/7235fa9d119901d4.css\",\"style\"]\n9:HL[\"/_next/static/css/86d6274f3e6d760c.css\",\"style\"]\na:HL[\"/_next/static/css/a91fbeec63857000.css\",\"style\"]\nb:HL[\"/_next/static/css/2d0986519abf0323.css\",\"style\"]\nc:HL[\"/_next/static/css/0f891de5863d7182.css\",\"style\"]\nd:I[11815,[],\"default\"]\n10:I[55092,[],\"default\"]\n12:I[82023,[],\"default\"]\n17:I[44622,[\"6470\",\"static/chunks/app/global-error-19768e91f18f21d9.js\"],\"default\"]\n11:[\"pathname\",\"cardknox-products/3d-secure/client-side-integration\",\"oc\"]\n18:[]\n0:[\"$\",\"$Ld\",null,{\"buildId\":\"VRZ9tGovLP9KrGt4j2xcU\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"cardknox-products\",\"3d-secure\",\"client-side-integration\"],\"initialTree\":[\"\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"cardknox-products/3d-secure/client-side-integration\",\"oc\"],{\"children\":[\"__PAGE__?{\\\"pathname\\\":[\\\"cardknox-products\\\",\\\"3d-secure\\\",\\\"client-side-integration\\\"]}\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],\"initialSeedData\":[\"\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"cardknox-products/3d-secure/client-side-integration\",\"oc\"],{\"children\":[\"__PAGE__\",{},[[\"$Le\",\"$Lf\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7235fa9d119901d4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/86d6274f3e6d760c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a91fbeec63857000.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2d0986519abf0323.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0f891de5863d7182.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[null,[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\",\"(content)\",\"children\",\"$11\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$L13\",\"notFoundStyles\":[]}]],[[\"$\",\"div\",null,{\"className\":\"flex flex-row flex-1 relative py-8 lg:px-16 xl:mr-56 items-center lg:items-start\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex-1 max-w-3xl mx-auto page-full-width:mx-0\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mb-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] mb-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}]]}]}],[],[]]]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5a687dea857dc6f5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L14\"],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2d00a2f28ca4dc5d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/99f50cfb598d2941.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d42d805b938873da.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8adaabd9e3445f84.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c311d6484335995a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L15\"],null],null]},[null,[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L16\"],\"globalErrorComponent\":\"$17\",\"missingSlots\":\"$W18\"}]\n13:[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-row items-center justify-center py-9\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-80\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-semibold mb-2\",\"children\":\"Page not found\"}],[\"$\",\"p\",null,{\"className\":\"text-base mb-4\",\"children\":\"The page you are looking for doesn't exist.\"}]]}]}]\n1a:I[5145,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"IconsProvider\"]\n1b:I[75489,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"ClientContexts\"]\n1c:I[51169,[\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"3638\",\"static/chunks/app/(site)/error-aabf7054fe6497a1.js\"],\"default\"]\n19:T116e,\n :root {\n --primary-color-50: 252 232 237;\n--primary-color-100: 250 208 218;\n--primary-color-200: 245 162 181;\n--primary-color-300: 239 115 144;\n--primary-color-400: 234 69 107;\n--primary-color-500: 229 22 70;\n--primary-color-600: "])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"183 18 56;\n--primary-color-700: 137 13 42;\n--primary-color-800: 92 9 28;\n--primary-color-900: 46 4 14;\n --contrast-primary-50: 0 0 0;\n--contrast-primary-100: 0 0 0;\n--contrast-primary-200: 0 0 0;\n--contrast-primary-300: 0 0 0;\n--contrast-primary-400: 0 0 0;\n--contrast-primary-500: 255 255 255;\n--contrast-primary-600: 255 255 255;\n--contrast-primary-700: 255 255 255;\n--contrast-primary-800: 255 255 255;\n--contrast-primary-900: 255 255 255;\n\n --primary-base-50: 252 232 237;\n--primary-base-100: 250 208 218;\n--primary-base-200: 245 162 181;\n--primary-base-300: 239 115 144;\n--primary-base-400: 234 69 107;\n--primary-base-500: 229 22 70;\n--primary-base-600: 183 18 56;\n--primary-base-700: 137 13 42;\n--primary-base-800: 92 9 28;\n--primary-base-900: 46 4 14;\n --header-background-50: 255 255 255;\n--header-background-100: 255 255 255;\n--header-background-200: 255 255 255;\n--header-background-300: 255 255 255;\n--header-background-400: 255 255 255;\n--header-background-500: 255 255 255;\n--header-background-600: 204 204 204;\n--header-background-700: 153 153 153;\n--header-background-800: 102 102 102;\n--header-background-900: 51 51 51;\n --header-link-50: 252 232 237;\n--header-link-100: 250 208 218;\n--header-link-200: 245 162 181;\n--header-link-300: 239 115 144;\n--header-link-400: 234 69 107;\n--header-link-500: 229 22 70;\n--header-link-600: 183 18 56;\n--header-link-700: 137 13 42;\n--header-link-800: 92 9 28;\n--header-link-900: 46 4 14;\n --header-button-text-50: 255 255 255;\n--header-button-text-100: 255 255 255;\n--header-button-text-200: 255 255 255;\n--header-button-text-300: 255 255 255;\n--header-button-text-400: 255 255 255;\n--header-button-text-500: 255 255 255;\n--header-button-text-600: 204 204 204;\n--header-button-text-700: 153 153 153;\n--header-button-text-800: 102 102 102;\n--header-button-text-900: 51 51 51;\n }\n .dark {\n --primary-color-50: 252 232 237;\n--primary-color-100: 250 208 218;\n--primary-color-200: 245 162 181;\n--primary-color-300: 239 115 144;\n--primary-color-400: 234 69 107;\n--primary-color-500: 229 22 70;\n--primary-color-600: 183 18 56;\n--primary-color-700: 137 13 42;\n--primary-color-800: 92 9 28;\n--primary-color-900: 46 4 14;\n --primary-base-50: 252 232 237;\n--primary-base-100: 250 208 218;\n--primary-base-200: 245 162 181;\n--primary-base-300: 239 115 144;\n--primary-base-400: 234 69 107;\n--primary-base-500: 229 22 70;\n--primary-base-600: 183 18 56;\n--primary-base-700: 137 13 42;\n--primary-base-800: 92 9 28;\n--primary-base-900: 46 4 14;\n --contrast-primary-50: 0 0 0;\n--contrast-primary-100: 0 0 0;\n--contrast-primary-200: 0 0 0;\n--contrast-primary-300: 0 0 0;\n--contrast-primary-400: 0 0 0;\n--contrast-primary-500: 255 255 255;\n--contrast-primary-600: 255 255 255;\n--contrast-primary-700: 255 255 255;\n--contrast-primary-800: 255 255 255;\n--contrast-primary-900: 255 255 255;\n --header-background-50: 230 230 230;\n--header-background-100: 204 204 204;\n--header-background-200: 153 153 153;\n--header-background-300: 102 102 102;\n--header-background-400: 51 51 51;\n--header-background-500: 0 0 0;\n--header-background-600: 0 0 0;\n--header-background-700: 0 0 0;\n--header-background-800: 0 0 0;\n--header-background-900: 0 0 0;\n --header-link-50: 252 232 237;\n--header-link-100: 250 208 218;\n--header-link-200: 245 162 181;\n--header-link-300: 239 115 144;\n--header-link-400: 234 69 107;\n--header-link-500: 229 22 70;\n--header-link-600: 183 18 56;\n--header-link-700: 137 13 42;\n--header-link-800: 92 9 28;\n--header-link-900: 46 4 14;\n --header-button-text-50: 255 255 255;\n--header-button-text-100: 255 255 255;\n--header-button-text-200: 255 255 255;\n--header-button-text-300: 255 255 255;\n--header-button-text-400: 255 255 255;\n--header-button-text-500: 255 255 255;\n--header-button-text-600: 204 204 204;\n--header-button-text-700: 153 153 153;\n--header-button-text-"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"800: 102 102 102;\n--header-button-text-900: 51 51 51;\n }\n 1d:{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"}\n1e:{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"}\n1f:{\"display\":\"inline-block\"}\n20:{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0}\n15:[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"className\":\"scroll-pt-[76px] plain-background\",\"children\":[[\"$\",\"head\",null,{\"children\":[null,[\"$\",\"style\",null,{\"nonce\":\"$undefined\",\"children\":\"$19\"}]]}],[\"$\",\"body\",null,{\"className\":\"__variable_274faa __variable_a7f53a __variable_e782a9 __className_053b0a __variable_0e9704 bg-light dark:bg-dark\",\"children\":[\"$\",\"$L1a\",null,{\"assetsURL\":\"https://ka-p.fontawesome.com/releases/v6.6.0/\",\"assetsURLToken\":\"a463935e93\",\"assetsByStyles\":{\"custom-icons\":{\"assetsURL\":\"/~gitbook/static/icons\"}},\"iconStyle\":\"regular\",\"children\":[\"$\",\"$L1b\",null,{\"language\":{\"locale\":\"en\",\"powered_by_gitbook\":\"Powered by GitBook\",\"sponsored_via_gitbook\":\"Sponsored via GitBook\",\"switch_to_dark_theme\":\"Switch to dark theme\",\"switch_to_light_theme\":\"Switch to light theme\",\"switch_to_system_theme\":\"Switch to system theme\",\"search\":\"Search\",\"search_or_ask\":\"Ask or Search\",\"search_input_placeholder\":\"Search content\",\"search_ask_input_placeholder\":\"Search content or ask a question\",\"search_no_results\":\"No results for \\\"${1}\\\".\",\"search_scope_space\":\"$${1}\",\"search_scope_all\":\"All content\",\"search_ask\":\"Ask \\\"${1}\\\"\",\"search_ask_sources\":\"Sources\",\"search_ask_sources_no_answer\":\"Related pages\",\"search_ask_no_answer\":\"An answer could not be found for your question. You could try rephrasing it, or be more specific.\",\"search_ask_error\":\"Something went wrong. Please try again later.\",\"on_this_page\":\"On this page\",\"next_page\":\"Next\",\"previous_page\":\"Previous\",\"page_last_modified\":\"Last updated ${1}\",\"was_this_helpful\":\"Was this helpful?\",\"was_this_helpful_positive\":\"Yes, it was!\",\"was_this_helpful_neutral\":\"Not sure\",\"was_this_helpful_negative\":\"No\",\"was_this_helpful_thank_you\":\"Thank you!\",\"annotation_button_label\":\"Open annotation\",\"code_copied\":\"Copied!\",\"code_copy\":\"Copy\",\"table_of_contents_button_label\":\"Open table of contents\",\"cookies_title\":\"Cookies\",\"cookies_prompt\":\"This site uses cookies to deliver its service and to analyse traffic. By browsing this site, you accept the ${1}.\",\"cookies_prompt_privacy\":\"privacy policy\",\"cookies_accept\":\"Accept\",\"cookies_reject\":\"Reject\",\"cookies_close\":\"Close\",\"edit_on_git\":\"Edit on ${1}\",\"notfound_title\":\"Page not found\",\"notfound\":\"The page you are looking for doesn't exist.\",\"unexpected_error_title\":\"An error occurred\",\"unexpected_error\":\"Sorry, an unexpected error has occurred. Please try again later.\",\"unexpected_error_retry\":\"Retry\",\"pdf_download\":\"Export as PDF\",\"pdf_goback\":\"Go back to content\",\"pdf_print\":\"Print or Save as PDF\",\"pdf_page_of\":\"$${1} of ${2}\",\"pdf_mode_only_page\":\"Only this page\",\"pdf_mode_all\":\"All pages\",\"pdf_limit_reached\":\"Couldn't generate the PDF for ${1} pages, generation stopped at ${2}.\",\"pdf_limit_reached_continue\":\"Extend with ${1} more pages.\",\"more\":\"More\"},\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\"],\"error\":\"$1c\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$1d\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"{\"className\":\"next-error-h1\",\"style\":\"$1e\",\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":\"$1f\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$20\",\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]}]}]]}]\n21:HC\"https://api.gitbook.com\"\n22:I[17760,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"1538\",\"static/chunks/1538-28b9996ceedaa74d.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js\"],\"ClientContexts\"]\n23:I[72020,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"1538\",\"static/chunks/1538-28b9996ceedaa74d.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js\"],\"HeaderMobileMenu\"]\n24:I[22833,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"Link\"]\n28:\"$Sreact.suspense\"\n29:I[86604,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"1538\",\"static/chunks/1538-28b9996ceedaa74d.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js\"],\"SearchButton\"]\n2a:I[19656,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"1538\",\"static/chunks/1538-28b9996ceedaa74d.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js\"],\"TOCScrollContainer\"]\n2b:I[66185,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"1538\",\"static/chunks/1538-28b9996ceedaa74d.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js\"],\"ToggleableLinkItem\"]\n32:I[22563,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"Icon\"]\n33:I[59814,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"1538\",\"static/chunks/1538-28b9996ceedaa74d.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-b3c513d48aa14062.js\"],\"SearchModal\"]\n14:[\"$\",\"$L22\",null,{\"nonce\":\"MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1\",\"forcedTheme\":\"light\",\"children\":[[[\"$\",\"header\",null,{\"className\":\"flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-thinbottom lg:z-10 dark:shadow-light/1 bg-light dark:bg-dark\",\"children\":[[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"gap-4 grid grid-flow-col auto-cols-[auto_auto_1fr_auto] h-16 items-center align-center justify-between w-full px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-row"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1," gap-2\",\"children\":[[\"$\",\"$L23\",null,{\"className\":\"lg:hidden text-dark dark:text-light\"}],[\"$\",\"$L24\",null,{\"href\":\"/\",\"className\":\"group/headerlogo flex-1 flex flex-row items-center shrink-0\",\"children\":[\"$L25\",\"$L26\"]}]]}],[\"$\",\"div\",null,{\"className\":\"z-20\",\"children\":null}],\"$L27\",[\"$\",\"div\",null,{\"className\":\"flex md:w-56 grow-0 shrink-0 justify-self-end\",\"children\":[\"$\",\"$28\",null,{\"fallback\":null,\"children\":[\"$\",\"$L29\",null,{\"style\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex-1\",\"children\":\"Search\"}]}]}]}]]}]}],null]}],[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)]\",\"children\":[[\"$\",\"aside\",null,{\"className\":\"relative group flex flex-col basis-full bg-light grow-0 shrink-0 shadow-thinbottom navigation-open:shadow-dark/2 z-[1] top-0 h-[100vh] lg:basis-72 lg:navigation-open:border-b-0 lg:sticky dark:bg-dark dark:navigation-open:shadow-light/2 page-no-toc:hidden lg:top-16 lg:h-[calc(100vh_-_4rem)]\",\"children\":[null,[\"$\",\"$L2a\",null,{\"className\":\"pt-4 hidden lg:flex flex-grow flex-col overflow-y-auto lg:gutter-stable lg:pr-2 group-hover:[\u0026::-webkit-scrollbar]:bg-dark/1 group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-dark/3 [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent dark:[\u0026::-webkit-scrollbar]:bg-transparent dark:[\u0026::-webkit-scrollbar-thumb]:bg-transparent dark:group-hover:[\u0026::-webkit-scrollbar]:bg-light/1 dark:group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-light/3 navigation-open:flex lg:-ml-5 lg:pb-20\",\"children\":[null,[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/\",\"pathname\":\"\",\"descendants\":null,\"children\":\"Introduction\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$L2c\",\"API\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/transaction\",\"pathname\":\"api/transaction\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/transaction/credit-card\",\"pathname\":\"api/transaction/credit-card\",\"descendants\":null,\"children\":\"Credit Card\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/transaction/check-ach\",\"pathname\":\"api/transaction/check-ach\",\"descendants\":null,\"children\":\"Check (ACH)\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/transaction/ebt\",\"pathname\":\"api/transaction/ebt\",\"descendants\":null,\"children\":\"EBT\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/transaction/gift-card\",\"pathname\":\"api/transaction/gift-card\",\"descendants\":null,\"children\":\"Gift Card\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/transaction/fraud\",\"pathname\":\"api/transaction/fraud\",\"descendants\":null,\"children\":\"Fraud\"}]}]]}],\"children\":\"Transaction API\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/recurring\",\"pathname\":\"api/recurring\",\"descendants\":null,\"children\":\"Customer and Recurring API\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/reporting\",\"pathname\":\"api/reporting\",\"descendants\":null,\"children\":\"Reporting API\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/account-boarding-api\",\"pathname\":\"api/account-boarding-api\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col g"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"ap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/account-boarding-api/account-boarding-merchant-agreement\",\"pathname\":\"api/account-boarding-api/account-boarding-merchant-agreement\",\"descendants\":null,\"children\":\"Account Boarding Merchant Agreement\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/account-boarding-api/account-boarding-swagger-ui\",\"pathname\":\"api/account-boarding-api/account-boarding-swagger-ui\",\"descendants\":null,\"children\":\"Account Boarding Swagger UI\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/account-boarding-api/execute-action-templates\",\"pathname\":\"api/account-boarding-api/execute-action-templates\",\"descendants\":null,\"children\":\"Execute Action Templates\"}]}]]}],\"children\":\"Account Boarding API\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/code-samples\",\"pathname\":\"api/code-samples\",\"descendants\":null,\"children\":\"Code Samples\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/api/error-codes\",\"pathname\":\"api/error-codes\",\"descendants\":null,\"children\":\"Error Codes\"}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$L2d\",\"SDK\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/sdk/payment-engine-sdk\",\"pathname\":\"sdk/payment-engine-sdk\",\"descendants\":null,\"children\":\".NET SDK\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/sdk/ios-sdk\",\"pathname\":\"sdk/ios-sdk\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/sdk/ios-sdk/ios-sdk\",\"pathname\":\"sdk/ios-sdk/ios-sdk\",\"descendants\":null,\"children\":\"iOS SDK - Technical Guide\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/sdk/ios-sdk/workflow\",\"pathname\":\"sdk/ios-sdk/workflow\",\"descendants\":null,\"children\":\"Workflow\"}]}]]}],\"children\":\"iOS SDK\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/sdk/android-sdk\",\"pathname\":\"sdk/android-sdk\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/sdk/android-sdk/android-sdk-technical-guide\",\"pathname\":\"sdk/android-sdk/android-sdk-technical-guide\",\"descendants\":null,\"children\":\"Android SDK - Technical Guide\"}]}]]}],\"children\":\"Android SDK\"}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$L2e\",\" Cardknox Products\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/3d-secure\",\"pathname\":\"cardknox-products/3d-secure\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/3d-secure/client-side-integration\",\"pathname\":\"cardknox-products/3d-secure/client-side-integration\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1," border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/3d-secure/client-side-integration/public-client-side-integration\",\"pathname\":\"cardknox-products/3d-secure/client-side-integration/public-client-side-integration\",\"descendants\":null,\"children\":\"Client-Side Integration (Non-iFields)\"}]}]]}],\"children\":\"Client-Side Integration\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/3d-secure/public-server-side-integration\",\"pathname\":\"cardknox-products/3d-secure/public-server-side-integration\",\"descendants\":null,\"children\":\"Server-Side Integration\"}]}]]}],\"children\":\"3D Secure 2.0\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/account-updater\",\"pathname\":\"cardknox-products/account-updater\",\"descendants\":null,\"children\":\"Account Updater\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/batch-processing\",\"pathname\":\"cardknox-products/batch-processing\",\"descendants\":null,\"children\":\"Batch Processing\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/bbpos\",\"pathname\":\"cardknox-products/bbpos\",\"descendants\":null,\"children\":\"Browser-Based POS systems (BBPOS)\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/cloudim-developer-guide\",\"pathname\":\"cardknox-products/cloudim-developer-guide\",\"descendants\":null,\"children\":\"CloudIM Developer Guide\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/deep-linking\",\"pathname\":\"cardknox-products/deep-linking\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/deep-linking/deep-linking-integration-for-third-party-websites\",\"pathname\":\"cardknox-products/deep-linking/deep-linking-integration-for-third-party-websites\",\"descendants\":null,\"children\":\"Deep Linking Integration for Third-Party Websites\"}]}]]}],\"children\":\"Deep Linking\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/ebt-online\",\"pathname\":\"cardknox-products/ebt-online\",\"descendants\":null,\"children\":\"EBT Online\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/gateway-emulator\",\"pathname\":\"cardknox-products/gateway-emulator\",\"descendants\":null,\"children\":\"Gateway Emulators\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/ifields\",\"pathname\":\"cardknox-products/ifields\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/ifields/ifields-angular\",\"pathname\":\"cardknox-products/ifields/ifields-angular\",\"descendants\":null,\"children\":\"Angular iFields\"}]}]]}],\"children\":\"iFields\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/merchant-portal\",\"pathname\":\"cardknox-products/merchant-portal\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/merchant-portal/faq\",\"pathname\":\"cardknox-products/merchant-portal/faq\",\"descendants\":null,\"children\":\"FAQ\"}]}]]}],\"children\":\"Merchant Portal\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/mobile-app\",\"pathname\":\"cardknox-products/mobile-app\",\"descendants\":null,\"children\":\"Mobile App\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"\",null,{\"href\":\"/cardknox-products/split-capture\",\"pathname\":\"cardknox-products/split-capture\",\"descendants\":null,\"children\":\"Split Capture\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/tap-to-phone-android\",\"pathname\":\"cardknox-products/tap-to-phone-android\",\"descendants\":null,\"children\":\"Tap to Phone - Android\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/partner-portal\",\"pathname\":\"cardknox-products/partner-portal\",\"descendants\":null,\"children\":\"Partner Portal\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/paymentsite\",\"pathname\":\"cardknox-products/paymentsite\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/paymentsite/qr-codes-for-paymentsite\",\"pathname\":\"cardknox-products/paymentsite/qr-codes-for-paymentsite\",\"descendants\":null,\"children\":\"QR Codes for PaymentSITE\"}]}]]}],\"children\":\"PaymentSITE\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/cardknox-products/webhooks\",\"pathname\":\"cardknox-products/webhooks\",\"descendants\":null,\"children\":\"Webhooks\"}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$L2f\",\"Mobile Wallets\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/apple-pay-hosted-checkout\",\"pathname\":\"mobile-wallets/apple-pay-hosted-checkout\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/apple-pay-hosted-checkout/apple-pay-hosted-checkout-initial-setup\",\"pathname\":\"mobile-wallets/apple-pay-hosted-checkout/apple-pay-hosted-checkout-initial-setup\",\"descendants\":null,\"children\":\"Apple Pay Hosted Checkout Initial Setup\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/apple-pay-hosted-checkout/apple-pay\",\"pathname\":\"mobile-wallets/apple-pay-hosted-checkout/apple-pay\",\"descendants\":null,\"children\":\"Apple Pay Prerequisites\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/apple-pay-hosted-checkout/apple-pay-hosted-checkout-objects-reference-request\",\"pathname\":\"mobile-wallets/apple-pay-hosted-checkout/apple-pay-hosted-checkout-objects-reference-request\",\"descendants\":null,\"children\":\"Apple Pay Hosted Checkout Objects Reference (Request)\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/apple-pay-hosted-checkout/apple-pay-hosted-checkout-objects-reference-response\",\"pathname\":\"mobile-wallets/apple-pay-hosted-checkout/apple-pay-hosted-checkout-objects-reference-response\",\"descendants\":null,\"children\":\"Apple Pay Hosted Checkout Objects Reference (Response)\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/apple-pay-hosted-checkout/apple-pay-ifields-integration\",\"pathname\":\"mobile-wallets/apple-pay-hosted-checkout/apple-pay-ifields-integration\",\"descendants\":null,\"children\":\"Apple Pay iFields Integration\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/apple-pay-hosted-checkout/apple-pay-hosted-checkout-sample-code\",\"pathname\":\"mobile-wallets/apple-pay-hosted-checkout/apple-pay-hosted-checkout-sample-code\",\"descendants\":null,\"children\":\"Apple Pay Hosted Checkout Sample Code\"}]}],[\"$\",\"l"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"i\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/apple-pay-hosted-checkout/apple-pay-features\",\"pathname\":\"mobile-wallets/apple-pay-hosted-checkout/apple-pay-features\",\"descendants\":null,\"children\":\"Apple Pay Features\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/apple-pay-hosted-checkout/set-up-apple-pay-merchant-id-with-cardknox\",\"pathname\":\"mobile-wallets/apple-pay-hosted-checkout/set-up-apple-pay-merchant-id-with-cardknox\",\"descendants\":null,\"children\":\"Set up Apple Pay Merchant ID with Cardknox\"}]}]]}],\"children\":\"Apple Pay Hosted Checkout\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/click-to-pay-hosted-checkout\",\"pathname\":\"mobile-wallets/click-to-pay-hosted-checkout\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-initial-setup\",\"pathname\":\"mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-initial-setup\",\"descendants\":null,\"children\":\"Click-To-Pay Initial Setup\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-sample-code\",\"pathname\":\"mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-sample-code\",\"descendants\":null,\"children\":\"Click-To-Pay Sample Code\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-ifields-integration\",\"pathname\":\"mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-ifields-integration\",\"descendants\":null,\"children\":\"Click-To-Pay iFields Integration\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-objects-reference-request\",\"pathname\":\"mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-objects-reference-request\",\"descendants\":null,\"children\":\"Click-To-Pay Objects Reference (Request)\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-objects-reference-response\",\"pathname\":\"mobile-wallets/click-to-pay-hosted-checkout/click-to-pay-objects-reference-response\",\"descendants\":null,\"children\":\"Click-To-Pay Objects Reference (Response)\"}]}]]}],\"children\":\"Click-To-Pay - Hosted Checkout\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/google-pay-hosted-checkout\",\"pathname\":\"mobile-wallets/google-pay-hosted-checkout\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/google-pay-hosted-checkout/google-pay-control-object\",\"pathname\":\"mobile-wallets/google-pay-hosted-checkout/google-pay-control-object\",\"descendants\":null,\"children\":\"Google Pay Control Object\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/google-pay-hosted-checkout/request-objects\",\"pathname\":\"mobile-wallets/google-pay-hosted-checkout/request-objects\",\"descendants\":null,\"children\":\"Google Pay Request Objects\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/google-pay-hosted-checkout/response-objects\",\"pathname\":\"mobile-wallets/google-pay-hosted-checkout/response-objects\",\"descendants\":null,\"children\":\"Google Pay Response Objects\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/google-pay-hosted-checkout/sample-code\",\"pathname\":\"mobile-wallets/google-pay-hosted-checkout/sample-code\",\"descendants\":null,\"children\":\"Google Pay Sample Code\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/google-pay-hosted-checkout/ifields-integration\",\"pathname\":\"mobile-wallets/google-pay-hosted-checkout/ifields-integration\",\"descendants\":null,\"children\":\"iFields Integration\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/mobile-wallets/google-pay-hosted-checkout/google-pay-faq\",\"pathname\":\"mobile-wallets/google-pay-hosted-checkout/google-pay-faq\",\"descendants\":null,\"children\":\"Google Pay FAQ\"}]}]]}],\"children\":\"Google Pay Hosted Checkout\"}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$L30\",\"Plugins\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/plugins/netsuite\",\"pathname\":\"plugins/netsuite\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/plugins/netsuite/netsuite-features-and-demo\",\"pathname\":\"plugins/netsuite/netsuite-features-and-demo\",\"descendants\":null,\"children\":\"NetSuite Features and Demo\"}]}]]}],\"children\":\"Netsuite\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/plugins/woocommerce\",\"pathname\":\"plugins/woocommerce\",\"descendants\":null,\"children\":\"WooCommerce\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/plugins/magento-plugin\",\"pathname\":\"plugins/magento-plugin\",\"descendants\":null,\"children\":\"Magento Plugin\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/plugins/rmh-retail-management-hero\",\"pathname\":\"plugins/rmh-retail-management-hero\",\"descendants\":null,\"children\":\"RMH (Retail Management Hero)\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/plugins/rms\",\"pathname\":\"plugins/rms\",\"descendants\":null,\"children\":\"RMS (Retail Management Systems)\"}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$L31\",\"Articles\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/articles/frequently-asked-questions\",\"pathname\":\"articles/frequently-asked-questions\",\"descendants\":null,\"children\":\"Frequently Asked Questions\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/articles/full-integration-vs.-semi-integration\",\"pathname\":\"articles/full-integration-vs.-semi-integration\",\"descendants\":null,\"children\":\"How to Build POS Integration Flows\"}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2b\",null,{\"href\":\"/glossary-of-terms\",\"pathname\":\"glossary-of-terms\",\"descendants\":null,\"children\":\"Glossary of Terms\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"relative z-[2] lg:absolute bottom-0 right-0 left-0 flex flex-col pointer-events-none lg:-left-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-sm text-dark/8 pr-0 pt-2 pb-2 mt-4 mb-4 bg-[size:250%_125%] bg-[position:50%_35%] bg-[radial-gradient(farthest-side_at_50%_-70%,_var(--tw-gradient-stops))] from-transparent from-60% to-light to-80% lg:pr-2 lg:mt-0 lg:mb-0 lg:mr-2 lg:pt-16 dark:text-light/6 dark:dark:to-dark\",\"children\":[\"$\",\"a\",null,{\"target\":\"_blank\",\"href\":\"https://www.gitbook.com/?utm_source=content\u0026utm_medium=trademark\u0026utm_campaign=-MbdKiWuld-TceAgWrgh\",\"className\":\"font-semibold ring-1 ring-inset ring-dark/2 pointer-events-auto transition-colors flex"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1," flex-row items-center hover:bg-dark/1 bg-light dark:bg-dark px-4 py-4 rounded-lg straight-corners:rounded-none hover:backdrop-blur-sm lg:ring-0 tracking-[-0.016em] dark:hover:bg-light/1 dark:ring-light/1 border border-dark/2 dark:border-light/2\",\"children\":[[\"$\",\"$L32\",null,{\"icon\":\"gitbook\",\"className\":\"size-5 mr-3\"}],\"Powered by GitBook\"]}]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col\",\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\",\"(content)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]]}]}],null,[\"$\",\"$28\",null,{\"fallback\":null,\"children\":[\"$\",\"$L33\",null,{\"spaceId\":\"-MbdKiWuld-TceAgWrgh\",\"revisionId\":\"DLBNQ5XKLNMeQu17yopr\",\"spaceTitle\":\"Cardknox\",\"withAsk\":false,\"isMultiVariants\":false,\"pointer\":{\"siteId\":\"site_x2azD\",\"spaceId\":\"-MbdKiWuld-TceAgWrgh\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_LBTyB\",\"siteShareKey\":\"$undefined\",\"organizationId\":\"-MbdKqu7aMr_d1w5cy-O\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\"}}]}]],null,null,[\"$\",\"script\",null,{\"nonce\":\"MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1\",\"suppressHydrationWarning\":true,\"data-cfasync\":\"false\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n document.addEventListener(\\\"DOMContentLoaded\\\", () =\u003e {\\n if (Array.from(document.scripts).find(script =\u003e script.src.includes('rocket-loader.min.js'))) {\\n const alert = document.createElement('div');\\n alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400 mt-8 mx-8';\\n alert.innerHTML = `\\n \u003cstrong\u003eError in site configuration:\u003c/strong\u003e\\n It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to \u003ca href=\\\"https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare\\\" class=\\\"underline\\\"\u003eGitBook's documentation\u003c/a\u003e for steps to fix the problem.\\n `;\\n\\n document.body.prepend(alert);\\n }\\n });\"}}],null]}]\n27:[\"$\",\"div\",null,{\"className\":\"headerLinks_containerHeaderlinks__GUgiv flex justify-end items-center gap-x-2.5 mr-2.5 lg:gap-x-5 lg:mr-2.5 *:max-w-56 z-20\",\"children\":[[\"$L34\",\"$L35\"],[\"$\",\"div\",null,{\"className\":\"headerLinks_linkEllipsis__Z01IN items-center z-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex\",\"children\":[[\"$\",\"button\",null,{\"className\":\"px-1 text-dark/8 dark:text-light/8 dark:hover:text-light hover:text-header-link-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"More\"}],[\"$\",\"$L32\",null,{\"icon\":\"ellipsis\",\"className\":\"opacity-6 size-3 ms-1\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S1:\",\"className\":\"w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible -translate-x-48 md:translate-x-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[\"$L36\",\"$L37\"]}]}]}]]}]}]]}]\n2c:[\"$\",\"span\",null,{\"className\":\"emoji text-base dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400 text-inherit\",\"children\":\"馃敆\"}]\n2d:[\"$\",\"span\",null,{\"className\":\"emoji text-base dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400 text-inherit\",\"children\":\"馃摝\"}]\n2e:[\"$\",\"span\",null,{\"className\":\"emoji text-base dark:tex"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"t-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400 text-inherit\",\"children\":\"馃О\"}]\n2f:[\"$\",\"span\",null,{\"className\":\"emoji text-base dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400 text-inherit\",\"children\":\"馃摫\"}]\n30:[\"$\",\"span\",null,{\"className\":\"emoji text-base dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400 text-inherit\",\"children\":\"馃攲\"}]\n31:[\"$\",\"span\",null,{\"className\":\"emoji text-base dark:text-light/6 group-aria-current-page/toclink:text-primary group-aria-current-page/toclink:dark:text-primary-400 text-inherit\",\"children\":\"馃摉\"}]\n34:[\"$\",\"$L24\",null,{\"href\":\"https://www.cardknox.com/sandbox/\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap hover:text-header-link-400 dark:hover:text-light text-dark/8 dark:text-light/8\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Create a Sandbox\"}],null]}]\n35:[\"$\",\"$L24\",null,{\"href\":\"https://www.cardknox.com/contact/\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap hover:text-header-link-400 dark:hover:text-light text-dark/8 dark:text-light/8\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Contact Us\"}],null]}]\n36:[\"$\",\"$L24\",null,{\"href\":\"https://www.cardknox.com/sandbox/\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Create a Sandbox\"}]\n37:[\"$\",\"$L24\",null,{\"href\":\"https://www.cardknox.com/contact/\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Contact Us\"}]\n39:I[92083,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"2286\",\"static/chunks/2286-91dc9ed7c6acaf3a.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-c1425cfd4f268718.js\"],\"PageFeedbackForm\"]\n3a:I[2554,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"2286\",\"static/chunks/2286-91dc9ed7c6acaf3a.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-c1425cfd4f268718.js\"],\"Ad\"]\n3b:I[46451,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"2286\",\"static/chunks/2286-91dc9ed7c6acaf3a.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-c1425cfd4f268718.js\"],\"PreservePageLayout\"]\n3c:\"$Sreact.fragment\"\n3f:I[66819,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"DateRelative\"]\n40:I[70155,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/ch"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"unks/6150-57a79db9099e4be8.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"2286\",\"static/chunks/2286-91dc9ed7c6acaf3a.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-c1425cfd4f268718.js\"],\"TrackPageView\"]\n41:I[50004,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"2286\",\"static/chunks/2286-91dc9ed7c6acaf3a.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-c1425cfd4f268718.js\"],\"PageClientLayout\"]\n42:HL[\"https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=4\u0026quality=100\u0026sign=59e91488\u0026sv=1\",\"image\",{\"fetchPriority\":\"high\",\"imageSrcSet\":\"https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=128\u0026dpr=1\u0026quality=100\u0026sign=59e91488\u0026sv=1 128w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=128\u0026dpr=2\u0026quality=100\u0026sign=59e91488\u0026sv=1 256w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=128\u0026dpr=3\u0026quality=100\u0026sign=59e91488\u0026sv=1 384w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=128\u0026dpr=4\u0026quality=100\u0026sign=59e91488\u0026sv=1 512w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=1\u0026quality=100\u0026sign=59e91488\u0026sv=1 192w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=2\u0026quality=100\u0026sign=59e91488\u0026sv=1 384w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=3\u0026quality=100\u0026sign=59e91488\u0026sv=1 576w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=4\u0026quality=100\u0026sign=59e91488\u0026sv=1 768w\",\"imageSizes\":\"(max-width: 1024px) 128px, 192px\"}]\nf:[null,[\"$\",\"div\",null,{\"className\":\"flex flex-row-reverse justify-end\",\"children\":[[\"$\",\"aside\",null,{\"className\":\"group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 sticky py-8 break-anywhere lg:h-full h-[100vh] page-api-block:xl:max-2xl:z-[1] page-api-block:xl:max-2xl:backdrop-blur-md page-api-block:xl:ma"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"x-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-light-2/9 page-api-block:xl:max-2xl:rounded page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:mt-3 dark:page-api-block:xl:max-2xl:bg-dark-2/8 lg:max-h-[calc(100vh_-_4rem)] top-16 page-api-block:xl:max-2xl:top-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden page-api-block:xl:max-2xl:flex flex-row items-center gap-3 text-sm font-semibold px-2 py-2\",\"children\":[[\"$\",\"$L32\",null,{\"icon\":\"bars\",\"className\":\"size-3\"}],\"On this page\"]}],[\"$\",\"div\",null,{\"className\":\"overflow-auto flex-1 flex flex-col gap-4 [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex\",\"children\":[[\"$\",\"$28\",null,{\"fallback\":null,\"children\":\"$L38\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3 page-api-block:xl:max-2xl:px-3\",\"children\":[[\"$\",\"$28\",null,{\"fallback\":null,\"children\":[\"$\",\"$L39\",null,{\"pageId\":\"4RwLRWubs5dbX35pSQc9\",\"className\":\"mt-2\"}]}],null,[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"/~gitbook/pdf?page=4RwLRWubs5dbX35pSQc9\u0026only=yes\",\"className\":\"flex flex-row items-center text-sm text-dark/6 hover:text-primary py-2 dark:text-light/5\",\"children\":[[\"$\",\"$L32\",null,{\"icon\":\"file-pdf\",\"className\":\"size-4 mr-1.5\"}],\"Export as PDF\"]}]}]]}]]}],[\"$\",\"$L3a\",null,{\"zoneId\":null,\"placement\":\"page.aside\",\"spaceId\":\"-MbdKiWuld-TceAgWrgh\",\"siteAdsStatus\":\"$undefined\",\"ignore\":false,\"style\":\"mt-4\"}]]}],[[\"$\",\"main\",null,{\"className\":\"flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto\",\"children\":[[\"$\",\"$L3b\",null,{\"asFullWidth\":false}],null,[\"$\",\"header\",null,{\"className\":\"max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold flex items-center gap-4\",\"children\":[\"$undefined\",\"Client-Side Integration\"]}],null]}],[\"$\",\"$28\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"id\":\"recommended-ifields\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"non-ifields-implementation\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto deco"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"ration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}]]}],\"children\":[\"$\",\"div\",null,{\"className\":\"[\u0026\u003e*+*]:mt-5 grid whitespace-pre-wrap\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"recommended-ifields\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#recommended-ifields\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L32\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$3c\",\"0\",{\"children\":\"Recommended - iFields\"}]]]}]]}],[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$3c\",\"0\",{\"children\":\"For the iFields client-side 3DS 2.0 integration, refer to \"}]],\"$L3d\",[[\"$\",\"$3c\",\"0\",{\"children\":\"\"}]]]}],[\"$\",\"h2\",null,{\"id\":\"non-ifields-implementation\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\","])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#non-ifields-implementation\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L32\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$3c\",\"0\",{\"children\":\"Non-iFields Implementation\"}]]]}]]}],[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$3c\",\"0\",{\"children\":\"For the Non-iFields client-side 3DS 2.0 integration, refer to the child page \"}]],\"$L3e\",[[\"$\",\"$3c\",\"0\",{\"children\":\".\"}]]]}],[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$3c\",\"0\",{\"children\":\"\\n\"}]]]}]]}]}],null,[\"$\",\"div\",null,{\"className\":\"flex flex-row items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-dark/6 dark:text-light/5\",\"children\":[[[\"$\",\"$3c\",\"string-0\",{\"children\":\"Last updated \"}],[\"$\",\"$3c\",\"arg-0\",{\"children\":[\"$\",\"$L3f\",null,{\"value\":\"2024-10-10T18:09:53.450Z\"}]}]],\"\"]}],null]}]]}],[\"$\",\"$L40\",null,{\"sitePointer\":{\"siteId\":\"site_x2azD\",\"spaceId\":\"-MbdKiWuld-TceAgWrgh\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_LBTyB\",\"siteShareKey\":\"$undefined\",\"organizationId\":\"-MbdKqu7aMr_d1w5cy-O\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\"},\"spaceId\":\"-MbdKiWuld-TceAgWrgh\",\"pageId\":\"4RwLRWubs5dbX35pSQc9\",\"apiHost\":\"https://api.gitbook.com\"}]]]}],[\"$\",\"$28\",null,{\"fallback\":null,\"children\":[\"$\",\"$L41\",null,{\"withSections\":false}]}]]\n16:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"name\":\"color-scheme\",\"content\":\"light\"}],[\"$\",\"meta\",\"2\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"3\",{\"children\":\"Client-Side Integration | Cardknox\"}],[\"$\",\"meta\",\"4\",{\"name\":\"generator\",\"content\":\"GitBook (eab7931)\"}],[\"$\",\"meta\",\"5\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"6\",{\"rel\":\"canonical\",\"href\":\"https://docs.cardknox.com/cardknox-products/3d-secure/client-side-integration\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:title\",\"content\":\"Client-Side Integration | Cardknox\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image\",\"content\":\"https://docs.cardknox.com/~gitbook/ogimage/4RwLRWubs5dbX35pSQc9\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\"Client-Side Integration | Cardknox\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:image\",\"content\":\"https://docs.cardknox.com/~gitbook/ogimage/4RwLRWubs5dbX35pSQc9\"}],[\"$\",\"link\",\"12\",{\"rel\":\"icon\",\"href\":\"https://2242410501-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbdKiWuld-TceAgWrgh%2Ficon%2FrQpx0u6kMcn2Ku8LK4rt%2Fcardknox-logo-ar.png?alt=media\u0026token=851f3192-a403-4554-b9ca-8339350205ef\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"https://2242410501-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbdKiWuld-TceAgWrgh%2Ficon%2FrQpx0u6kMcn2Ku8LK4rt%2Fcardknox-logo-ar.png?alt=media\u0026token=851f3192-a403-4554-b9ca-8339350205ef\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"meta\",\"14\",{\"name\":\"next-size-adjust\"}]]\ne:null\n43:T9a6,https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=128\u0026dpr=1\u0026quality=100\u0026sign=59e91488\u0026sv=1 128w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-l"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"egacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=128\u0026dpr=2\u0026quality=100\u0026sign=59e91488\u0026sv=1 256w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=128\u0026dpr=3\u0026quality=100\u0026sign=59e91488\u0026sv=1 384w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=128\u0026dpr=4\u0026quality=100\u0026sign=59e91488\u0026sv=1 512w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=1\u0026quality=100\u0026sign=59e91488\u0026sv=1 192w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=2\u0026quality=100\u0026sign=59e91488\u0026sv=1 384w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=3\u0026quality=100\u0026sign=59e91488\u0026sv=1 576w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=4\u0026quality=100\u0026sign=59e91488\u0026sv=1 768w25:[\"$\",\"img\",null,{\"alt\":\"Logo\",\"style\":{},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"className\":\"block dark:hidden max-w-[8rem] lg:max-w-[12rem] max-h-[3rem] rounded straight-corners:rounded-sm overflow-hidden object-contain object-left\",\"src\":\"https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=4\u0026quality=100\u0026sign=59e91488\u0026sv=1\",\"srcSet\":\"$43\",\"sizes\":\"(max-width: 1024px) 128px, 192px\",\"width\":762,\"height\":256}]\n44:T9a6,https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=128\u0026dpr=1\u0026quality=100\u0026sign=59e91488\u0026sv=1 128w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=128\u0026dpr=2\u0026quality=100\u0026sign=59e91488\u0026sv=1 256w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=128\u0026dpr=3\u0026quality=100\u0026sign=59e91488\u0026sv=1 384w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=128\u0026dpr=4\u0026quality=100\u0026sign=59e91488\u0026sv=1 512w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%2"])</script><script nonce="MjYxZjk2MTItNWVlNS00ZjNiLTk1YTAtOTYzZTM2MjdlNGY1">self.__next_f.push([1,"52Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=1\u0026quality=100\u0026sign=59e91488\u0026sv=1 192w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=2\u0026quality=100\u0026sign=59e91488\u0026sv=1 384w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=3\u0026quality=100\u0026sign=59e91488\u0026sv=1 576w, https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=4\u0026quality=100\u0026sign=59e91488\u0026sv=1 768w26:[\"$\",\"img\",null,{\"alt\":\"Logo\",\"style\":{},\"loading\":\"lazy\",\"fetchPriority\":\"low\",\"className\":\"hidden dark:block max-w-[8rem] lg:max-w-[12rem] max-h-[3rem] rounded straight-corners:rounded-sm overflow-hidden object-contain object-left\",\"src\":\"https://docs.cardknox.com/~gitbook/image?url=https%3A%2F%2F2242410501-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-MbdKiWuld-TceAgWrgh%252Favatar-rectangle-1623691622478.png%3Fgeneration%3D1623691622787329%26alt%3Dmedia\u0026width=192\u0026dpr=4\u0026quality=100\u0026sign=59e91488\u0026sv=1\",\"srcSet\":\"$44\",\"sizes\":\"(max-width: 1024px) 128px, 192px\",\"width\":762,\"height\":256}]\n45:I[14909,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"2286\",\"static/chunks/2286-91dc9ed7c6acaf3a.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-c1425cfd4f268718.js\"],\"ScrollSectionsList\"]\n38:[\"$\",\"$L45\",null,{\"sections\":[{\"id\":\"recommended-ifields\",\"title\":\"Recommended - iFields\",\"depth\":1},{\"id\":\"non-ifields-implementation\",\"title\":\"Non-iFields Implementation\",\"depth\":1}]}]\n3d:[\"$\",\"$L24\",null,{\"href\":\"https://docs.cardknox.com/cardknox-products/ifields#ifields-with-3d-secure-authentication\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$3c\",\"0\",{\"children\":\"iFields | Cardknox\"}]]]}]\n3e:[\"$\",\"$L24\",null,{\"href\":\"/cardknox-products/3d-secure/client-side-integration/public-client-side-integration\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$3c\",\"0\",{\"children\":\"here\"}]]]}]\n"])</script></body></html>