@plaidev/karte-action-sdk 1.1.196 → 1.1.197

package/dist/hydrate/index.es.js

@@ -1346,8 +1346,10 @@ const loadActionTableQuery = async (config, api_key, endpoint) => {
 /** @internal */
 const loadActionTable = async (config, api_key, endpoint) => {
     console.debug('[debug] loadActionTable', isPreview(), api_key, endpoint, JSON.stringify(config));
+    console.log("load action table", config);
     const results = config.map(c => c.preview_value)
         ;
+    console.log("results", results);
     return config.reduce((acc, c, i) => {
         const value = results[i] ?? c.query.default_value;
         if (value) {
@@ -1561,6 +1563,7 @@ function createModal(App, options = {
     context: { api_key: '' },
 }) {
     let app = null;
+    console.log("start modal");
     const data = {
         ...options.props,
         ...options.variables,
@@ -2549,7 +2552,7 @@ class State extends SvelteComponent {
 
 /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$u(target) {
+function add_css$t(target) {
 	append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
 }
 
@@ -2717,7 +2720,7 @@ function instance$w($$self, $$props, $$invalidate) {
 class StateItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$w, create_fragment$w, safe_not_equal, { path: 0 }, add_css$u);
+		init(this, options, instance$w, create_fragment$w, safe_not_equal, { path: 0 }, add_css$t);
 	}
 }
 
@@ -2935,7 +2938,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
 
 /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
 
-function add_css$t(target) {
+function add_css$s(target) {
 	append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
 }
 
@@ -3030,7 +3033,7 @@ function instance$v($$self, $$props, $$invalidate) {
 class BackgroundOverlay extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$t);
+		init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$s);
 	}
 }
 
@@ -3070,7 +3073,7 @@ function checkStopPropagation(eventName, handler) {
 
 /* src/components/Button.svelte generated by Svelte v3.53.1 */
 
-function add_css$s(target) {
+function add_css$r(target) {
 	append_styles(target, "svelte-1dtbrzj", ".button.svelte-1dtbrzj{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1dtbrzj:link,.button.svelte-1dtbrzj:visited,.button.svelte-1dtbrzj:active,.button.svelte-1dtbrzj:hover{color:inherit}");
 }
 
@@ -3573,14 +3576,14 @@ class Button extends SvelteComponent {
 				eventValue: 6,
 				style: 1
 			},
-			add_css$s
+			add_css$r
 		);
 	}
 }
 
 /* src/components/Modal.svelte generated by Svelte v3.53.1 */
 
-function add_css$r(target) {
+function add_css$q(target) {
 	append_styles(target, "svelte-1m1do8u", ".modal.svelte-1m1do8u{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1m1do8u > .button{flex:auto;display:flex}.close.svelte-1m1do8u{position:absolute;top:0;right:0}.close.svelte-1m1do8u > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1m1do8u > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1m1do8u{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
@@ -4211,23 +4214,18 @@ class Modal extends SvelteComponent {
 				closeButtonColor: 8,
 				_closeStyle: 9
 			},
-			add_css$r
+			add_css$q
 		);
 	}
 }
 
 /* src/components/Grid.svelte generated by Svelte v3.53.1 */
 
-function add_css$q(target) {
-	append_styles(target, "svelte-1mf7v7", ".grid.svelte-1mf7v7{display:grid;box-sizing:border-box;padding:0}");
-}
-
 function create_fragment$s(ctx) {
 	let div;
-	let div_style_value;
 	let current;
-	const default_slot_template = /*#slots*/ ctx[9].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
+	const default_slot_template = /*#slots*/ ctx[8].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], null);
 
 	return {
 		c() {
@@ -4243,8 +4241,8 @@ function create_fragment$s(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "grid svelte-1mf7v7");
-			attr(div, "style", div_style_value = `${/*gridStyle*/ ctx[1]}; ${/*_style*/ ctx[0]}`);
+			attr(div, "class", "grid");
+			attr(div, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -4257,22 +4255,22 @@ function create_fragment$s(ctx) {
 		},
 		p(ctx, [dirty]) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 128)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[8],
+						/*$$scope*/ ctx[7],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[7])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[7], dirty, null),
 						null
 					);
 				}
 			}
 
