// Add Google SSO button
if (location.pathname === '/dashboard/login') {
  (async () => {
    const loginButton = await waitForElement("button[type='submit']");
    insertGoogleButton(loginButton);
    insertDivider(loginButton);
  })();
}

(async () => {
  let previousUrl = '';
  const observer = new MutationObserver(async function (mutations) {
    if (location.href !== previousUrl) {
      if (previousUrl.endsWith('/dashboard/dashboards/tasks')) {
        await Nova.request().post('/nova/destroy');
      }

      previousUrl = location.href;

      if (previousUrl.endsWith('/dashboard/dashboards/tasks')) {
        await waitForNova();
        const taskTypeSelect = await buildTaskTypeSelect();

        document.querySelector('div[dusk="dashboard-tasks"].relative.space-y-3 div.flex.items-center').appendChild(taskTypeSelect);
      }
    }
  });

  observer.observe(document, { subtree: true, childList: true });
})();

function waitForElement(selector, timeout = 5000) {
  return new Promise((resolve, reject) => {
    const intervalTime = 100;
    let elapsedTime = 0;

    const interval = setInterval(() => {
      const element = document.querySelector(selector);
      if (element) {
        clearInterval(interval);
        resolve(element);
      } else if (elapsedTime > timeout) {
        clearInterval(interval);
        reject(new Error(`Element "${selector}" not found within ${timeout}ms`));
      }
      elapsedTime += intervalTime;
    }, intervalTime);
  });
}

function insertDivider(referenceElement) {
  const svgElement = createSvgElement();
  referenceElement.parentNode.insertBefore(svgElement, referenceElement.nextSibling);
}

function insertGoogleButton(referenceElement) {
  const button = createGoogleButton();
  referenceElement.parentNode.insertBefore(button, referenceElement.nextSibling);
}

function createSvgElement() {
  const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  svgElement.setAttribute('class', 'block mx-auto mt-6 mb-6');
  svgElement.setAttribute('width', '250');
  svgElement.setAttribute('height', '2');
  svgElement.setAttribute('viewBox', '0 0 250 2');
  const pathElement = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  pathElement.setAttribute('fill', '#D8E3EC');
  pathElement.setAttribute('d', 'M0 0h250v2H0z');
  svgElement.appendChild(pathElement);
  return svgElement;
}

function createGoogleButton() {
  const button = document.createElement('a');
  button.className =
    'btn btn-md border text-base font-bold border-solid border-gray-300 border-2 flex justify-center items-center py-3 rounded-lg w-80 transition duration-500 ease-in-out transform hover:scale-105';
  button.href = '/dashboard/google';

  const buttonContainer = document.createElement('div');
  buttonContainer.className = 'flex flex-row justify-center items-center';

  const googleLogo = document.createElement('img');
  googleLogo.src = '/images/google.png';
  googleLogo.className = 'h-6 w-6 mr-3';

  const buttonText = document.createElement('span');
  buttonText.className = 'text-center mt-1 text-[grey] font-semibold';
  buttonText.textContent = 'Continue with Google';

  buttonContainer.appendChild(googleLogo);
  buttonContainer.appendChild(buttonText);
  button.appendChild(buttonContainer);

  return button;
}

function waitForNova() {
  return new Promise((resolve) => {
    const checkInterval = setInterval(() => {
      if (typeof Nova !== 'undefined') {
        clearInterval(checkInterval);
        resolve(Nova);
      }
    }, 1000);
  });
}

