@plaidev/karte-action-sdk 1.1.270-29410070.b86a3f94e → 1.1.270-29419384.246a50882

package/dist/svelte5/index.front2.es.js

@@ -7,12 +7,17 @@ import { cubicOut, elasticOut, linear } from "svelte/easing";
 
 //#region rolldown:runtime
 var __defProp = Object.defineProperty;
-var __export = (all) => {
+var __export = (all, symbols) => {
 	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
 	return target;
 };
 
@@ -191,17 +196,13 @@ function onScroll(rate, fn) {
 			html.scrollHeight,
 			html.clientHeight
 		]);
-		const viewHeight = Math.min(...[html.clientHeight, body.clientHeight]);
-		const scrollRate = (scrollTop + viewHeight) / pageHeight;
+		const scrollRate = (scrollTop + Math.min(...[html.clientHeight, body.clientHeight])) / pageHeight;
 		contexts.forEach((ctx) => {
 			ctx.scrollRate = scrollRate;
 			ctx.deltaRate = ctx.scrollRate - ctx.previousRate;
 			ctx.previousRate = ctx.scrollRate;
 			ctx.scrollTop = scrollTop;
-			if (canCall(ctx)) {
-				const repeat = !!_fn(Object.assign({ direction: direction(ctx) }, ctx));
-				updateStates(ctx, repeat);
-			}
+			if (canCall(ctx)) updateStates(ctx, !!_fn(Object.assign({ direction: direction(ctx) }, ctx)));
 		});
 	};
 	window.addEventListener("scroll", onScroll$1);
