@plaidev/karte-action-sdk 1.1.184 → 1.1.185

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

@@ -152,6 +152,10 @@ interface ActionOptions<Props, Variables, VariablesQuery> {
     karteTemplate?: {
         [key: string]: any;
     };
+    /**
+     * アクション実行時のコンテキスト
+     */
+    context: ActionRunnerContext;
 }
 /**
  * KARTE のシステム設定情報
@@ -174,6 +178,13 @@ type ActionHookLog = {
     name: string;
     values?: any;
 };
+/**
+ * アクション実行時のコンテキスト
+ */
+type ActionRunnerContext = {
+    api_key: string;
+    target?: "web" | "native";
+};
 type ActionTableResult = number | string | boolean | Date | null | undefined;
 type ActionTableQueryParam = string | number | boolean | Date;
 type ActionTableQueryParams = {
@@ -1582,6 +1593,10 @@ declare namespace widget {
         karteTemplate?: {
             [key: string]: any;
         };
+        /**
+         * アクション実行時のコンテキスト
+         */
+        context: ActionRunnerContext;
     }
     /**
      * KARTE のシステム設定情報
@@ -1604,6 +1619,13 @@ declare namespace widget {
         name: string;
         values?: any;
     };
+    /**
+     * アクション実行時のコンテキスト
+     */
+    type ActionRunnerContext = {
+        api_key: string;
+        target?: "web" | "native";
+    };
     type ActionTableResult = number | string | boolean | Date | null | undefined;
     type ActionTableQueryParam = string | number | boolean | Date;
     type ActionTableQueryParams = {

package/dist/hydrate/index.es.js

@@ -631,6 +631,28 @@ function getSystem() {
 function setSystem(config) {
     system.set(config);
 }
+/**
+ * アクション実行時のコンテキストを保存するストア
+ *
+ * @internal
+ */
+const actionRunnerContext = writable(null);
+/**
+ * アクション実行時のコンテキストを取得する
+ *
+ * @internal
+ */
+function getActionRunnerContext() {
+    return get(actionRunnerContext);
+}
+/**
+ * アクション実行時のコンテキストを保存する
+ *
+ * @internal
+ */
+function setActionRunnerContext(value) {
+    return actionRunnerContext.set(value);
+}
 /**
  * Store to handle current state ID
  *
@@ -1531,6 +1553,7 @@ function createModal(App, options = {
     variables: {},
     localVariablesQuery: undefined,
     karteTemplate: {},
+    context: { api_key: '' },
 }) {
     let app = null;
     const data = {
@@ -1730,6 +1753,7 @@ function createApp(App, options = {
     props: {},
     variables: {},
     localVariablesQuery: undefined,
+    context: { api_key: '' },
 }) {
     let app = null;
     const close = () => {
@@ -1810,6 +1834,7 @@ async function runScript$1(options = {
     variables: {},
     localVariablesQuery: undefined,
     karteTemplate: {},
+    context: { api_key: '' },
 }) {
     if (!options.onCreate)
         return;
@@ -1920,6 +1945,7 @@ function create(App, options = {
     variables: {},
     localVariablesQuery: undefined,
     karteTemplate: {},
+    context: { api_key: '' },
 }) {
     const data = {
         ...options.props,
@@ -1951,6 +1977,7 @@ function create(App, options = {
         shortenId: data.shorten_id || null,
         campaignId: data.campaign_id || null,
     });
+    setActionRunnerContext(options.context);
     const loggerCleanup = listenConsoleLogger() ;
     window.addEventListener(ACTION_DESTROY_EVENT, handleDestroy);
     window.addEventListener('beforeunload', dispatchDestroyEvent, false);
@@ -2795,6 +2822,7 @@ const moveTo = (to) => () => {
 };
 /** @internal */
 const linkTo = (to, targetBlank = true) => () => {
+    const { target } = getActionRunnerContext() ?? {};
     async function sleep(ms) {
         return new Promise(resolve => setTimeout(resolve, ms));
     }
@@ -2803,11 +2831,12 @@ const linkTo = (to, targetBlank = true) => () => {
         // # edge.js の retransmitter が送るのを待つ
         await sleep(450);
     }
-    if (targetBlank) {
+    const isRequiredWindowOpen = target === 'native' || targetBlank;
+    if (isRequiredWindowOpen) {
         window.open(to);
     }
     Promise.race([_send(), sleep(650)]).then(() => {
-        if (!targetBlank) {
+        if (!isRequiredWindowOpen) {
             location.href = to;
         }
     });
@@ -5829,10 +5858,10 @@ function create_fragment$j(ctx) {
 		m(target, anchor) {
 			insert_hydration(target, div1, anchor);
 			append_hydration(div1, div0);
-			/*div0_binding*/ ctx[7](div0);
+			/*div0_binding*/ ctx[26](div0);
 		},
-		p(ctx, [dirty]) {
-			if (dirty & /*_style*/ 1) {
+		p(ctx, dirty) {
+			if (dirty[0] & /*_style*/ 1) {
 				attr(div1, "style", /*_style*/ ctx[0]);
 			}
 		},
@@ -5840,26 +5869,55 @@ function create_fragment$j(ctx) {
 		o: noop,
 		d(detaching) {
 			if (detaching) detach(div1);
-			/*div0_binding*/ ctx[7](null);
+			/*div0_binding*/ ctx[26](null);
 		}
 	};
 }
 
+function _bton(value) {
+	return value ? 1 : 0;
+}
+
+function _setValue(obj, key, value) {
+	if (value) {
+		obj[key] = value;
+	}
+}
+
 function instance$j($$self, $$props, $$invalidate) {
 	let $system;
-	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
-	let { videoId = "wt0OjOeX-JA" } = $$props;
+	component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
+	let { videoId = 'wt0OjOeX-JA' } = $$props;
 	let { sendEvent = true } = $$props;
 	let { autoplay = false } = $$props;
+	let { cc_lang_pref = '' } = $$props;
+	let { cc_load_policy = '' } = $$props;
+	let { color = '' } = $$props;
+	let { controls = true } = $$props;
+	let { disablekb = false } = $$props;
+	let { enablejsapi = false } = $$props;
+	let { end = -1 } = $$props;
+	let { fs = true } = $$props;
+	let { hl = '' } = $$props;
+	let { iv_load_policy = 1 } = $$props;
+	let { list = '' } = $$props;
+	let { listType = '' } = $$props;
 	let { loop = false } = $$props;
+	let { modestbranding = false } = $$props;
+	let { origin = '' } = $$props;
+	let { playlist = '' } = $$props;
+	let { playsinline = false } = $$props;
+	let { rel = true } = $$props;
+	let { start = -1 } = $$props;
+	let { widget_referrer = '' } = $$props;
 	let { mute = false } = $$props;
-	let { _style = "" } = $$props;
+	let { _style = '' } = $$props;
 
 	// @ts-ignore
 	if (!window.YT) {
-		const tag = document.createElement("script");
-		tag.src = "https://www.youtube.com/iframe_api";
-		const firstScriptTag = document.getElementsByTagName("script")[0];
+		const tag = document.createElement('script');
+		tag.src = 'https://www.youtube.com/iframe_api';
+		const firstScriptTag = document.getElementsByTagName('script')[0];
 		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
 	}
 
@@ -5892,7 +5950,7 @@ function instance$j($$self, $$props, $$invalidate) {
 		const playSeconds = Math.round((currentDate - startDate) / 1000);
 		totalPlaySeconds += playSeconds;
 
-		sendMovieEvent("_movie_playtime", {
+		sendMovieEvent('_movie_playtime', {
 			seconds: playSeconds,
 			total_seconds: totalPlaySeconds
 		});
@@ -5910,7 +5968,7 @@ function instance$j($$self, $$props, $$invalidate) {
 
 		if (!alreadyPlay) {
 			alreadyPlay = true;
-			sendMovieEvent("_movie_play");
+			sendMovieEvent('_movie_play');
 		}
 	}
 
@@ -5920,7 +5978,7 @@ function instance$j($$self, $$props, $$invalidate) {
 	}
 
 	function onFinish() {
-		sendMovieEvent("_movie_finish");
+		sendMovieEvent('_movie_finish');
 		sendPlaytime();
 		startDate = null;
 	}
@@ -5948,14 +6006,40 @@ function instance$j($$self, $$props, $$invalidate) {
 		}
 
 		const playerVars = {
-			autoplay: autoplay ? 1 : 0,
-			loop: loop ? 1 : 0,
-			rel: 0,
-			playlist: null
+			autoplay: _bton(autoplay),
+			controls: _bton(controls),
+			disablekb: _bton(disablekb),
+			enablejsapi: _bton(enablejsapi),
+			fs: _bton(fs),
+			iv_load_policy,
+			loop: _bton(loop),
+			modestbranding: _bton(modestbranding),
+			playsinline: _bton(playsinline),
+			rel: _bton(rel)
 		};
 
+		_setValue(playerVars, 'cc_lang_pref', cc_lang_pref);
+		_setValue(playerVars, 'cc_load_policy', cc_load_policy);
+		_setValue(playerVars, 'color', color);
+		_setValue(playerVars, 'hl', hl);
+		_setValue(playerVars, 'list', list);
+		_setValue(playerVars, 'listType', listType);
+		_setValue(playerVars, 'origin', origin);
+		_setValue(playerVars, 'playlist', playlist);
+		_setValue(playerVars, 'widget_referrer', widget_referrer);
+
 		if (loop) {
-			playerVars.playlist = videoId;
+			if (!playlist) {
+				playerVars.playlist = videoId;
+			}
+		}
+
+		if (end >= 0) {
+			playerVars.end = end;
+		}
+
+		if (start >= 0) {
+			playerVars.start = start;
 		}
 
 		// @ts-ignore
@@ -5984,8 +6068,8 @@ function instance$j($$self, $$props, $$invalidate) {
 
 	onDestroy$1(() => {
 		if (player) {
-			player.stopVideo();
-			player.destroy();
+			player.stopVideo?.();
+			player.destroy?.();
 		}
 	});
 
@@ -5994,7 +6078,7 @@ function instance$j($$self, $$props, $$invalidate) {
 		createPlayer();
 	};
 
-	window.addEventListener("beforeunload", () => {
+	window.addEventListener('beforeunload', () => {
 		sendPlaytime();
 	});
 
@@ -6009,12 +6093,59 @@ function instance$j($$self, $$props, $$invalidate) {
 		if ('videoId' in $$props) $$invalidate(2, videoId = $$props.videoId);
 		if ('sendEvent' in $$props) $$invalidate(3, sendEvent = $$props.sendEvent);
 		if ('autoplay' in $$props) $$invalidate(4, autoplay = $$props.autoplay);
-		if ('loop' in $$props) $$invalidate(5, loop = $$props.loop);
-		if ('mute' in $$props) $$invalidate(6, mute = $$props.mute);
+		if ('cc_lang_pref' in $$props) $$invalidate(5, cc_lang_pref = $$props.cc_lang_pref);
+		if ('cc_load_policy' in $$props) $$invalidate(6, cc_load_policy = $$props.cc_load_policy);
+		if ('color' in $$props) $$invalidate(7, color = $$props.color);
+		if ('controls' in $$props) $$invalidate(8, controls = $$props.controls);
+		if ('disablekb' in $$props) $$invalidate(9, disablekb = $$props.disablekb);
+		if ('enablejsapi' in $$props) $$invalidate(10, enablejsapi = $$props.enablejsapi);
+		if ('end' in $$props) $$invalidate(11, end = $$props.end);
+		if ('fs' in $$props) $$invalidate(12, fs = $$props.fs);
+		if ('hl' in $$props) $$invalidate(13, hl = $$props.hl);
+		if ('iv_load_policy' in $$props) $$invalidate(14, iv_load_policy = $$props.iv_load_policy);
+		if ('list' in $$props) $$invalidate(15, list = $$props.list);
+		if ('listType' in $$props) $$invalidate(16, listType = $$props.listType);
+		if ('loop' in $$props) $$invalidate(17, loop = $$props.loop);
+		if ('modestbranding' in $$props) $$invalidate(18, modestbranding = $$props.modestbranding);
+		if ('origin' in $$props) $$invalidate(19, origin = $$props.origin);
+		if ('playlist' in $$props) $$invalidate(20, playlist = $$props.playlist);
+		if ('playsinline' in $$props) $$invalidate(21, playsinline = $$props.playsinline);
+		if ('rel' in $$props) $$invalidate(22, rel = $$props.rel);
+		if ('start' in $$props) $$invalidate(23, start = $$props.start);
+		if ('widget_referrer' in $$props) $$invalidate(24, widget_referrer = $$props.widget_referrer);
+		if ('mute' in $$props) $$invalidate(25, mute = $$props.mute);
 		if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
 	};
 
-	return [_style, domRef, videoId, sendEvent, autoplay, loop, mute, div0_binding];
+	return [
+		_style,
+		domRef,
+		videoId,
+		sendEvent,
+		autoplay,
+		cc_lang_pref,
+		cc_load_policy,
+		color,
+		controls,
+		disablekb,
+		enablejsapi,
+		end,
+		fs,
+		hl,
+		iv_load_policy,
+		list,
+		listType,
+		loop,
+		modestbranding,
+		origin,
+		playlist,
+		playsinline,
+		rel,
+		start,
+		widget_referrer,
+		mute,
+		div0_binding
+	];
 }
 
 class MovieYouTubeElement extends SvelteComponent {
@@ -6031,11 +6162,31 @@ class MovieYouTubeElement extends SvelteComponent {
 				videoId: 2,
 				sendEvent: 3,
 				autoplay: 4,
-				loop: 5,
-				mute: 6,
+				cc_lang_pref: 5,
+				cc_load_policy: 6,
+				color: 7,
+				controls: 8,
+				disablekb: 9,
+				enablejsapi: 10,
+				end: 11,
+				fs: 12,
+				hl: 13,
+				iv_load_policy: 14,
+				list: 15,
+				listType: 16,
+				loop: 17,
+				modestbranding: 18,
+				origin: 19,
+				playlist: 20,
+				playsinline: 21,
+				rel: 22,
+				start: 23,
+				widget_referrer: 24,
+				mute: 25,
 				_style: 0
 			},
-			add_css$i
+			add_css$i,
+			[-1, -1]
 		);
 	}
 }
@@ -6197,7 +6348,7 @@ function instance$i($$self, $$props, $$invalidate) {
 
 	onDestroy$1(() => {
 		if (player) {
-			player.destroy();
+			player.destroy?.();
 		}
 	});
 

package/dist/index.es.d.ts

@@ -152,6 +152,10 @@ interface ActionOptions<Props, Variables, VariablesQuery> {
     karteTemplate?: {
         [key: string]: any;
     };
+    /**
+     * アクション実行時のコンテキスト
+     */
+    context: ActionRunnerContext;
 }
 /**
  * KARTE のシステム設定情報
@@ -174,6 +178,13 @@ type ActionHookLog = {
     name: string;
     values?: any;
 };
+/**
+ * アクション実行時のコンテキスト
+ */
+type ActionRunnerContext = {
+    api_key: string;
+    target?: "web" | "native";
+};
 type ActionTableResult = number | string | boolean | Date | null | undefined;
 type ActionTableQueryParam = string | number | boolean | Date;
 type ActionTableQueryParams = {
@@ -1582,6 +1593,10 @@ declare namespace widget {
         karteTemplate?: {
             [key: string]: any;
         };
+        /**
+         * アクション実行時のコンテキスト
+         */
+        context: ActionRunnerContext;
     }
     /**
      * KARTE のシステム設定情報
@@ -1604,6 +1619,13 @@ declare namespace widget {
         name: string;
         values?: any;
     };
+    /**
+     * アクション実行時のコンテキスト
+     */
+    type ActionRunnerContext = {
+        api_key: string;
+        target?: "web" | "native";
+    };
     type ActionTableResult = number | string | boolean | Date | null | undefined;
     type ActionTableQueryParam = string | number | boolean | Date;
     type ActionTableQueryParams = {

package/dist/index.es.js

@@ -635,6 +635,28 @@ function getSystem() {
 function setSystem(config) {
     system.set(config);
 }
+/**
+ * アクション実行時のコンテキストを保存するストア
+ *
+ * @internal
+ */
+const actionRunnerContext = writable(null);
+/**
+ * アクション実行時のコンテキストを取得する
+ *
+ * @internal
+ */
+function getActionRunnerContext() {
+    return get(actionRunnerContext);
+}
+/**
+ * アクション実行時のコンテキストを保存する
+ *
+ * @internal
+ */
+function setActionRunnerContext(value) {
+    return actionRunnerContext.set(value);
+}
 /**
  * Store to handle current state ID
  *
@@ -1569,6 +1591,7 @@ function createModal(App, options = {
     variables: {},
     localVariablesQuery: undefined,
     karteTemplate: {},
+    context: { api_key: '' },
 }) {
     let app = null;
     const data = {
@@ -1795,6 +1818,7 @@ function createApp(App, options = {
     props: {},
     variables: {},
     localVariablesQuery: undefined,
+    context: { api_key: '' },
 }) {
     let app = null;
     const close = () => {
@@ -1874,6 +1898,7 @@ async function runScript$1(options = {
     variables: {},
     localVariablesQuery: undefined,
     karteTemplate: {},
+    context: { api_key: '' },
 }) {
     if (!options.onCreate)
         return;
@@ -1984,6 +2009,7 @@ function create(App, options = {
     variables: {},
     localVariablesQuery: undefined,
     karteTemplate: {},
+    context: { api_key: '' },
 }) {
     const data = {
         ...options.props,
@@ -2015,6 +2041,7 @@ function create(App, options = {
         shortenId: data.shorten_id || null,
         campaignId: data.campaign_id || null,
     });
+    setActionRunnerContext(options.context);
     window.addEventListener(ACTION_DESTROY_EVENT, handleDestroy);
     window.addEventListener('beforeunload', dispatchDestroyEvent, false);
     let modalCleanup = NOOP;
@@ -2819,6 +2846,7 @@ const moveTo = (to) => () => {
 };
 /** @internal */
 const linkTo = (to, targetBlank = true) => () => {
+    const { target } = getActionRunnerContext() ?? {};
     async function sleep(ms) {
         return new Promise(resolve => setTimeout(resolve, ms));
     }
@@ -2827,11 +2855,12 @@ const linkTo = (to, targetBlank = true) => () => {
         // # edge.js の retransmitter が送るのを待つ
         await sleep(450);
     }
-    if (targetBlank) {
+    const isRequiredWindowOpen = target === 'native' || targetBlank;
+    if (isRequiredWindowOpen) {
         window.open(to);
     }
     Promise.race([_send(), sleep(650)]).then(() => {
-        if (!targetBlank) {
+        if (!isRequiredWindowOpen) {
             location.href = to;
         }
     });
@@ -5594,10 +5623,10 @@ function create_fragment$j(ctx) {
 		m(target, anchor) {
 			insert(target, div1, anchor);
 			append(div1, div0);
-			/*div0_binding*/ ctx[7](div0);
+			/*div0_binding*/ ctx[26](div0);
 		},
-		p(ctx, [dirty]) {
-			if (dirty & /*_style*/ 1) {
+		p(ctx, dirty) {
+			if (dirty[0] & /*_style*/ 1) {
 				attr(div1, "style", /*_style*/ ctx[0]);
 			}
 		},
@@ -5605,26 +5634,55 @@ function create_fragment$j(ctx) {
 		o: noop,
 		d(detaching) {
 			if (detaching) detach(div1);
-			/*div0_binding*/ ctx[7](null);
+			/*div0_binding*/ ctx[26](null);
 		}
 	};
 }
 
+function _bton(value) {
+	return value ? 1 : 0;
+}
+
+function _setValue(obj, key, value) {
+	if (value) {
+		obj[key] = value;
+	}
+}
+
 function instance$j($$self, $$props, $$invalidate) {
 	let $system;
-	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
-	let { videoId = "wt0OjOeX-JA" } = $$props;
+	component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
+	let { videoId = 'wt0OjOeX-JA' } = $$props;
 	let { sendEvent = true } = $$props;
 	let { autoplay = false } = $$props;
+	let { cc_lang_pref = '' } = $$props;
+	let { cc_load_policy = '' } = $$props;
+	let { color = '' } = $$props;
+	let { controls = true } = $$props;
+	let { disablekb = false } = $$props;
+	let { enablejsapi = false } = $$props;
+	let { end = -1 } = $$props;
+	let { fs = true } = $$props;
+	let { hl = '' } = $$props;
+	let { iv_load_policy = 1 } = $$props;
+	let { list = '' } = $$props;
+	let { listType = '' } = $$props;
 	let { loop = false } = $$props;
+	let { modestbranding = false } = $$props;
+	let { origin = '' } = $$props;
+	let { playlist = '' } = $$props;
+	let { playsinline = false } = $$props;
+	let { rel = true } = $$props;
+	let { start = -1 } = $$props;
+	let { widget_referrer = '' } = $$props;
 	let { mute = false } = $$props;
-	let { _style = "" } = $$props;
+	let { _style = '' } = $$props;
 
 	// @ts-ignore
 	if (!window.YT) {
-		const tag = document.createElement("script");
-		tag.src = "https://www.youtube.com/iframe_api";
-		const firstScriptTag = document.getElementsByTagName("script")[0];
+		const tag = document.createElement('script');
+		tag.src = 'https://www.youtube.com/iframe_api';
+		const firstScriptTag = document.getElementsByTagName('script')[0];
 		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
 	}
 
@@ -5657,7 +5715,7 @@ function instance$j($$self, $$props, $$invalidate) {
 		const playSeconds = Math.round((currentDate - startDate) / 1000);
 		totalPlaySeconds += playSeconds;
 
-		sendMovieEvent("_movie_playtime", {
+		sendMovieEvent('_movie_playtime', {
 			seconds: playSeconds,
 			total_seconds: totalPlaySeconds
 		});
@@ -5675,7 +5733,7 @@ function instance$j($$self, $$props, $$invalidate) {
 
 		if (!alreadyPlay) {
 			alreadyPlay = true;
-			sendMovieEvent("_movie_play");
+			sendMovieEvent('_movie_play');
 		}
 	}
 
@@ -5685,7 +5743,7 @@ function instance$j($$self, $$props, $$invalidate) {
 	}
 
 	function onFinish() {
-		sendMovieEvent("_movie_finish");
+		sendMovieEvent('_movie_finish');
 		sendPlaytime();
 		startDate = null;
 	}
@@ -5713,14 +5771,40 @@ function instance$j($$self, $$props, $$invalidate) {
 		}
 
 		const playerVars = {
-			autoplay: autoplay ? 1 : 0,
-			loop: loop ? 1 : 0,
-			rel: 0,
-			playlist: null
+			autoplay: _bton(autoplay),
+			controls: _bton(controls),
+			disablekb: _bton(disablekb),
+			enablejsapi: _bton(enablejsapi),
+			fs: _bton(fs),
+			iv_load_policy,
+			loop: _bton(loop),
+			modestbranding: _bton(modestbranding),
+			playsinline: _bton(playsinline),
+			rel: _bton(rel)
 		};
 
+		_setValue(playerVars, 'cc_lang_pref', cc_lang_pref);
+		_setValue(playerVars, 'cc_load_policy', cc_load_policy);
+		_setValue(playerVars, 'color', color);
+		_setValue(playerVars, 'hl', hl);
+		_setValue(playerVars, 'list', list);
+		_setValue(playerVars, 'listType', listType);
+		_setValue(playerVars, 'origin', origin);
+		_setValue(playerVars, 'playlist', playlist);
+		_setValue(playerVars, 'widget_referrer', widget_referrer);
+
 		if (loop) {
-			playerVars.playlist = videoId;
+			if (!playlist) {
+				playerVars.playlist = videoId;
+			}
+		}
+
+		if (end >= 0) {
+			playerVars.end = end;
+		}
+
+		if (start >= 0) {
+			playerVars.start = start;
 		}
 
 		// @ts-ignore
@@ -5749,8 +5833,8 @@ function instance$j($$self, $$props, $$invalidate) {
 
 	onDestroy$1(() => {
 		if (player) {
-			player.stopVideo();
-			player.destroy();
+			player.stopVideo?.();
+			player.destroy?.();
 		}
 	});
 
@@ -5759,7 +5843,7 @@ function instance$j($$self, $$props, $$invalidate) {
 		createPlayer();
 	};
 
-	window.addEventListener("beforeunload", () => {
+	window.addEventListener('beforeunload', () => {
 		sendPlaytime();
 	});
 
@@ -5774,12 +5858,59 @@ function instance$j($$self, $$props, $$invalidate) {
 		if ('videoId' in $$props) $$invalidate(2, videoId = $$props.videoId);
 		if ('sendEvent' in $$props) $$invalidate(3, sendEvent = $$props.sendEvent);
 		if ('autoplay' in $$props) $$invalidate(4, autoplay = $$props.autoplay);
-		if ('loop' in $$props) $$invalidate(5, loop = $$props.loop);
-		if ('mute' in $$props) $$invalidate(6, mute = $$props.mute);
+		if ('cc_lang_pref' in $$props) $$invalidate(5, cc_lang_pref = $$props.cc_lang_pref);
+		if ('cc_load_policy' in $$props) $$invalidate(6, cc_load_policy = $$props.cc_load_policy);
+		if ('color' in $$props) $$invalidate(7, color = $$props.color);
+		if ('controls' in $$props) $$invalidate(8, controls = $$props.controls);
+		if ('disablekb' in $$props) $$invalidate(9, disablekb = $$props.disablekb);
+		if ('enablejsapi' in $$props) $$invalidate(10, enablejsapi = $$props.enablejsapi);
+		if ('end' in $$props) $$invalidate(11, end = $$props.end);
+		if ('fs' in $$props) $$invalidate(12, fs = $$props.fs);
+		if ('hl' in $$props) $$invalidate(13, hl = $$props.hl);
+		if ('iv_load_policy' in $$props) $$invalidate(14, iv_load_policy = $$props.iv_load_policy);
+		if ('list' in $$props) $$invalidate(15, list = $$props.list);
+		if ('listType' in $$props) $$invalidate(16, listType = $$props.listType);
+		if ('loop' in $$props) $$invalidate(17, loop = $$props.loop);
+		if ('modestbranding' in $$props) $$invalidate(18, modestbranding = $$props.modestbranding);
+		if ('origin' in $$props) $$invalidate(19, origin = $$props.origin);
+		if ('playlist' in $$props) $$invalidate(20, playlist = $$props.playlist);
+		if ('playsinline' in $$props) $$invalidate(21, playsinline = $$props.playsinline);
+		if ('rel' in $$props) $$invalidate(22, rel = $$props.rel);
+		if ('start' in $$props) $$invalidate(23, start = $$props.start);
+		if ('widget_referrer' in $$props) $$invalidate(24, widget_referrer = $$props.widget_referrer);
+		if ('mute' in $$props) $$invalidate(25, mute = $$props.mute);
 		if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
 	};
 
-	return [_style, domRef, videoId, sendEvent, autoplay, loop, mute, div0_binding];
+	return [
+		_style,
+		domRef,
+		videoId,
+		sendEvent,
+		autoplay,
+		cc_lang_pref,
+		cc_load_policy,
+		color,
+		controls,
+		disablekb,
+		enablejsapi,
+		end,
+		fs,
+		hl,
+		iv_load_policy,
+		list,
+		listType,
+		loop,
+		modestbranding,
+		origin,
+		playlist,
+		playsinline,
+		rel,
+		start,
+		widget_referrer,
+		mute,
+		div0_binding
+	];
 }
 
 class MovieYouTubeElement extends SvelteComponent {
@@ -5796,11 +5927,31 @@ class MovieYouTubeElement extends SvelteComponent {
 				videoId: 2,
 				sendEvent: 3,
 				autoplay: 4,
-				loop: 5,
-				mute: 6,
+				cc_lang_pref: 5,
+				cc_load_policy: 6,
+				color: 7,
+				controls: 8,
+				disablekb: 9,
+				enablejsapi: 10,
+				end: 11,
+				fs: 12,
+				hl: 13,
+				iv_load_policy: 14,
+				list: 15,
+				listType: 16,
+				loop: 17,
+				modestbranding: 18,
+				origin: 19,
+				playlist: 20,
+				playsinline: 21,
+				rel: 22,
+				start: 23,
+				widget_referrer: 24,
+				mute: 25,
 				_style: 0
 			},
-			add_css$i
+			add_css$i,
+			[-1, -1]
 		);
 	}
 }
@@ -5951,7 +6102,7 @@ function instance$i($$self, $$props, $$invalidate) {
 
 	onDestroy$1(() => {
 		if (player) {
-			player.destroy();
+			player.destroy?.();
 		}
 	});
 

package/dist/templates.cjs.js

@@ -100,7 +100,7 @@ import { props, localVariablesQuery, karteTemplate } from './gen';
 import App from './App.svelte';
 import onCreate from './customScript';
 ${script}
-const action = (options: { send: Send; publish: Publish, props: Props; variables: Variables }): KarteAction => {
+const action = (options: { send: Send; publish: Publish, props: Props; variables: Variables, context: any }): KarteAction => {
   return create(App, {
     props,
     send: options.send,
@@ -109,6 +109,7 @@ const action = (options: { send: Send; publish: Publish, props: Props; variables
     localVariablesQuery,
     karteTemplate,
     onCreate,
+    context: options.context,
   });
 };
 

package/dist/templates.js

@@ -98,7 +98,7 @@ import { props, localVariablesQuery, karteTemplate } from './gen';
 import App from './App.svelte';
 import onCreate from './customScript';
 ${script}
-const action = (options: { send: Send; publish: Publish, props: Props; variables: Variables }): KarteAction => {
+const action = (options: { send: Send; publish: Publish, props: Props; variables: Variables, context: any }): KarteAction => {
   return create(App, {
     props,
     send: options.send,
@@ -107,6 +107,7 @@ const action = (options: { send: Send; publish: Publish, props: Props; variables
     localVariablesQuery,
     karteTemplate,
     onCreate,
+    context: options.context,
   });
 };
 

package/package.json

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