@plaidev/karte-action-sdk 1.1.263 → 1.1.264

package/dist/index.es.js

@@ -725,27 +725,29 @@ const Fonts = [
     'Noto Sans JP',
     'Sawarabi Gothic',
     'Zen Kaku Gothic New',
-    'Zen Maru Gothic',
-    'Shippori Mincho',
-    'M PLUS Rounded 1c',
-    'M PLUS 1p',
-    'Kosugi Maru',
-    'Kosugi',
     'BIZ UDPGothic',
+    'Open Sans',
+    'M PLUS 1p',
+    'M PLUS Rounded 1c',
+    'Kiwi Maru',
+    'Zen Maru Gothic',
     'Noto Serif JP',
+    'Shippori Mincho',
     'BIZ UDPMincho',
     'Roboto',
-    'Open Sans',
-    'Montserrat',
     'Lato',
     'Poppins',
+    'Lora',
+    // 廃止予定
     'Raleway',
+    'Montserrat',
     'Nunito',
     'Playfair Display',
     'Merriweather',
-    'Lora',
     'Libre Baskerville',
     'EB Garamond',
+    'Kosugi Maru',
+    'Kosugi',
 ];
 /** @internal */
 const Justifies = ['flex-start', 'center', 'flex-end'];
@@ -11686,14 +11688,13 @@ const FONT_FAMILY_VARIANT = {
     noto_sans_jp: createFontVariant('Noto Sans JP', 'ja', 'kaku'),
     sawarabi_gothic: createFontVariant('Sawarabi Gothic', 'ja', 'kaku'),
     zen_kaku_gothic: createFontVariant('Zen Kaku Gothic', 'ja', 'kaku'),
-    kosugi: createFontVariant('Kosugi', 'ja', 'kaku'),
     biz_udp_gothic: createFontVariant('BIZ UDPGothic', 'ja', 'kaku'),
     open_sans: createFontVariant('Open Sans', 'ja', 'kaku'),
     sans_serif: createFontVariant('sans-serif', 'ja', 'kaku'),
-    m_plus_rounded_1c: createFontVariant('M PLUS Rounded 1c', 'ja', 'maru'),
     m_plus_1p: createFontVariant('M PLUS 1p', 'ja', 'maru'),
+    m_plus_rounded_1c: createFontVariant('M PLUS Rounded 1c', 'ja', 'maru'),
+    kiwi_maru: createFontVariant('Kiwi Maru', 'ja', 'maru'),
     zen_maru_gothic: createFontVariant('Zen Maru Gothic', 'ja', 'maru'),
-    kosugi_maru: createFontVariant('Kosugi Maru', 'ja', 'maru'),
     noto_serif_jp: createFontVariant('Noto Serif JP', 'ja', 'min'),
     shippori_micho: createFontVariant('Shippori Mincho', 'ja', 'min'),
     biz_udp_micho: createFontVariant('BIZ UDPMincho', 'ja', 'min'),
@@ -11701,11 +11702,11 @@ const FONT_FAMILY_VARIANT = {
     roboto: createFontVariant('Roboto', 'en', 'kaku'),
     lato: createFontVariant('Lato', 'en', 'kaku'),
     poppins: createFontVariant('Poppins', 'en', 'kaku'),
-    raleway: createFontVariant('Raleway', 'en', 'kaku'),
-    nunito: createFontVariant('Nunito', 'en', 'kaku'),
     lora: createFontVariant('Lora', 'en', 'kaku'),
     monospace: createFontVariant('monospace', 'en', 'kaku'),
     system_ui: createFontVariant('system-ui', 'en', 'kaku'),
+    // raleway: createFontVariant('Raleway', 'en', 'kaku'),
+    // nunito: createFontVariant('Nunito', 'en', 'kaku'),
 };
 const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
 const FONT_FAMILY_VARIANT_GROUPS = [
@@ -14037,7 +14038,7 @@ const getPropStyles = (callback) => {
     };
 };
 
-const getButtonThemeStyles = getPropStyles(({ brandKit }) => ({
+const callback$4 = ({ brandKit }) => ({
     default: {
         variant: 'normal',
         backgroundColor: brandKit.color_brand,
@@ -14103,7 +14104,8 @@ const getButtonThemeStyles = getPropStyles(({ brandKit }) => ({
         backgroundColor: 'rgba(255, 255, 255, 0)',
         color: brandKit.color_danger,
     },
-}));
+});
+const getButtonThemeStyles = getPropStyles(callback$4);
 const BUTTON_SIZE_STYLES = {
     extra_small: {
         height: '32px',
@@ -14138,13 +14140,22 @@ const BUTTON_SIZE_STYLES = {
 };
 const BUTTON_ROUND_STYLES = {
     none: {
-        borderRadius: 0,
+        borderTopLeftRadius: 0,
+        borderTopRightRadius: 0,
+        borderBottomLeftRadius: 0,
+        borderBottomRightRadius: 0,
     },
     default: {
-        borderRadius: '4px',
+        borderTopLeftRadius: '4px',
+        borderTopRightRadius: '4px',
+        borderBottomLeftRadius: '4px',
+        borderBottomRightRadius: '4px',
     },
     fulled: {
-        borderRadius: '56px',
+        borderTopLeftRadius: '9999px',
+        borderTopRightRadius: '9999px',
+        borderBottomLeftRadius: '9999px',
+        borderBottomRightRadius: '9999px',
     },
 };
 const BUTTON_WRAP_STYLES = {
@@ -14208,7 +14219,7 @@ function add_css$k(target) {
 	append_styles(target, "svelte-brd6e9", ".button.svelte-brd6e9{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-brd6e9:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-brd6e9{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 
-// (86:2) {#if props.isIcon && props.iconVariant}
+// (91:2) {#if props.isIcon && props.iconVariant}
 function create_if_block$7(ctx) {
 	let div;
 	let icon;
@@ -14264,7 +14275,7 @@ function create_if_block$7(ctx) {
 	};
 }
 
-// (77:0) <svelte:element   {...attributes}   this={element}   class="button"   style={style}   data-layer-id={layerId}   data-variant={variant}   on:click={handleClick} >
+// (82:0) <svelte:element   {...attributes}   this={element}   class="button"   style={style}   data-layer-id={layerId}   data-variant={variant}   on:click={handleClick} >
 function create_dynamic_element$9(ctx) {
 	let svelte_element;
 	let t0;
@@ -14490,7 +14501,14 @@ function instance$m($$self, $$props, $$invalidate) {
 				width: props.width,
 				fontWeight: props.fontWeight ?? 'bold',
 				...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
-				...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
+				...props.borderTopLeftRadius
+				? {
+						borderTopLeftRadius: props.borderTopLeftRadius,
+						borderTopRightRadius: props.borderTopRightRadius,
+						borderBottomLeftRadius: props.borderBottomLeftRadius,
+						borderBottomRightRadius: props.borderBottomRightRadius
+					}
+				: BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
 				...props.iconAngle
 				? { flexDirection: props.iconAngle }
 				: {},
@@ -14567,7 +14585,7 @@ const BUTTON_OUTLINED_SIZE_STYLES = {
         fontSize: '16px',
     },
 };
-const getButtonOutlinedThemeStyles = getPropStyles(({ brandKit }) => ({
+const callback$3 = ({ brandKit }) => ({
     default: {
         color: brandKit.color_brand,
         borderColor: brandKit.color_brand,
@@ -14603,7 +14621,8 @@ const getButtonOutlinedThemeStyles = getPropStyles(({ brandKit }) => ({
         borderColor: '#FFFFFF',
         backgroundColor: '#000000',
     },
-}));
+});
+const getButtonOutlinedThemeStyles = getPropStyles(callback$3);
 const BUTTON_OUTLINED_ROUND_STYLES = {
     none: {
         borderRadius: 0,
@@ -14933,7 +14952,7 @@ const BUTTON_TEXT_SIZE_STYLES = {
         fontSize: '16px',
     },
 };
-const getButtonTextThemeStyles = getPropStyles(({ brandKit }) => ({
+const callback$2 = ({ brandKit }) => ({
     default: {
         backgroundColor: '#f3f4f6',
         color: brandKit.color_brand,
@@ -14966,7 +14985,8 @@ const getButtonTextThemeStyles = getPropStyles(({ brandKit }) => ({
         backgroundColor: '#f3f4f6',
         color: brandKit.color_white,
     },
-}));
+});
+const getButtonTextThemeStyles = getPropStyles(callback$2);
 
 /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
 
@@ -15269,29 +15289,13 @@ const BUTTON_TEXT_THEME = {
     white: 'White',
 };
 
-const CLOSE_BUTTON_PLACEMENT = {
-    topRight: 'topRight',
-    topLeft: 'topLeft',
-    bottomRight: 'bottomRight',
-    bottomLeft: 'bottomLeft',
-};
-const CLOSE_BUTTON_ROUND = {
-    default: 'デフォルト',
-    none: 'なし',
-    fulled: '円形',
-};
-const CLOSE_BUTTON_LABEL_PLACEMENT = {
-    right: 'right',
-    left: 'left',
-};
-
 /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
 
 function add_css$h(target) {
 	append_styles(target, "svelte-3133h2", ".close-button.svelte-3133h2.svelte-3133h2{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3133h2 svg.svelte-3133h2{transition:transform 0.12s}.close-button.svelte-3133h2:hover svg.svelte-3133h2{transform:rotate(90deg)}.close-button-order-one.svelte-3133h2.svelte-3133h2{order:1}.close-button-order-two.svelte-3133h2.svelte-3133h2{order:2}");
 }
 
-// (91:2) {#if hasLabel}
+// (90:2) {#if hasLabel}
 function create_if_block$4(ctx) {
 	let span;
 	let t;
@@ -15321,7 +15325,7 @@ function create_if_block$4(ctx) {
 	};
 }
 
-// (72:0) <svelte:element   {...attributes}   this={element}   class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}"   data-layer-id={layerId}   style={style}   on:click={handleClick} >
+// (71:0) <svelte:element   {...attributes}   this={element}   class="close-button {isLeftLabelPlacement ? 'close-button-order-two' : ''}"   data-layer-id={layerId}   style={style}   on:click={handleClick} >
 function create_dynamic_element$6(ctx) {
 	let svelte_element;
 	let span;
@@ -15585,6 +15589,22 @@ class CloseButton extends SvelteComponent {
 	}
 }
 
+const CLOSE_BUTTON_PLACEMENT = {
+    topRight: 'topRight',
+    topLeft: 'topLeft',
+    bottomRight: 'bottomRight',
+    bottomLeft: 'bottomLeft',
+};
+const CLOSE_BUTTON_ROUND = {
+    default: 'デフォルト',
+    none: 'なし',
+    fulled: '円形',
+};
+const CLOSE_BUTTON_LABEL_PLACEMENT = {
+    right: 'right',
+    left: 'left',
+};
+
 const ICON_SIZE_STYLES = {
     x_small: {
         width: '12px',
@@ -16645,7 +16665,7 @@ class SliderItem extends SvelteComponent {
 	}
 }
 
-const getTextThemeStyles = getPropStyles(({ brandKit }) => ({
+const callback$1 = ({ brandKit }) => ({
     default: {
         color: brandKit.color_text_primary,
     },
@@ -16670,7 +16690,8 @@ const getTextThemeStyles = getPropStyles(({ brandKit }) => ({
     white: {
         color: brandKit.color_white,
     },
-}));
+});
+const getTextThemeStyles = getPropStyles(callback$1);
 
 const TEXT_VARIANTS = {
     size: {
@@ -17015,7 +17036,7 @@ const TEXT_LINK_SIZE_STYLES = {
         fontSize: '16px',
     },
 };
-const getTextLinkThemeStyles = getPropStyles(({ brandKit }) => ({
+const callback = ({ brandKit }) => ({
     default: {
         color: brandKit.color_text_primary,
     },
@@ -17034,7 +17055,8 @@ const getTextLinkThemeStyles = getPropStyles(({ brandKit }) => ({
     white: {
         color: brandKit.color_white,
     },
-}));
+});
+const getTextLinkThemeStyles = getPropStyles(callback);
 
 /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
 
@@ -18984,8 +19006,8 @@ function instance$4($$self, $$props, $$invalidate) {
 
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	function onPlayerReady() {
-		if (props.mute) {
-			player.mute();
+		if (props.mute || props.autoplay) {
+			player.setVolume(0);
 		}
 	}
 
@@ -19002,6 +19024,7 @@ function instance$4($$self, $$props, $$invalidate) {
 			autoplay: boolToNumber(props.autoplay),
 			controls: boolToNumber(props.controls),
 			cc_load_policy: boolToNumber(props.showSubtitle),
+			// TODO: appの場合はフルスクリーンにすると、画面境界の変化を検知し画面遷移が発生 -> 接客自体が消えてしまうため強制OFFにする
 			fs: boolToNumber(props.showFullScreen),
 			loop: boolToNumber(props.loop),
 			playlist: props.videoId

package/dist/templates.cjs.d.ts

@@ -30,5 +30,5 @@ declare function createCompatibleCustomScript({ script, templateType, }?: {
     script?: string;
     templateType?: 'webpopup' | 'script';
 }): string;
-declare function createCustomScript(script?: string): string;
+declare function createCustomScript(script?: string): ReturnType<typeof createCompatibleCustomScript>;
 export { createAppScript, createIndexTsx, createCompatibleCustomScript, createCustomScript };

package/dist/templates.d.ts

@@ -30,5 +30,5 @@ declare function createCompatibleCustomScript({ script, templateType, }?: {
     script?: string;
     templateType?: 'webpopup' | 'script';
 }): string;
-declare function createCustomScript(script?: string): string;
+declare function createCustomScript(script?: string): ReturnType<typeof createCompatibleCustomScript>;
 export { createAppScript, createIndexTsx, createCompatibleCustomScript, createCustomScript };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.263",
+  "version": "1.1.264",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",
@@ -61,12 +61,12 @@
     "@microsoft/api-extractor": "7.48.0",
     "@rollup/plugin-alias": "^4.0.0",
     "@rollup/plugin-commonjs": "^23.0.1",
+    "@rollup/plugin-image": "^3.0.2",
     "@rollup/plugin-json": "^5.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
     "@rollup/plugin-replace": "^5.0.0",
     "@sveltejs/vite-plugin-svelte": "1.0.0-next.37",
     "@testing-library/svelte": "^5.2.4",
-    "@tsconfig/svelte": "^3.0.0",
     "@types/brotli": "^1.3.1",
     "@types/serve-static": "^1.13.10",
     "brotli": "^1.3.3",
@@ -80,6 +80,7 @@
     "playwright": "1.50.0",
     "preact": "10.5.7",
     "rimraf": "^3.0.2",
+    "rolldown": "latest",
     "rollup": "^3.12.0",
     "rollup-plugin-livereload": "^2.0.0",
     "rollup-plugin-serve": "^2.0.0",
@@ -90,7 +91,7 @@
     "serve-static": "^1.15.0",
     "svelte": "3.53.1",
     "svelte-check": "^2.2.7",
-    "svelte-preprocess": "4.9.8",
+    "svelte-preprocess": "5.1.4",
     "terser": "^5.37.0",
     "textlint": "^13.1.1",
     "textlint-plugin-tsdoc": "^0.1.0",
@@ -98,14 +99,12 @@
     "textlint-rule-preset-ja-technical-writing": "^7.0.0",
     "tslib": "^2.3.1",
     "tsx": "^4.19.2",
-    "typescript": "^4.7.4",
+    "unplugin-isolated-decl": "latest",
+    "typescript": "5.8.2",
     "vitepress": "1.0.0-alpha.30",
     "vitest": "3.0.5",
     "@plaidev/action-compiler": "0.4.231"
   },
-  "dependencies": {
-    "@rollup/plugin-image": "^3.0.2"
-  },
   "scripts": {
     "dev": "tsx ./scripts/preview.ts",
     "dev:hydrate": "tsx ./scripts/preview.ts --hydrate",
@@ -115,6 +114,7 @@
     "setup:template": "tsx ./scripts/template.ts",
     "setup:concat": "tsx ./scripts/concat.ts",
     "setup:compile": "tsx ./scripts/compile.ts",
+    "rolldown:build": "rolldown --config ./rolldown.config.mjs && mv ./dist/index.d.ts ./dist/index.es.d.ts",
     "build": "rollup --config rollup.config.ts --configPlugin rollup-plugin-ts",
     "build:api": "api-extractor run --local --verbose",
     "build:watch": "rollup --config rollup.config.ts --configPlugin rollup-plugin-ts -w",