-			if (!current || dirty & /*gridStyle, _style*/ 3 && div_style_value !== (div_style_value = `${/*gridStyle*/ ctx[1]}; ${/*_style*/ ctx[0]}`)) {
-				attr(div, "style", div_style_value);
+			if (!current || dirty & /*_style*/ 1) {
+				attr(div, "style", /*_style*/ ctx[0]);
 			}
 		},
 		i(local) {
@@ -4292,7 +4290,7 @@ function create_fragment$s(ctx) {
 }
 
 function instance$s($$self, $$props, $$invalidate) {
-	let gridStyle;
+	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { width = '512px' } = $$props;
 	let { height = '256px' } = $$props;
@@ -4300,26 +4298,25 @@ function instance$s($$self, $$props, $$invalidate) {
 	let { columns } = $$props;
 	let { gap = 'auto' } = $$props;
 	let { background = 'transparent' } = $$props;
-	let { _style = '' } = $$props;
 
 	const toExpr = exp => typeof exp === 'number'
 	? `repeat(${exp}, 1fr)`
 	: exp.join(' ');
 
 	$$self.$$set = $$props => {
-		if ('width' in $$props) $$invalidate(2, width = $$props.width);
-		if ('height' in $$props) $$invalidate(3, height = $$props.height);
-		if ('rows' in $$props) $$invalidate(4, rows = $$props.rows);
-		if ('columns' in $$props) $$invalidate(5, columns = $$props.columns);
-		if ('gap' in $$props) $$invalidate(6, gap = $$props.gap);
-		if ('background' in $$props) $$invalidate(7, background = $$props.background);
-		if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
-		if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
+		if ('width' in $$props) $$invalidate(1, width = $$props.width);
+		if ('height' in $$props) $$invalidate(2, height = $$props.height);
+		if ('rows' in $$props) $$invalidate(3, rows = $$props.rows);
+		if ('columns' in $$props) $$invalidate(4, columns = $$props.columns);
+		if ('gap' in $$props) $$invalidate(5, gap = $$props.gap);
+		if ('background' in $$props) $$invalidate(6, background = $$props.background);
+		if ('$$scope' in $$props) $$invalidate(7, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*rows, columns, gap, background, width, height*/ 252) {
-			$$invalidate(1, gridStyle = [
+		if ($$self.$$.dirty & /*rows, columns, gap, background, width, height*/ 126) {
+			$$invalidate(0, _style = [
+				`display: grid`,
 				`grid-template-rows: ${toExpr(rows)}`,
 				`grid-template-columns: ${toExpr(columns)}`,
 				`gap: ${gap}`,
@@ -4330,41 +4327,21 @@ function instance$s($$self, $$props, $$invalidate) {
 		}
 	};
 
-	return [
-		_style,
-		gridStyle,
-		width,
-		height,
-		rows,
-		columns,
-		gap,
-		background,
-		$$scope,
-		slots
-	];
+	return [_style, width, height, rows, columns, gap, background, $$scope, slots];
 }
 
 class Grid extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(
-			this,
-			options,
-			instance$s,
-			create_fragment$s,
-			safe_not_equal,
-			{
-				width: 2,
-				height: 3,
-				rows: 4,
-				columns: 5,
-				gap: 6,
-				background: 7,
-				_style: 0
-			},
-			add_css$q
-		);
+		init(this, options, instance$s, create_fragment$s, safe_not_equal, {
+			width: 1,
+			height: 2,
+			rows: 3,
+			columns: 4,
+			gap: 5,
+			background: 6
+		});
 	}
 }
 
@@ -5446,7 +5423,7 @@ class ImageElement extends SvelteComponent {
 /* src/components/List.svelte generated by Svelte v3.53.1 */
 
 function add_css$l(target) {
-	append_styles(target, "svelte-e4h4wn", ".list.svelte-e4h4wn{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
+	append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
 }
 
 function create_fragment$m(ctx) {
@@ -5469,7 +5446,7 @@ function create_fragment$m(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "list svelte-e4h4wn");
+			attr(div, "class", "list svelte-1t8r9z");
 			attr(div, "style", /*style*/ ctx[0]);
 		},
 		m(target, anchor) {

package/dist/index.es.js

@@ -1369,21 +1369,24 @@ const loadActionTableQuery = async (config, api_key, endpoint) => {
 /** @internal */
 const loadActionTable = async (config, api_key, endpoint) => {
     console.debug('[debug] loadActionTable', isPreview(), api_key, endpoint, JSON.stringify(config));
+    console.log("load action table", config);
     const results = await Promise.all(config
             .filter(c => c.resolver === 'action-table-row' ||
             c.resolver === 'action-table-rows' ||
             c.resolver === 'action-table-query')
-            .map(c => {
+            .map(async (c) => {
+            console.log("loadActionTable");
             if (c.resolver === 'action-table-row') {
-                loadActionTableRow(c, api_key, endpoint);
+                return await loadActionTableRow(c, api_key, endpoint);
             }
             else if (c.resolver === 'action-table-rows') {
-                loadActionTableRows(c, api_key, endpoint);
+                return await loadActionTableRows(c, api_key, endpoint);
             }
             else if (c.resolver === 'action-table-query') {
-                loadActionTableQuery(c, api_key, endpoint);
+                return await loadActionTableQuery(c, api_key, endpoint);
             }
         }));
+    console.log("results", results);
     return config.reduce((acc, c, i) => {
         const value = results[i] ?? c.query.default_value;
         if (value) {
@@ -1597,6 +1600,7 @@ function createModal(App, options = {
     context: { api_key: '' },
 }) {
     let app = null;
+    console.log("start modal");
     const data = {
         ...options.props,
         ...options.variables,
@@ -2587,7 +2591,7 @@ class State extends SvelteComponent {
 
 /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$u(target) {
+function add_css$t(target) {
 	append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
 }
 
@@ -2741,7 +2745,7 @@ function instance$w($$self, $$props, $$invalidate) {
 class StateItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$w, create_fragment$w, safe_not_equal, { path: 0 }, add_css$u);
+		init(this, options, instance$w, create_fragment$w, safe_not_equal, { path: 0 }, add_css$t);
 	}
 }
 
@@ -3006,7 +3010,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
 
 /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
 
-function add_css$t(target) {
+function add_css$s(target) {
 	append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
 }
 
@@ -3089,7 +3093,7 @@ function instance$v($$self, $$props, $$invalidate) {
 class BackgroundOverlay extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$t);
+		init(this, options, instance$v, create_fragment$v, safe_not_equal, { backgroundOverlay: 0 }, add_css$s);
 	}
 }
 
@@ -3129,7 +3133,7 @@ function checkStopPropagation(eventName, handler) {
 
 /* src/components/Button.svelte generated by Svelte v3.53.1 */
 
-function add_css$s(target) {
+function add_css$r(target) {
 	append_styles(target, "svelte-1dtbrzj", ".button.svelte-1dtbrzj{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1dtbrzj:link,.button.svelte-1dtbrzj:visited,.button.svelte-1dtbrzj:active,.button.svelte-1dtbrzj:hover{color:inherit}");
 }
 
@@ -3582,14 +3586,14 @@ class Button extends SvelteComponent {
 				eventValue: 6,
 				style: 1
 			},
-			add_css$s
+			add_css$r
 		);
 	}
 }
 
 /* src/components/Modal.svelte generated by Svelte v3.53.1 */
 
-function add_css$r(target) {
+function add_css$q(target) {
 	append_styles(target, "svelte-1m1do8u", ".modal.svelte-1m1do8u{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1m1do8u > .button{flex:auto;display:flex}.close.svelte-1m1do8u{position:absolute;top:0;right:0}.close.svelte-1m1do8u > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1m1do8u > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1m1do8u{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
@@ -4149,30 +4153,25 @@ class Modal extends SvelteComponent {
 				closeButtonColor: 8,
 				_closeStyle: 9
 			},
-			add_css$r
+			add_css$q
 		);
 	}
 }
 
 /* src/components/Grid.svelte generated by Svelte v3.53.1 */
 
-function add_css$q(target) {
-	append_styles(target, "svelte-1mf7v7", ".grid.svelte-1mf7v7{display:grid;box-sizing:border-box;padding:0}");
-}
-
 function create_fragment$s(ctx) {
 	let div;
-	let div_style_value;
 	let current;
-	const default_slot_template = /*#slots*/ ctx[9].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
+	const default_slot_template = /*#slots*/ ctx[8].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], null);
 
 	return {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "grid svelte-1mf7v7");
-			attr(div, "style", div_style_value = `${/*gridStyle*/ ctx[1]}; ${/*_style*/ ctx[0]}`);
+			attr(div, "class", "grid");
+			attr(div, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -4185,22 +4184,22 @@ function create_fragment$s(ctx) {
 		},
 		p(ctx, [dirty]) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 128)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[8],
+						/*$$scope*/ ctx[7],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[7])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[7], dirty, null),
 						null
 					);
 				}
 			}
 
-			if (!current || dirty & /*gridStyle, _style*/ 3 && div_style_value !== (div_style_value = `${/*gridStyle*/ ctx[1]}; ${/*_style*/ ctx[0]}`)) {
-				attr(div, "style", div_style_value);
+			if (!current || dirty & /*_style*/ 1) {
+				attr(div, "style", /*_style*/ ctx[0]);
 			}
 		},
 		i(local) {
@@ -4220,7 +4219,7 @@ function create_fragment$s(ctx) {
 }
 
 function instance$s($$self, $$props, $$invalidate) {
-	let gridStyle;
+	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { width = '512px' } = $$props;
 	let { height = '256px' } = $$props;
@@ -4228,26 +4227,25 @@ function instance$s($$self, $$props, $$invalidate) {
 	let { columns } = $$props;
 	let { gap = 'auto' } = $$props;
 	let { background = 'transparent' } = $$props;
-	let { _style = '' } = $$props;
 
 	const toExpr = exp => typeof exp === 'number'
 	? `repeat(${exp}, 1fr)`
 	: exp.join(' ');
 
 	$$self.$$set = $$props => {
-		if ('width' in $$props) $$invalidate(2, width = $$props.width);
-		if ('height' in $$props) $$invalidate(3, height = $$props.height);
-		if ('rows' in $$props) $$invalidate(4, rows = $$props.rows);
-		if ('columns' in $$props) $$invalidate(5, columns = $$props.columns);
-		if ('gap' in $$props) $$invalidate(6, gap = $$props.gap);
-		if ('background' in $$props) $$invalidate(7, background = $$props.background);
-		if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
-		if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
+		if ('width' in $$props) $$invalidate(1, width = $$props.width);
+		if ('height' in $$props) $$invalidate(2, height = $$props.height);
+		if ('rows' in $$props) $$invalidate(3, rows = $$props.rows);
+		if ('columns' in $$props) $$invalidate(4, columns = $$props.columns);
+		if ('gap' in $$props) $$invalidate(5, gap = $$props.gap);
+		if ('background' in $$props) $$invalidate(6, background = $$props.background);
+		if ('$$scope' in $$props) $$invalidate(7, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*rows, columns, gap, background, width, height*/ 252) {
-			$$invalidate(1, gridStyle = [
+		if ($$self.$$.dirty & /*rows, columns, gap, background, width, height*/ 126) {
+			$$invalidate(0, _style = [
+				`display: grid`,
 				`grid-template-rows: ${toExpr(rows)}`,
 				`grid-template-columns: ${toExpr(columns)}`,
 				`gap: ${gap}`,
@@ -4258,41 +4256,21 @@ function instance$s($$self, $$props, $$invalidate) {
 		}
 	};
 
-	return [
-		_style,
-		gridStyle,
-		width,
-		height,
-		rows,
-		columns,
-		gap,
-		background,
-		$$scope,
-		slots
-	];
+	return [_style, width, height, rows, columns, gap, background, $$scope, slots];
 }
 
 class Grid extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(
-			this,
-			options,
-			instance$s,
-			create_fragment$s,
-			safe_not_equal,
-			{
-				width: 2,
-				height: 3,
-				rows: 4,
-				columns: 5,
-				gap: 6,
-				background: 7,
-				_style: 0
-			},
-			add_css$q
-		);
+		init(this, options, instance$s, create_fragment$s, safe_not_equal, {
+			width: 1,
+			height: 2,
+			rows: 3,
+			columns: 4,
+			gap: 5,
+			background: 6
+		});
 	}
 }
 
@@ -5249,7 +5227,7 @@ class ImageElement extends SvelteComponent {
 /* src/components/List.svelte generated by Svelte v3.53.1 */
 
 function add_css$l(target) {
-	append_styles(target, "svelte-e4h4wn", ".list.svelte-e4h4wn{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
+	append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
 }
 
 function create_fragment$m(ctx) {
@@ -5262,7 +5240,7 @@ function create_fragment$m(ctx) {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "list svelte-e4h4wn");
+			attr(div, "class", "list svelte-1t8r9z");
 			attr(div, "style", /*style*/ ctx[0]);
 		},
 		m(target, anchor) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.196",
+  "version": "1.1.197",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",