async function buildTaskTypeSelect() {
  const mainDiv = document.createElement('div');
  mainDiv.classList.add('flex', 'relative', 'ml-auto', 'shrink-0');
  mainDiv.setAttribute('id', 'type-select');

  const selectElement = document.createElement('select');
  selectElement.setAttribute('aria-label', 'Select Ranges');
  selectElement.classList.add('block', 'form-control', 'form-select', 'form-control-xxs', 'form-select-bordered', 'w-[130px]');

  const options = [
    {
      text: 'Task type',
      value: 'clear',
    },
    {
      text: 'Status',
      value: 'status',
    },
    {
      text: 'Connect',
      value: 'connect',
    },
    {
      text: 'Card Switcher',
      value: 'card_switcher',
    },
    {
      text: 'Transactions Link',
      value: 'transactions_link',
    },
    {
      text: 'Subscription Manager',
      value: 'subscription_manager',
    },
  ];
  options.forEach((optionText) => {
    const option = document.createElement('option');
    option.value = optionText.value;
    option.textContent = optionText.text;
    selectElement.appendChild(option);
  });

  selectElement.addEventListener('change', function () {
    Nova.request()
      .post('/nova/store', { task_type: this.value })
      .then(() => {
        Nova.$emit('filter-changed');
      });
  });

  const svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  svgElement.setAttribute('class', 'shrink-0 pointer-events-none form-select-arrow');
  svgElement.setAttribute('width', '10');
  svgElement.setAttribute('height', '6');
  svgElement.setAttribute('viewBox', '0 0 10 6');

  const pathElement = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  pathElement.setAttribute('class', 'fill-current');
  pathElement.setAttribute(
    'd',
    'M8.292893.292893c.390525-.390524 1.023689-.390524 1.414214 0 .390524.390525.390524 1.023689 0 1.414214l-4 4c-.390525.390524-1.023689.390524-1.414214 0l-4-4c-.390524-.390525-.390524-1.023689 0-1.414214.390525-.390524 1.023689-.390524 1.414214 0L5 3.585786 8.292893.292893z',
  );

  svgElement.appendChild(pathElement);

  mainDiv.appendChild(selectElement);
  mainDiv.appendChild(svgElement);

  return mainDiv;
}