@@ -1445,6 +1446,9 @@ function dispatchDestroyEvent() {
 
 //#endregion
 //#region src/display-logic.ts
+/**
+* モーダル(ポップアップ)のロジックを管理する
+*/
 function doPresent({ direction, deltaRate }, downFn, upFn, condition = false) {
 	if (direction === "down" && deltaRate > 0) downFn();
 	else if (condition && direction === "up" && deltaRate < 0) upFn();
@@ -1578,6 +1582,9 @@ function checkAndDo(checkFn, fn, ...conditionFns) {
 
 //#endregion
 //#region src/collection.ts
+/**
+* アクションテーブルに関連するコードの管理
+*/
 const DEFAULT_COLLECTION_ENDPOINT = "https://action-table.karte.io/collection";
 /**
 * アクションテーブルを管理するメソッドを取得する
@@ -1794,12 +1801,16 @@ function closeAction$1(trigger = "none") {
 
 //#endregion
 //#region src/modal.svelte5.tsx
+/**
+* モーダル(ポップアップ)に関連するコードの管理
+*
+* アクションのShow, Close, ChangeStateの状態はここで管理する。
+*/
 /** @internal */
 const handleState = (event) => {
 	if (event.detail.actionId === actionId || event.detail.actionId === ALL_ACTION_ID) {
 		const nextState = event.detail.to;
-		const currentState = getState();
-		send_event("_message_state_changed", toStateChangedData(nextState, currentState));
+		send_event("_message_state_changed", toStateChangedData(nextState, getState()));
 		setState(event.detail.to, { disableInPreview: event.detail.disableInPreview });
 	}
 };
@@ -2011,8 +2022,7 @@ function createModal(App, options = {
 		return NOOP;
 	};
 	const handleClose = (event) => {
-		const trigger = event?.detail?.trigger ? event.detail.trigger : "none";
-		close$1(trigger);
+		close$1(event?.detail?.trigger ? event.detail.trigger : "none");
 	};
 	const show$1 = async (trigger = "none") => {
 		if (app) return;
@@ -2033,20 +2043,20 @@ function createModal(App, options = {
 		setOpened(true);
 		setClosed(false);
 		if (app) return;
-		const props = {
+		app = mount(App, {
 			target: ensureActionRoot(isOnSite()),
 			props: {
 				send: options.send,
 				publish: options.publish,
 				data,
-				onShow: (props$1) => {
+				onShow: (props) => {
 					const { onShowHandlers } = getInternalHandlers();
 					if (onShowHandlers) onShowHandlers.forEach((h$1) => {
 						console.info(`${ACTION_HOOK_LABEL}:${JSON.stringify({ name: "onShow" })}`);
-						h$1(props$1);
+						h$1(props);
 					});
 				},
-				onChangeState: (props$1, newState) => {
+				onChangeState: (props, newState) => {
 					const { onChangeStateHandlers } = getInternalHandlers();
 					if (onChangeStateHandlers) onChangeStateHandlers.forEach((h$1) => {
 						const actionHookLog = {
@@ -2054,18 +2064,16 @@ function createModal(App, options = {
 							values: { newState }
 						};
 						console.info(`${ACTION_HOOK_LABEL}:${JSON.stringify(actionHookLog)}`);
-						h$1(props$1, newState);
+						h$1(props, newState);
 					});
 					const { onChangeStateHandlers: onChangeWidgetStateHandlers } = getWidgetHandlers();
-					if (onChangeWidgetStateHandlers) onChangeStateHandlers.forEach((h$1) => h$1(props$1, newState));
+					if (onChangeWidgetStateHandlers) onChangeStateHandlers.forEach((h$1) => h$1(props, newState));
 				}
 			}
-		};
-		app = mount(App, props);
+		});
 	};
 	const handleShow = (event) => {
-		const trigger = event?.detail?.trigger ? event.detail.trigger : "none";
-		show$1(trigger);
+		show$1(event?.detail?.trigger ? event.detail.trigger : "none");
 	};
 	const currying = (conditionFn, options$1) => (fn) => conditionFn(options$1.props, fn);
 	const autoShow = () => {
@@ -2251,6 +2259,9 @@ function createFog({ color = "#000", opacity = "50%", zIndex = 999, onclick }) {
 
 //#endregion
 //#region src/script.ts
+/**
+* スクリプト接客が利用するコードの管理
+*/
 /** @internal */
 async function runScript$1(options = {
 	send: () => {},
@@ -2354,6 +2365,11 @@ async function loadGlobalStyle(href) {
 
 //#endregion
 //#region src/action.ts
+/**
+* Edgeが起動するアクションに関連するコードを管理する
+*
+* アクションのCreate, Destroyの状態はここで管理する。
+*/
 const emptyOptions = {
 	send: () => {},
 	publish: () => {},
@@ -2554,8 +2570,7 @@ function formDataToEventValues$1(campaignId, formData$1) {
 }
 function formDataToIdentifyEventValues$1(formData$1) {
 	return Object.fromEntries(Object.entries(formData$1).map(([name, dataItem]) => {
-		const value = dataItem.value;
-		return [name, value];
+		return [name, dataItem.value];
 	}));
 }
 /** @internal */
@@ -2676,6 +2691,9 @@ function sendAnswers() {
 
 //#endregion
 //#region src/widget.ts
+/**
+* エディタv1のWidget API 互換のインターフェース
+*/
 var widget_exports = /* @__PURE__ */ __export({
 	collection: () => collection$1,
 	getState: () => getState$1,
@@ -3374,12 +3392,10 @@ const useBrandKit = () => {
 function createComponentRawCss(layerId, define) {
 	const rootSelector = `[data-layer-id="${layerId}"]`;
 	const gen = (selector, styles) => {
-		const childSelector = selector.startsWith("&") ? selector.slice(1) : ` ${selector}`;
-		const body = Object.entries(styles).map(([k, v]) => {
+		return `${rootSelector}${selector.startsWith("&") ? selector.slice(1) : ` ${selector}`} {\n${Object.entries(styles).map(([k, v]) => {
 			if (!v) return "";
 			return `${k.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase())}: ${v};`;
-		}).filter((v) => v !== "").join("\n");
-		return `${rootSelector}${childSelector} {\n${body}\n}`;
+		}).filter((v) => v !== "").join("\n")}\n}`;
 	};
 	return define(gen).join("\n");
 }
@@ -3578,10 +3594,12 @@ function useResponsiveProps(props) {
 
 //#endregion
 //#region src/functions.ts
+/**
+* モーダル(ポップアップ)のコンポーネントが利用するコードの管理
+*/
 function _moveTo(to) {
-	const currentState = getState();
 	dispatchActionEvent(ACTION_CHANGE_STATE_EVENT, { detail: {
-		from: currentState,
+		from: getState(),
 		to,
 		actionId
 	} });
@@ -3746,36 +3764,12 @@ const execOnClickOperation = (onClickOperation) => {
 function getAnimation(animation) {
 	switch (animation.type) {
 		case "fade": return `opacity: ${animation.progress}`;
-		case "bounce": {
-			const translateX = animation.x;
-			const translateY = animation.y;
-			return `transform: translate3d(${translateX}%, ${translateY}%, 0) scale(${animation.progress});`;
-		}
-		case "slide-down": {
-			const translateX = animation.x;
-			const translateY = animation.y - 100 * (1 - animation.progress);
-			return `transform: translate3d(${translateX}%, ${translateY}%, 0);`;
-		}
-		case "slide-up": {
-			const translateX = animation.x;
-			const translateY = animation.y + 100 * (1 - animation.progress);
-			return `transform: translate3d(${translateX}%, ${translateY}%, 0);`;
-		}
-		case "slide-left": {
-			const translateX = animation.x + 100 * (1 - animation.progress);
-			const translateY = animation.y;
-			return `transform: translate3d(${translateX}%, ${translateY}%, 0);`;
-		}
-		case "slide-right": {
-			const translateX = animation.x - 100 * (1 - animation.progress);
-			const translateY = animation.y;
-			return `transform: translate3d(${translateX}%, ${translateY}%, 0);`;
-		}
-		case "none": {
-			const translateX = animation.x;
-			const translateY = animation.y;
-			return `transform:  translate3d(${translateX}%, ${translateY}%, 0);`;
-		}
+		case "bounce": return `transform: translate3d(${animation.x}%, ${animation.y}%, 0) scale(${animation.progress});`;
+		case "slide-down": return `transform: translate3d(${animation.x}%, ${animation.y - 100 * (1 - animation.progress)}%, 0);`;
+		case "slide-up": return `transform: translate3d(${animation.x}%, ${animation.y + 100 * (1 - animation.progress)}%, 0);`;
+		case "slide-left": return `transform: translate3d(${animation.x + 100 * (1 - animation.progress)}%, ${animation.y}%, 0);`;
+		case "slide-right": return `transform: translate3d(${animation.x - 100 * (1 - animation.progress)}%, ${animation.y}%, 0);`;
+		case "none": return `transform:  translate3d(${animation.x}%, ${animation.y}%, 0);`;
 		default:
 			console.warn(`[action-sdk] invalid '${animation}', so we use 'transform: none' instead`);
 			return "transform: none";
@@ -4904,8 +4898,7 @@ function Icon($$anchor, $$props) {
 //#region src/components-flex/styles.ts
 const getPropStyles = (callback$5) => {
 	return (customBrandKit) => {
-		const brandKit = getBrandKit(customBrandKit);
-		return callback$5({ brandKit });
+		return callback$5({ brandKit: getBrandKit(customBrandKit) });
 	};
 };
 
@@ -7059,8 +7052,7 @@ function Modal($$anchor, $$props) {
 					$.get(backgroundClickPC)?.apply(this, $$args);
 				} }
 			});
-			var node_2 = $.sibling(node_1, 2);
-			BackgroundOverlay(node_2, {
+			BackgroundOverlay($.sibling(node_1, 2), {
 				class: "background-bp-sp ",
 				get zIndex() {
 					return props().zIndex;
@@ -7596,15 +7588,11 @@ function CountDown($$anchor, $$props) {
 		return limit - (/* @__PURE__ */ new Date()).getTime();
 	}
 	function formatTimeDiff(ms) {
-		const diffDay = Math.floor(ms / 1e3 / 60 / 60 / 24);
-		const diffHour = Math.floor(ms / 1e3 / 60 / 60) % 24;
-		const diffMin = Math.floor(ms / 1e3 / 60) % 60;
-		const diffSec = Math.floor(ms / 1e3) % 60;
 		return {
-			day: diffDay,
-			hour: diffHour,
-			min: diffMin,
-			sec: diffSec
+			day: Math.floor(ms / 1e3 / 60 / 60 / 24),
+			hour: Math.floor(ms / 1e3 / 60 / 60) % 24,
+			min: Math.floor(ms / 1e3 / 60) % 60,
+			sec: Math.floor(ms / 1e3) % 60
 		};
 	}
 	function onEachSecond() {
@@ -7696,24 +7684,22 @@ const useText = (props, layerId) => {
 			fontWeight: getFontWeight()
 		};
 	};
-	const escapedHTML = props.content.replace(/&/g, "&lt;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />");
-	const style = objToStyle({
-		position: props?.position ?? "static",
-		textAlign: props.align,
-		width: props.width,
-		fontFamily: `"${fontFamily}"`,
-		color: getColor(),
-		...getCssSize(),
-		...toCssRadius(props),
-		...toCssBackground(props),
-		...toCssCommon(props),
-		...toCssPosition(props),
-		...toCssPadding(props),
-		...toCssBorder(props)
-	});
 	return {
-		escapedHTML,
-		style
+		escapedHTML: props.content.replace(/&/g, "&lt;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;").replace(/\n/g, "<br />"),
+		style: objToStyle({
+			position: props?.position ?? "static",
+			textAlign: props.align,
+			width: props.width,
+			fontFamily: `"${fontFamily}"`,
+			color: getColor(),
+			...getCssSize(),
+			...toCssRadius(props),
+			...toCssBackground(props),
+			...toCssCommon(props),
+			...toCssPosition(props),
+			...toCssPadding(props),
+			...toCssBorder(props)
+		})
 	};
 };
 
@@ -9437,8 +9423,7 @@ function ThumbnailPreview($$anchor, $$props) {
 						var node_3 = $.first_child(fragment_3);
 						$.each(node_3, 1, () => option().children, $.index, ($$anchor$5, child) => {
 							var fragment_4 = $.comment();
-							var node_4 = $.first_child(fragment_4);
-							ThumbnailPreview(node_4, {
+							ThumbnailPreview($.first_child(fragment_4), {
 								get option() {
 									return $.get(child);
 								},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.270-29410070.b86a3f94e",
+  "version": "1.1.270-29419384.246a50882",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "type": "module",
@@ -93,7 +93,7 @@
     "picocolors": "^1.0.0",
     "playwright": "1.52.0",
     "preact": "10.5.7",
-    "rolldown": "1.0.0-beta.41",
+    "rolldown": "1.0.0-beta.53",
     "rollup-plugin-svelte": "^7.2.2",
     "serve": "^14.0.1",
     "serve-static": "^1.15.0",