@plaidev/karte-action-sdk 1.1.242-28709353.8f816485 → 1.1.242-28714664.932b9ab6

package/dist/hydrate/index.es.d.ts

@@ -2382,19 +2382,19 @@ type PaddingProps = {
     paddingRight?: Properties["paddingRight"];
 };
 type RadiusProps = {
-    borderTopLeftRadius: Properties["borderTopLeftRadius"];
-    borderTopRightRadius: Properties["borderTopRightRadius"];
-    borderBottomLeftRadius: Properties["borderBottomLeftRadius"];
-    borderBottomRightRadius: Properties["borderBottomRightRadius"];
+    borderTopLeftRadius?: Properties["borderTopLeftRadius"];
+    borderTopRightRadius?: Properties["borderTopRightRadius"];
+    borderBottomLeftRadius?: Properties["borderBottomLeftRadius"];
+    borderBottomRightRadius?: Properties["borderBottomRightRadius"];
 };
 type BackgroundColorProps = {
-    backgroundColor: Properties["backgroundColor"];
+    backgroundColor?: Properties["backgroundColor"];
 };
 type BackgroundImageProps = {
-    backgroundImageUrl: string;
+    backgroundImageUrl?: string;
 };
 type ShadowProps = {
-    shadow: Properties["boxShadow"];
+    shadow?: Properties["boxShadow"];
 };
 declare const AVATAR_SIZE: {
     readonly extra_small: "XS\uFF0848 x 48\uFF09";
@@ -2620,7 +2620,7 @@ declare const ICON_VARIANTS: {
 type IconProps = CommonProps & {
     variant: string;
     size?: keyof typeof ICON_SIZE;
-    color: string;
+    color?: Properties$0["color"];
     width?: Properties$0["width"];
     height?: Properties$0["height"];
 };

package/dist/hydrate/index.es.js

@@ -1784,6 +1784,11 @@ function createModal(App, options = {
         publish: options.publish,
         data,
     };
+    const sendErrorIfMessageOpenEventNotSent = () => {
+        if (!hasAlreadySentMessageOpenEvent) {
+            options.send('_error', { type: 'action', error_type: 'action_message_open_event_not_sent' });
+        }
+    };
     const close = (trigger = 'none') => {
         if (!app) {
             return NOOP;
@@ -1792,6 +1797,7 @@ function createModal(App, options = {
             options.send('message_close', { trigger, state: getState$1() });
             hasAlreadySentMessageCloseEvent = true;
         }
+        sendErrorIfMessageOpenEventNotSent();
         options.send('_message_state_changed', {
             trigger,
             oldState: getState$1(),
@@ -1836,6 +1842,7 @@ function createModal(App, options = {
             options.send('message_open', { state: getState$1() });
             hasAlreadySentMessageOpenEvent = true;
         }
+        sendErrorIfMessageOpenEventNotSent();
         options.send('_message_state_changed', {
             trigger,
             oldState: '',
@@ -13990,10 +13997,10 @@ const ICON_VARIANTS = {
 /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
 
 function add_css$8(target) {
-	append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
+	append_styles(target, "svelte-4stwad", ".icon.svelte-4stwad{display:inline-flex;align-items:center;overflow:hidden;width:auto;font-size:0}");
 }
 
-// (21:0) {#if (IconComponent)}
+// (20:0) {#if (IconComponent)}
 function create_if_block$5(ctx) {
 	let div;
 	let switch_instance;
@@ -14002,7 +14009,9 @@ function create_if_block$5(ctx) {
 
 	function switch_props(ctx) {
 		return {
-			props: { color: /*props*/ ctx[0].color ?? '#333' }
+			props: {
+				color: /*props*/ ctx[0].color ?? 'currentColor'
+			}
 		};
 	}
 
@@ -14030,7 +14039,7 @@ function create_if_block$5(ctx) {
 		},
 		h() {
 			attr(div, "data-layer-id", /*layerId*/ ctx[1]);
-			attr(div, "class", "icon svelte-1mx2edd");
+			attr(div, "class", "icon svelte-4stwad");
 			attr(div, "style", /*style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -14040,7 +14049,7 @@ function create_if_block$5(ctx) {
 		},
 		p(ctx, dirty) {
 			const switch_instance_changes = {};
-			if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
+			if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? 'currentColor';
 
 			if (switch_value !== (switch_value = /*IconComponent*/ ctx[2])) {
 				if (switch_instance) {
@@ -14169,8 +14178,6 @@ function instance$8($$self, $$props, $$invalidate) {
 		};
 	};
 
-	console.log(props.color);
-
 	$$self.$$set = $$props => {
 		if ('props' in $$props) $$invalidate(0, props = $$props.props);
 		if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);

package/dist/index.es.d.ts

@@ -2382,19 +2382,19 @@ type PaddingProps = {
     paddingRight?: Properties["paddingRight"];
 };
 type RadiusProps = {
-    borderTopLeftRadius: Properties["borderTopLeftRadius"];
-    borderTopRightRadius: Properties["borderTopRightRadius"];
-    borderBottomLeftRadius: Properties["borderBottomLeftRadius"];
-    borderBottomRightRadius: Properties["borderBottomRightRadius"];
+    borderTopLeftRadius?: Properties["borderTopLeftRadius"];
+    borderTopRightRadius?: Properties["borderTopRightRadius"];
+    borderBottomLeftRadius?: Properties["borderBottomLeftRadius"];
+    borderBottomRightRadius?: Properties["borderBottomRightRadius"];
 };
 type BackgroundColorProps = {
-    backgroundColor: Properties["backgroundColor"];
+    backgroundColor?: Properties["backgroundColor"];
 };
 type BackgroundImageProps = {
-    backgroundImageUrl: string;
+    backgroundImageUrl?: string;
 };
 type ShadowProps = {
-    shadow: Properties["boxShadow"];
+    shadow?: Properties["boxShadow"];
 };
 declare const AVATAR_SIZE: {
     readonly extra_small: "XS\uFF0848 x 48\uFF09";
@@ -2620,7 +2620,7 @@ declare const ICON_VARIANTS: {
 type IconProps = CommonProps & {
     variant: string;
     size?: keyof typeof ICON_SIZE;
-    color: string;
+    color?: Properties$0["color"];
     width?: Properties$0["width"];
     height?: Properties$0["height"];
 };

package/dist/index.es.js

@@ -1825,6 +1825,11 @@ function createModal(App, options = {
         publish: options.publish,
         data,
     };
+    const sendErrorIfMessageOpenEventNotSent = () => {
+        if (!hasAlreadySentMessageOpenEvent) {
+            options.send('_error', { type: 'action', error_type: 'action_message_open_event_not_sent' });
+        }
+    };
     const close = (trigger = 'none') => {
         if (!app) {
             return NOOP;
@@ -1833,6 +1838,7 @@ function createModal(App, options = {
             options.send('message_close', { trigger, state: getState$1() });
             hasAlreadySentMessageCloseEvent = true;
         }
+        sendErrorIfMessageOpenEventNotSent();
         options.send('_message_state_changed', {
             trigger,
             oldState: getState$1(),
@@ -1874,6 +1880,7 @@ function createModal(App, options = {
             options.send('message_open', { state: getState$1() });
             hasAlreadySentMessageOpenEvent = true;
         }
+        sendErrorIfMessageOpenEventNotSent();
         options.send('_message_state_changed', {
             trigger,
             oldState: '',
@@ -12995,10 +13002,10 @@ const ICON_VARIANTS = {
 /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
 
 function add_css$8(target) {
-	append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
+	append_styles(target, "svelte-4stwad", ".icon.svelte-4stwad{display:inline-flex;align-items:center;overflow:hidden;width:auto;font-size:0}");
 }
 
-// (21:0) {#if (IconComponent)}
+// (20:0) {#if (IconComponent)}
 function create_if_block$5(ctx) {
 	let div;
 	let switch_instance;
@@ -13007,7 +13014,9 @@ function create_if_block$5(ctx) {
 
 	function switch_props(ctx) {
 		return {
-			props: { color: /*props*/ ctx[0].color ?? '#333' }
+			props: {
+				color: /*props*/ ctx[0].color ?? 'currentColor'
+			}
 		};
 	}
 
@@ -13020,7 +13029,7 @@ function create_if_block$5(ctx) {
 			div = element("div");
 			if (switch_instance) create_component(switch_instance.$$.fragment);
 			attr(div, "data-layer-id", /*layerId*/ ctx[1]);
-			attr(div, "class", "icon svelte-1mx2edd");
+			attr(div, "class", "icon svelte-4stwad");
 			attr(div, "style", /*style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -13030,7 +13039,7 @@ function create_if_block$5(ctx) {
 		},
 		p(ctx, dirty) {
 			const switch_instance_changes = {};
-			if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
+			if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? 'currentColor';
 
 			if (switch_value !== (switch_value = /*IconComponent*/ ctx[2])) {
 				if (switch_instance) {
@@ -13155,8 +13164,6 @@ function instance$8($$self, $$props, $$invalidate) {
 		};
 	};
 
-	console.log(props.color);
-
 	$$self.$$set = $$props => {
 		if ('props' in $$props) $$invalidate(0, props = $$props.props);
 		if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);

package/package.json

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