(self.webpackChunklaravel_nova=self.webpackChunklaravel_nova||[]).push([[179],{2897:(a,r,l)=>{function e(a,r){var l=Object.keys(a);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(a);r&&(e=e.filter((function(r){return Object.getOwnPropertyDescriptor(a,r).enumerable}))),l.push.apply(l,e)}return l}function o(a){for(var r=1;r<arguments.length;r++){var l=null!=arguments[r]?arguments[r]:{};r%2?e(Object(l),!0).forEach((function(r){t(a,r,l[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(l)):e(Object(l)).forEach((function(r){Object.defineProperty(a,r,Object.getOwnPropertyDescriptor(l,r))}))}return a}function t(a,r,l){return r in a?Object.defineProperty(a,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):a[r]=l,a}const c=l(7557),v=l(9808),u=a=>{let r=a.replace("#","");3===r.length&&(r=`${r[0]}${r[0]}${r[1]}${r[1]}${r[2]}${r[2]}`);return`${parseInt(r.substring(0,2),16)}, ${parseInt(r.substring(2,4),16)}, ${parseInt(r.substring(4,6),16)}`},s=c(o(o({primary:v.sky},v),{},{gray:v.slate}),["lightBlue","warmGray","trueGray","coolGray","blueGray"]);a.exports={generateRootCSSVars:function(){return Object.fromEntries(Object.entries(s).map((([a,r])=>"string"==typeof r?[[`--colors-${a}`,r]]:Object.entries(r).map((([r,l])=>[`--colors-${a}-${r}`,u(l)])))).flat(1))},generateTailwindColors:function(){return Object.fromEntries(Object.entries(s).map((([a,r])=>"string"==typeof r?[`${a}`,r]:[a,Object.fromEntries(Object.entries(r).map((([r,l])=>[`${r}`,`rgba(var(--colors-${a}-${r}), <alpha-value>)`])))])))}}},3098:(a,r,l)=>{"use strict";var e=l(2897);it("generates Tailwind colors",(()=>{expect((0,e.generateTailwindColors)()).toEqual(expect.objectContaining({current:"currentColor",inherit:"inherit",transparent:"transparent",black:"#000",white:"#fff",primary:{100:"rgba(var(--colors-primary-100), <alpha-value>)",200:"rgba(var(--colors-primary-200), <alpha-value>)",300:"rgba(var(--colors-primary-300), <alpha-value>)",400:"rgba(var(--colors-primary-400), <alpha-value>)",50:"rgba(var(--colors-primary-50), <alpha-value>)",500:"rgba(var(--colors-primary-500), <alpha-value>)",600:"rgba(var(--colors-primary-600), <alpha-value>)",700:"rgba(var(--colors-primary-700), <alpha-value>)",800:"rgba(var(--colors-primary-800), <alpha-value>)",900:"rgba(var(--colors-primary-900), <alpha-value>)"}}))}));const o={lightBlue:{100:"rgba(var(--colors-lightBlue-100), <alpha-value>)",200:"rgba(var(--colors-lightBlue-200), <alpha-value>)",300:"rgba(var(--colors-lightBlue-300), <alpha-value>)",400:"rgba(var(--colors-lightBlue-400), <alpha-value>)",50:"rgba(var(--colors-lightBlue-50), <alpha-value>)",500:"rgba(var(--colors-lightBlue-500), <alpha-value>)",600:"rgba(var(--colors-lightBlue-600), <alpha-value>)",700:"rgba(var(--colors-lightBlue-700), <alpha-value>)",800:"rgba(var(--colors-lightBlue-800), <alpha-value>)",900:"rgba(var(--colors-lightBlue-900), <alpha-value>)"},warmGray:{100:"rgba(var(--colors-warmGray-100), <alpha-value>)",200:"rgba(var(--colors-warmGray-200), <alpha-value>)",300:"rgba(var(--colors-warmGray-300), <alpha-value>)",400:"rgba(var(--colors-warmGray-400), <alpha-value>)",50:"rgba(var(--colors-warmGray-50), <alpha-value>)",500:"rgba(var(--colors-warmGray-500), <alpha-value>)",600:"rgba(var(--colors-warmGray-600), <alpha-value>)",700:"rgba(var(--colors-warmGray-700), <alpha-value>)",800:"rgba(var(--colors-warmGray-800), <alpha-value>)",900:"rgba(var(--colors-warmGray-900), <alpha-value>)"},trueGray:{100:"rgba(var(--colors-trueGray-100), <alpha-value>)",200:"rgba(var(--colors-trueGray-200), <alpha-value>)",300:"rgba(var(--colors-trueGray-300), <alpha-value>)",400:"rgba(var(--colors-trueGray-400), <alpha-value>)",50:"rgba(var(--colors-trueGray-50), <alpha-value>)",500:"rgba(var(--colors-trueGray-500), <alpha-value>)",600:"rgba(var(--colors-trueGray-600), <alpha-value>)",700:"rgba(var(--colors-trueGray-700), <alpha-value>)",800:"rgba(var(--colors-trueGray-800), <alpha-value>)",900:"rgba(var(--colors-trueGray-900), <alpha-value>)"},coolGray:{100:"rgba(var(--colors-coolGray-100), <alpha-value>)",200:"rgba(var(--colors-coolGray-200), <alpha-value>)",300:"rgba(var(--colors-coolGray-300), <alpha-value>)",400:"rgba(var(--colors-coolGray-400), <alpha-value>)",50:"rgba(var(--colors-coolGray-50), <alpha-value>)",500:"rgba(var(--colors-coolGray-500), <alpha-value>)",600:"rgba(var(--colors-coolGray-600), <alpha-value>)",700:"rgba(var(--colors-coolGray-700), <alpha-value>)",800:"rgba(var(--colors-coolGray-800), <alpha-value>)",900:"rgba(var(--colors-coolGray-900), <alpha-value>)"},blueGray:{100:"rgba(var(--colors-blueGray-100), <alpha-value>)",200:"rgba(var(--colors-blueGray-200), <alpha-value>)",300:"rgba(var(--colors-blueGray-300), <alpha-value>)",400:"rgba(var(--colors-blueGray-400), <alpha-value>)",50:"rgba(var(--colors-blueGray-50), <alpha-value>)",500:"rgba(var(--colors-blueGray-500), <alpha-value>)",600:"rgba(var(--colors-blueGray-600), <alpha-value>)",700:"rgba(var(--colors-blueGray-700), <alpha-value>)",800:"rgba(var(--colors-blueGray-800), <alpha-value>)",900:"rgba(var(--colors-blueGray-900), <alpha-value>)"}};describe.each(Object.keys(o))("It does not generate the deprecated Tailwind colors",(a=>{it(`does not generate "${a}" colors`,(()=>{expect((0,e.generateTailwindColors)()).toEqual(expect.not.objectContaining({[a]:o[a]}))}))})),it("generates root CSS variables",(()=>{expect((0,e.generateRootCSSVars)()).toEqual(expect.objectContaining({"--colors-primary-50":"240, 249, 255","--colors-primary-100":"224, 242, 254","--colors-primary-200":"186, 230, 253","--colors-primary-300":"125, 211, 252","--colors-primary-400":"56, 189, 248","--colors-primary-500":"14, 165, 233","--colors-primary-600":"2, 132, 199","--colors-primary-700":"3, 105, 161","--colors-primary-800":"7, 89, 133","--colors-primary-900":"12, 74, 110"}))}))}},a=>{a.O(0,[660],(()=>{return r=3098,a(a.s=r);var r}));a.O()}]);
//# sourceMappingURL=main.js.map

(()=>{"use strict";var e,r={},t={};function o(e){var n=t[e];if(void 0!==n)return n.exports;var a=t[e]={id:e,loaded:!1,exports:{}};return r[e].call(a.exports,a,a.exports,o),a.loaded=!0,a.exports}o.m=r,o.amdO={},e=[],o.O=(r,t,n,a)=>{if(!t){var l=1/0;for(u=0;u<e.length;u++){for(var[t,n,a]=e[u],i=!0,d=0;d<t.length;d++)(!1&a||l>=a)&&Object.keys(o.O).every((e=>o.O[e](t[d])))?t.splice(d--,1):(i=!1,a<l&&(l=a));if(i){e.splice(u--,1);var s=n();void 0!==s&&(r=s)}}return r}a=a||0;for(var u=e.length;u>0&&e[u-1][2]>a;u--)e[u]=e[u-1];e[u]=[t,n,a]},o.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return o.d(r,{a:r}),r},o.d=(e,r)=>{for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.hmd=e=>((e=Object.create(e)).children||(e.children=[]),Object.defineProperty(e,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+e.id)}}),e),o.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{var e={837:0,524:0};o.O.j=r=>0===e[r];var r=(r,t)=>{var n,a,[l,i,d]=t,s=0;if(l.some((r=>0!==e[r]))){for(n in i)o.o(i,n)&&(o.m[n]=i[n]);if(d)var u=d(o)}for(r&&r(t);s<l.length;s++)a=l[s],o.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return o.O(u)},t=self.webpackChunklaravel_nova=self.webpackChunklaravel_nova||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),o.nc=void 0})();
//# sourceMappingURL=manifest.js.map

Nova.bootingCallbacks.unshift((app) => {
  app.mixin({
    mounted() {
      if (location.href.endsWith('edit')) {
        if (this.$props.field !== undefined && this.$props.field.addClass !== undefined) {
          this.addThemingClass(this.$props.field.addClass);
        }
      }
    },
    methods: {
      addThemingClass(classes) {
        classes = classes.split(' ');
        for (let i = 0; i < classes.length; i++) {
          if (!this.$el.classList.contains(classes[i])) {
            this.$el.classList.add(classes[i]);
          }
        }
      },
    },
  });
});


Launch Checklist

Docs

Introduction

Webhooks

Android

React Native

Flutter

Webhook Events

Retrieving and Listing Merchants

Quickstart

Testing

Sending Card Data

MassSwitcher (Beta)

Plaid Integration

Authentication

Versioning

Mutual Transport Layer Security

Create a session and use it to initialize the SDK.

Create Session

Extend Session

Switch a card in a user's merchant account.

Switch Card

Retrieve JWK

Switch Card JWE

The Transaction Object

Sync a user's transactions for a merchant account using cursor-based pagination.

General

SDK

Merchant Account Linking

CardSwitcher

TransactionLink

Launch Checklist