@plaidev/karte-action-sdk 1.1.156 → 1.1.157-28011607.f788fa7c

package/dist/templates.cjs.js

@@ -11,7 +11,7 @@
 function createAppScript(script = '', icons = []) {
     // TODO: `script` should be validated!
     return `<script lang="ts">
-// DON'T TOUCH THIS: SDK generates the following imports
+// DON'T TOUCH THIS: SDK generates the following code
 import type { ActionProps, ActionVariables } from '@plaidev/karte-action-sdk';
 import type { Data, Props, Variables } from './gen';
 import { onMount } from 'svelte';
@@ -19,6 +19,7 @@ import { writable } from 'svelte/store';
 import {
   state,
   variables as actionVariables,
+  getCssVariables,
   State,
   StateItem,
   Modal,
@@ -43,13 +44,12 @@ import {
   Countdown,
   Box,
   IconElement,
+  CustomElement,
 } from '@plaidev/karte-action-sdk';
 
-${icons.length > 0 ? `import { ${icons.join(',')} } from '@plaidev/karte-action-sdk/icons';` : ''}
-
-// DON'T TOUCH THIS: SDK uses the following marks
-// __IMPORT_ELEMENTS_START__
-// __IMPORT_ELEMENTS_END__
+${icons.length > 0
+        ? `import {\n  ${icons.join(',\n  ')},\n} from '@plaidev/karte-action-sdk/icons';`
+        : ''}
 
 export let send: (event_name: string, values?: any) => void;
 let data_: Data;
@@ -58,7 +58,6 @@ let data = writable<Data & ActionVariables>({ ...data_ });
 export let onShow: (props: ActionProps<Props, Variables>) => void = _props => {};
 export let onChangeState: (props: ActionProps<Props, Variables>, stateId: string) => void = (_props, _state) => {};
 ${script}
-
 onMount(() => {
   onShow({ send, data: $data });
 });
@@ -74,6 +73,8 @@ $: {
     return { ...current, ...$actionVariables };
   });
 }
+
+$: cssVariables = getCssVariables({ ...$data, ...$actionVariables });
 </script>`;
 }
 /**

package/dist/templates.js

@@ -9,7 +9,7 @@
 function createAppScript(script = '', icons = []) {
     // TODO: `script` should be validated!
     return `<script lang="ts">
-// DON'T TOUCH THIS: SDK generates the following imports
+// DON'T TOUCH THIS: SDK generates the following code
 import type { ActionProps, ActionVariables } from '@plaidev/karte-action-sdk';
 import type { Data, Props, Variables } from './gen';
 import { onMount } from 'svelte';
@@ -17,6 +17,7 @@ import { writable } from 'svelte/store';
 import {
   state,
   variables as actionVariables,
+  getCssVariables,
   State,
   StateItem,
   Modal,
@@ -41,13 +42,12 @@ import {
   Countdown,
   Box,
   IconElement,
+  CustomElement,
 } from '@plaidev/karte-action-sdk';
 
-${icons.length > 0 ? `import { ${icons.join(',')} } from '@plaidev/karte-action-sdk/icons';` : ''}
-
-// DON'T TOUCH THIS: SDK uses the following marks
-// __IMPORT_ELEMENTS_START__
-// __IMPORT_ELEMENTS_END__
+${icons.length > 0
+        ? `import {\n  ${icons.join(',\n  ')},\n} from '@plaidev/karte-action-sdk/icons';`
+        : ''}
 
 export let send: (event_name: string, values?: any) => void;
 let data_: Data;
@@ -56,7 +56,6 @@ let data = writable<Data & ActionVariables>({ ...data_ });
 export let onShow: (props: ActionProps<Props, Variables>) => void = _props => {};
 export let onChangeState: (props: ActionProps<Props, Variables>, stateId: string) => void = (_props, _state) => {};
 ${script}
-
 onMount(() => {
   onShow({ send, data: $data });
 });
@@ -72,6 +71,8 @@ $: {
     return { ...current, ...$actionVariables };
   });
 }
+
+$: cssVariables = getCssVariables({ ...$data, ...$actionVariables });
 </script>`;
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.156",
+  "version": "1.1.157-28011607.f788fa7c",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",
@@ -66,7 +66,6 @@
     "@tsconfig/svelte": "^2.0.1",
     "@types/brotli": "^1.3.1",
     "@types/serve-static": "^1.13.10",
-    "@vitest/ui": "latest",
     "brotli": "^1.3.3",
     "c8": "^7.12.0",
     "happy-dom": "^6.0.3",