@plaidev/karte-action-sdk 1.1.220 → 1.1.222

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

@@ -1515,6 +1515,75 @@ declare function createFog({ color, opacity, zIndex, onclick }: {
     fog: HTMLDivElement;
     close: () => void;
 };
+type AnswerValue = {
+    choices: string[];
+} | {
+    free_answer: string;
+};
+/**
+ * 選択式のアンケート回答を追加する
+ *
+ * @param questionId - 質問ID
+ * @param choices - 回答内容
+ *
+ * @public
+ */
+declare function addChoiceAnswer(questionId: string, choices: string[], validation?: {
+    isValid: boolean;
+    statePath: string;
+}): void;
+/**
+ * 自由記述式のアンケート回答を追加する
+ *
+ * @param questionId - 質問ID
+ * @param freeAnswer - 回答内容
+ *
+ * @public
+ */
+declare function addFreeAnswer(questionId: string, freeAnswer: string, validation?: {
+    isValid: boolean;
+    statePath: string;
+}): void;
+/**
+ * 回答済の回答を削除
+ *
+ * @param questionId - 質問ID
+ *
+ * @public
+ */
+declare function removeAnswer(questionId: string): void;
+/**
+ * 回答済の回答内容を取得する
+ *
+ * @param questionId - 質問ID
+ *
+ * @returns 回答データ
+ *
+ * @public
+ */
+declare function getAnsweredQuestion(questionId: string): AnswerValue | undefined;
+/**
+ * 回答済の回答IDのリストを取得
+ *
+ * @returns 回答済の質問の質問IDの配列
+ *
+ * @public
+ */
+declare function getAnsweredQuestionIds(): string[];
+/**
+ * `sendAnswers`のエイリアス
+ *
+ * @public
+ */
+declare function sendAnswer(): boolean;
+/**
+ * 回答済の回答をまとめてイベントとして送信する
+ *
+ * @returns イベント送信の成功/失敗
+ *
+ * @public
+ */
+declare function sendAnswers(): boolean;
 declare namespace widget {
     /**
      * アクションの汎用的なタイプを定義する
@@ -2277,7 +2346,7 @@ declare const afterUpdate: typeof afterUpdateSvelte;
 declare const tick: typeof tickSvelte;
 // @internal
 declare const LAYOUT_COMPONENT_NAMES: string[];
-export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES };
+export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES };
 export type { SystemConfig, ActionVariables, ActionEventHandler, ActionProps, ActionOptions, ActionHook, ActionHookLog, ActionChangeStateHook, SendFunction, PublishFunction, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionCloseHook, ShowTrigger, CloseTrigger, CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';

package/dist/hydrate/index.es.js

@@ -2255,6 +2255,247 @@ function destroy() {
     dispatchDestroyEvent();
 }
 
+const USER_ID_VARIABLE_NAME = '__karte_form_identify_user_id';
+const MAX_LENGTH_FREE_ANSWER = 2000;
+function isEmpty(value) {
+    if (Array.isArray(value)) {
+        return value.length === 0;
+    }
+    else {
+        return !value;
+    }
+}
+/** @internal */
+function createInputRegisterer(formData) {
+    const registerInput = ({ name, statePath, validator = () => true, initialValue, }) => {
+        const writableValue = {
+            subscribe(run) {
+                return formData.subscribe(formData => {
+                    run(formData[name]?.value);
+                });
+            },
+            set(value) {
+                formData.update(prev => ({
+                    ...prev,
+                    [name]: {
+                        statePath,
+                        value,
+                        isValid: validator(value),
+                    },
+                }));
+            },
+            update(updater) {
+                formData.update(prev => {
+                    const prevValue = prev[name]?.value;
+                    if (prevValue === undefined)
+                        return prev;
+                    const value = updater(prevValue);
+                    return {
+                        ...prev,
+                        [name]: {
+                            statePath,
+                            value,
+                            isValid: validator(value),
+                        },
+                    };
+                });
+            },
+        };
+        const readableIsValid = {
+            subscribe(run) {
+                return formData.subscribe(formData => {
+                    run(formData[name]?.isValid);
+                });
+            },
+        };
+        if (isEmpty(get(writableValue))) {
+            writableValue.set(initialValue);
+        }
+        return {
+            value: writableValue,
+            isValid: readableIsValid,
+        };
+    };
+    return registerInput;
+}
+/** @internal */
+const registerInput = createInputRegisterer(formData);
+/** @internal */
+const registerIdentifyInput = createInputRegisterer(identifyFormData);
+function validateFormData(formData, statePath) {
+    return Object.entries(formData)
+        .filter(([_, { statePath: s }]) => s === statePath) // eslint-disable-line @typescript-eslint/no-unused-vars
+        .every(([_, { isValid }]) => isValid); // eslint-disable-line @typescript-eslint/no-unused-vars
+}
+/** @internal */
+const getValuesAreValidReadable = statePath => ({
+    subscribe(callback) {
+        return formData.subscribe(formData => identifyFormData.subscribe(identifyFormData => {
+            const valuesAreValid = validateFormData(formData, statePath) && validateFormData(identifyFormData, statePath);
+            callback(valuesAreValid);
+        }));
+    },
+});
+function createAnswerValue(value) {
+    if (Array.isArray(value)) {
+        return {
+            choices: value,
+        };
+    }
+    else if (typeof value === 'string') {
+        return {
+            free_answer: value,
+        };
+    }
+}
+function formDataToEventValues(campaignId, formData) {
+    const questions = [];
+    const answersMap = {};
+    Object.entries(formData).forEach(([name, dataItem]) => {
+        questions.push(name);
+        const value = dataItem.value;
+        const answerKey = `question_${name}`;
+        const answerValue = createAnswerValue(value);
+        answersMap[answerKey] = answerValue;
+    });
+    return {
+        [campaignId]: {
+            questions,
+            ...answersMap,
+        },
+    };
+}
+function formDataToIdentifyEventValues(formData) {
+    return Object.fromEntries(Object.entries(formData).map(([name, dataItem]) => {
+        const value = dataItem.value;
+        return [name, value];
+    }));
+}
+/** @internal */
+function submit() {
+    const systemConfig = getSystem();
+    const campaignId = systemConfig.campaignId;
+    if (campaignId) {
+        const formData$1 = get(formData);
+        const identifyFormData$1 = get(identifyFormData);
+        const values = formDataToEventValues(campaignId, formData$1);
+        const identifyValues = formDataToIdentifyEventValues(identifyFormData$1);
+        if (Object.keys(identifyValues).length > 0) {
+            identifyValues['user_id'] = getVariables()?.[USER_ID_VARIABLE_NAME];
+        }
+        return { values, identifyValues };
+    }
+    return {};
+}
+/**
+ * 選択式のアンケート回答を追加する
+ *
+ * @param questionId - 質問ID
+ * @param choices - 回答内容
+ *
+ * @public
+ */
+function addChoiceAnswer(questionId, choices, validation) {
+    formData.update(prev => ({
+        ...prev,
+        [questionId]: {
+            value: choices,
+            statePath: validation?.statePath ?? '',
+            isValid: validation?.isValid ?? true,
+        },
+    }));
+}
+/**
+ * 自由記述式のアンケート回答を追加する
+ *
+ * @param questionId - 質問ID
+ * @param freeAnswer - 回答内容
+ *
+ * @public
+ */
+function addFreeAnswer(questionId, freeAnswer, validation) {
+    formData.update(prev => ({
+        ...prev,
+        [questionId]: {
+            value: freeAnswer.slice(0, MAX_LENGTH_FREE_ANSWER),
+            statePath: validation?.statePath ?? '',
+            isValid: validation?.isValid ?? true,
+        },
+    }));
+}
+/**
+ * 回答済の回答を削除
+ *
+ * @param questionId - 質問ID
+ *
+ * @public
+ */
+function removeAnswer(questionId) {
+    formData.update(prev => {
+        const next = { ...prev };
+        delete next[questionId];
+        return next;
+    });
+}
+/**
+ * 回答済の回答内容を取得する
+ *
+ * @param questionId - 質問ID
+ *
+ * @returns 回答データ
+ *
+ * @public
+ */
+function getAnsweredQuestion(questionId) {
+    const formData$1 = get(formData);
+    const valueState = formData$1[questionId];
+    if (valueState) {
+        return createAnswerValue(valueState.value);
+    }
+}
+/**
+ * 回答済の回答IDのリストを取得
+ *
+ * @returns 回答済の質問の質問IDの配列
+ *
+ * @public
+ */
+function getAnsweredQuestionIds() {
+    const formData$1 = get(formData);
+    return Object.keys(formData$1);
+}
+/**
+ * `sendAnswers`のエイリアス
+ *
+ * @public
+ */
+function sendAnswer() {
+    return sendAnswers();
+}
+// NOTE: sendAnswers用
+let isSent = false;
+/**
+ * 回答済の回答をまとめてイベントとして送信する
+ *
+ * @returns イベント送信の成功/失敗
+ *
+ * @public
+ */
+function sendAnswers() {
+    const { values, identifyValues } = submit();
+    if (isSent)
+        return false;
+    if (Object.keys(values ?? {}).length === 0 && Object.keys(identifyValues ?? {}).length === 0) {
+        return false;
+    }
+    send_event('_answer_question', values);
+    if (Object.keys(identifyValues ?? {}).length > 0) {
+        send_event('identify', identifyValues);
+    }
+    isSent = true;
+    return true;
+}
+
 /**
  * エディタv1のWidget API 互換のインターフェース
  */
@@ -2913,134 +3154,6 @@ class StateItem extends SvelteComponent {
 	}
 }
 
-const USER_ID_VARIABLE_NAME = '__karte_form_identify_user_id';
-function isEmpty(value) {
-    if (Array.isArray(value)) {
-        return value.length === 0;
-    }
-    else {
-        return !value;
-    }
-}
-/** @internal */
-function createInputRegisterer(formData) {
-    const registerInput = ({ name, statePath, validator = () => true, initialValue, }) => {
-        const writableValue = {
-            subscribe(run) {
-                return formData.subscribe(formData => {
-                    run(formData[name]?.value);
-                });
-            },
-            set(value) {
-                formData.update(prev => ({
-                    ...prev,
-                    [name]: {
-                        statePath,
-                        value,
-                        isValid: validator(value),
-                    },
-                }));
-            },
-            update(updater) {
-                formData.update(prev => {
-                    const prevValue = prev[name]?.value;
-                    if (prevValue === undefined)
-                        return prev;
-                    const value = updater(prevValue);
-                    return {
-                        ...prev,
-                        [name]: {
-                            statePath,
-                            value,
-                            isValid: validator(value),
-                        },
-                    };
-                });
-            },
-        };
-        const readableIsValid = {
-            subscribe(run) {
-                return formData.subscribe(formData => {
-                    run(formData[name]?.isValid);
-                });
-            },
-        };
-        if (isEmpty(get(writableValue))) {
-            writableValue.set(initialValue);
-        }
-        return {
-            value: writableValue,
-            isValid: readableIsValid,
-        };
-    };
-    return registerInput;
-}
-/** @internal */
-const registerInput = createInputRegisterer(formData);
-/** @internal */
-const registerIdentifyInput = createInputRegisterer(identifyFormData);
-function validateFormData(formData, statePath) {
-    return Object.entries(formData)
-        .filter(([_, { statePath: s }]) => s === statePath) // eslint-disable-line @typescript-eslint/no-unused-vars
-        .every(([_, { isValid }]) => isValid); // eslint-disable-line @typescript-eslint/no-unused-vars
-}
-/** @internal */
-const getValuesAreValidReadable = statePath => ({
-    subscribe(callback) {
-        return formData.subscribe(formData => identifyFormData.subscribe(identifyFormData => {
-            const valuesAreValid = validateFormData(formData, statePath) && validateFormData(identifyFormData, statePath);
-            callback(valuesAreValid);
-        }));
-    },
-});
-function formDataToEventValues(campaignId, formData) {
-    const questions = [];
-    const answersMap = {};
-    Object.entries(formData).forEach(([name, dataItem]) => {
-        questions.push(name);
-        const value = dataItem.value;
-        const answerKey = `question_${name}`;
-        if (Array.isArray(value)) {
-            answersMap[answerKey] = {
-                choices: value,
-            };
-        }
-        else if (typeof value === 'string') {
-            answersMap[answerKey] = {
-                free_answer: value,
-            };
-        }
-    });
-    return {
-        [campaignId]: {
-            questions,
-            ...answersMap,
-        },
-    };
-}
-function formDataToIdentifyEventValues(formData) {
-    return Object.fromEntries(Object.entries(formData).map(([name, dataItem]) => {
-        const value = dataItem.value;
-        return [name, value];
-    }));
-}
-/** @internal */
-function submit() {
-    const systemConfig = getSystem();
-    const campaignId = systemConfig.campaignId;
-    if (campaignId) {
-        const formData$1 = get(formData);
-        const identifyFormData$1 = get(identifyFormData);
-        const values = formDataToEventValues(campaignId, formData$1);
-        const identifyValues = formDataToIdentifyEventValues(identifyFormData$1);
-        if (Object.keys(identifyValues).length > 0) {
-            identifyValues['user_id'] = getVariables()?.[USER_ID_VARIABLE_NAME];
-        }
-        return { values, identifyValues };
-    }
-    return {};
-}
-
 /**
  * モーダル(ポップアップ)のコンポーネントが利用するコードの管理
  */
@@ -8140,14 +8253,14 @@ function add_css$e(target) {
 
 function get_each_context$2(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[12] = list[i];
+	child_ctx[14] = list[i];
 	return child_ctx;
 }
 
-// (64:2) {#each [...Array(count).keys()].map(i => i + 1) as i}
+// (68:2) {#each [...Array(count).keys()].map(i => i + startingNumber) as i}
 function create_each_block$2(ctx) {
 	let button;
-	let t0_value = /*i*/ ctx[12] + "";
+	let t0_value = /*i*/ ctx[14] + "";
 	let t0;
 	let t1;
 	let button_style_value;
@@ -8171,7 +8284,7 @@ function create_each_block$2(ctx) {
 		},
 		h() {
 			attr(button, "class", "rating-button svelte-9idbf1");
-			attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
+			attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
 		},
 		m(target, anchor) {
 			insert_hydration(target, button, anchor);
@@ -8180,7 +8293,7 @@ function create_each_block$2(ctx) {
 
 			if (!mounted) {
 				dispose = listen(button, "click", function () {
-					if (is_function(/*handleClick*/ ctx[3](/*i*/ ctx[12]))) /*handleClick*/ ctx[3](/*i*/ ctx[12]).apply(this, arguments);
+					if (is_function(/*handleClick*/ ctx[4](/*i*/ ctx[14]))) /*handleClick*/ ctx[4](/*i*/ ctx[14]).apply(this, arguments);
 				});
 
 				mounted = true;
@@ -8188,9 +8301,9 @@ function create_each_block$2(ctx) {
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
-			if (dirty & /*count*/ 1 && t0_value !== (t0_value = /*i*/ ctx[12] + "")) set_data(t0, t0_value);
+			if (dirty & /*count, startingNumber*/ 3 && t0_value !== (t0_value = /*i*/ ctx[14] + "")) set_data(t0, t0_value);
 
-			if (dirty & /*count, _value*/ 3 && button_style_value !== (button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]))) {
+			if (dirty & /*count, startingNumber, _value*/ 7 && button_style_value !== (button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]))) {
 				attr(button, "style", button_style_value);
 			}
 		},
@@ -8204,7 +8317,7 @@ function create_each_block$2(ctx) {
 
 function create_fragment$f(ctx) {
 	let div;
-	let each_value = [...Array(/*count*/ ctx[0]).keys()].map(func$1);
+	let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -8243,8 +8356,8 @@ function create_fragment$f(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*getTextButtonStyle, Array, count, _value, handleClick*/ 27) {
-				each_value = [...Array(/*count*/ ctx[0]).keys()].map(func$1);
+			if (dirty & /*getTextButtonStyle, Array, count, startingNumber, _value, handleClick*/ 55) {
+				each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -8275,14 +8388,13 @@ function create_fragment$f(ctx) {
 	};
 }
 
-const func$1 = i => i + 1;
-
 function instance$f($$self, $$props, $$invalidate) {
 	let _value;
 	let $value;
 	let { name = '' } = $$props;
 	let { required = false } = $$props;
 	let { count = 5 } = $$props;
+	let { startingNumber = 1 } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
 	let { buttonStyle = 'width: 32px; height: 32px; font-size: 12px; font-weight: bold; border-radius: 17px; color: #333; background-color: rgba(0, 16, 14, 0.06); box-shadow: 0px 0px 16px 0px rgba(0, 16, 14, 0);' } = $$props;
 	let { buttonActiveStyle = 'color: #333; background-color: #2aab9f; box-shadow: 0px 8px 16px 0px rgba(0, 16, 14, 0.3);' } = $$props;
@@ -8298,7 +8410,7 @@ function instance$f($$self, $$props, $$invalidate) {
 		}
 	});
 
-	component_subscribe($$self, value, value => $$invalidate(10, $value = value));
+	component_subscribe($$self, value, value => $$invalidate(11, $value = value));
 
 	const handleClick = index => event => {
 		value.set([String(index)]);
@@ -8312,27 +8424,31 @@ function instance$f($$self, $$props, $$invalidate) {
 		].join(';');
 	}
 
+	const func = i => i + startingNumber;
+
 	$$self.$$set = $$props => {
-		if ('name' in $$props) $$invalidate(5, name = $$props.name);
-		if ('required' in $$props) $$invalidate(6, required = $$props.required);
+		if ('name' in $$props) $$invalidate(6, name = $$props.name);
+		if ('required' in $$props) $$invalidate(7, required = $$props.required);
 		if ('count' in $$props) $$invalidate(0, count = $$props.count);
-		if ('font' in $$props) $$invalidate(7, font = $$props.font);
-		if ('buttonStyle' in $$props) $$invalidate(8, buttonStyle = $$props.buttonStyle);
-		if ('buttonActiveStyle' in $$props) $$invalidate(9, buttonActiveStyle = $$props.buttonActiveStyle);
+		if ('startingNumber' in $$props) $$invalidate(1, startingNumber = $$props.startingNumber);
+		if ('font' in $$props) $$invalidate(8, font = $$props.font);
+		if ('buttonStyle' in $$props) $$invalidate(9, buttonStyle = $$props.buttonStyle);
+		if ('buttonActiveStyle' in $$props) $$invalidate(10, buttonActiveStyle = $$props.buttonActiveStyle);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*font*/ 128) {
+		if ($$self.$$.dirty & /*font*/ 256) {
 			addFont(font);
 		}
 
-		if ($$self.$$.dirty & /*$value*/ 1024) {
-			$$invalidate(1, _value = Number($value[0] ?? -1));
+		if ($$self.$$.dirty & /*$value*/ 2048) {
+			$$invalidate(2, _value = Number($value[0] ?? -1));
 		}
 	};
 
 	return [
 		count,
+		startingNumber,
 		_value,
 		value,
 		handleClick,
@@ -8342,7 +8458,8 @@ function instance$f($$self, $$props, $$invalidate) {
 		font,
 		buttonStyle,
 		buttonActiveStyle,
-		$value
+		$value,
+		func
 	];
 }
 
@@ -8357,12 +8474,13 @@ class FormRatingButtonsNumber extends SvelteComponent {
 			create_fragment$f,
 			safe_not_equal,
 			{
-				name: 5,
-				required: 6,
+				name: 6,
+				required: 7,
 				count: 0,
-				font: 7,
-				buttonStyle: 8,
-				buttonActiveStyle: 9
+				startingNumber: 1,
+				font: 8,
+				buttonStyle: 9,
+				buttonActiveStyle: 10
 			},
 			add_css$e
 		);
@@ -11746,4 +11864,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, resetEventHandlers, resetVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
+export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };

package/dist/index.es.d.ts

@@ -1515,6 +1515,75 @@ declare function createFog({ color, opacity, zIndex, onclick }: {
     fog: HTMLDivElement;
     close: () => void;
 };
+type AnswerValue = {
+    choices: string[];
+} | {
+    free_answer: string;
+};
+/**
+ * 選択式のアンケート回答を追加する
+ *
+ * @param questionId - 質問ID
+ * @param choices - 回答内容
+ *
+ * @public
+ */
+declare function addChoiceAnswer(questionId: string, choices: string[], validation?: {
+    isValid: boolean;
+    statePath: string;
+}): void;
+/**
+ * 自由記述式のアンケート回答を追加する
+ *
+ * @param questionId - 質問ID
+ * @param freeAnswer - 回答内容
+ *
+ * @public
+ */
+declare function addFreeAnswer(questionId: string, freeAnswer: string, validation?: {
+    isValid: boolean;
+    statePath: string;
+}): void;
+/**
+ * 回答済の回答を削除
+ *
+ * @param questionId - 質問ID
+ *
+ * @public
+ */
+declare function removeAnswer(questionId: string): void;
+/**
+ * 回答済の回答内容を取得する
+ *
+ * @param questionId - 質問ID
+ *
+ * @returns 回答データ
+ *
+ * @public
+ */
+declare function getAnsweredQuestion(questionId: string): AnswerValue | undefined;
+/**
+ * 回答済の回答IDのリストを取得
+ *
+ * @returns 回答済の質問の質問IDの配列
+ *
+ * @public
+ */
+declare function getAnsweredQuestionIds(): string[];
+/**
+ * `sendAnswers`のエイリアス
+ *
+ * @public
+ */
+declare function sendAnswer(): boolean;
+/**
+ * 回答済の回答をまとめてイベントとして送信する
+ *
+ * @returns イベント送信の成功/失敗
+ *
+ * @public
+ */
+declare function sendAnswers(): boolean;
 declare namespace widget {
     /**
      * アクションの汎用的なタイプを定義する
@@ -2277,7 +2346,7 @@ declare const afterUpdate: typeof afterUpdateSvelte;
 declare const tick: typeof tickSvelte;
 // @internal
 declare const LAYOUT_COMPONENT_NAMES: string[];
-export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES };
+export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES };
 export type { SystemConfig, ActionVariables, ActionEventHandler, ActionProps, ActionOptions, ActionHook, ActionHookLog, ActionChangeStateHook, SendFunction, PublishFunction, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionCloseHook, ShowTrigger, CloseTrigger, CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';

package/dist/index.es.js

@@ -2312,6 +2312,247 @@ function destroy() {
     dispatchDestroyEvent();
 }
 
+const USER_ID_VARIABLE_NAME = '__karte_form_identify_user_id';
+const MAX_LENGTH_FREE_ANSWER = 2000;
+function isEmpty(value) {
+    if (Array.isArray(value)) {
+        return value.length === 0;
+    }
+    else {
+        return !value;
+    }
+}
+/** @internal */
+function createInputRegisterer(formData) {
+    const registerInput = ({ name, statePath, validator = () => true, initialValue, }) => {
+        const writableValue = {
+            subscribe(run) {
+                return formData.subscribe(formData => {
+                    run(formData[name]?.value);
+                });
+            },
+            set(value) {
+                formData.update(prev => ({
+                    ...prev,
+                    [name]: {
+                        statePath,
+                        value,
+                        isValid: validator(value),
+                    },
+                }));
+            },
+            update(updater) {
+                formData.update(prev => {
+                    const prevValue = prev[name]?.value;
+                    if (prevValue === undefined)
+                        return prev;
+                    const value = updater(prevValue);
+                    return {
+                        ...prev,
+                        [name]: {
+                            statePath,
+                            value,
+                            isValid: validator(value),
+                        },
+                    };
+                });
+            },
+        };
+        const readableIsValid = {
+            subscribe(run) {
+                return formData.subscribe(formData => {
+                    run(formData[name]?.isValid);
+                });
+            },
+        };
+        if (isEmpty(get(writableValue))) {
+            writableValue.set(initialValue);
+        }
+        return {
+            value: writableValue,
+            isValid: readableIsValid,
+        };
+    };
+    return registerInput;
+}
+/** @internal */
+const registerInput = createInputRegisterer(formData);
+/** @internal */
+const registerIdentifyInput = createInputRegisterer(identifyFormData);
+function validateFormData(formData, statePath) {
+    return Object.entries(formData)
+        .filter(([_, { statePath: s }]) => s === statePath) // eslint-disable-line @typescript-eslint/no-unused-vars
+        .every(([_, { isValid }]) => isValid); // eslint-disable-line @typescript-eslint/no-unused-vars
+}
+/** @internal */
+const getValuesAreValidReadable = statePath => ({
+    subscribe(callback) {
+        return formData.subscribe(formData => identifyFormData.subscribe(identifyFormData => {
+            const valuesAreValid = validateFormData(formData, statePath) && validateFormData(identifyFormData, statePath);
+            callback(valuesAreValid);
+        }));
+    },
+});
+function createAnswerValue(value) {
+    if (Array.isArray(value)) {
+        return {
+            choices: value,
+        };
+    }
+    else if (typeof value === 'string') {
+        return {
+            free_answer: value,
+        };
+    }
+}
+function formDataToEventValues(campaignId, formData) {
+    const questions = [];
+    const answersMap = {};
+    Object.entries(formData).forEach(([name, dataItem]) => {
+        questions.push(name);
+        const value = dataItem.value;
+        const answerKey = `question_${name}`;
+        const answerValue = createAnswerValue(value);
+        answersMap[answerKey] = answerValue;
+    });
+    return {
+        [campaignId]: {
+            questions,
+            ...answersMap,
+        },
+    };
+}
+function formDataToIdentifyEventValues(formData) {
+    return Object.fromEntries(Object.entries(formData).map(([name, dataItem]) => {
+        const value = dataItem.value;
+        return [name, value];
+    }));
+}
+/** @internal */
+function submit() {
+    const systemConfig = getSystem();
+    const campaignId = systemConfig.campaignId;
+    if (campaignId) {
+        const formData$1 = get(formData);
+        const identifyFormData$1 = get(identifyFormData);
+        const values = formDataToEventValues(campaignId, formData$1);
+        const identifyValues = formDataToIdentifyEventValues(identifyFormData$1);
+        if (Object.keys(identifyValues).length > 0) {
+            identifyValues['user_id'] = getVariables()?.[USER_ID_VARIABLE_NAME];
+        }
+        return { values, identifyValues };
+    }
+    return {};
+}
+/**
+ * 選択式のアンケート回答を追加する
+ *
+ * @param questionId - 質問ID
+ * @param choices - 回答内容
+ *
+ * @public
+ */
+function addChoiceAnswer(questionId, choices, validation) {
+    formData.update(prev => ({
+        ...prev,
+        [questionId]: {
+            value: choices,
+            statePath: validation?.statePath ?? '',
+            isValid: validation?.isValid ?? true,
+        },
+    }));
+}
+/**
+ * 自由記述式のアンケート回答を追加する
+ *
+ * @param questionId - 質問ID
+ * @param freeAnswer - 回答内容
+ *
+ * @public
+ */
+function addFreeAnswer(questionId, freeAnswer, validation) {
+    formData.update(prev => ({
+        ...prev,
+        [questionId]: {
+            value: freeAnswer.slice(0, MAX_LENGTH_FREE_ANSWER),
+            statePath: validation?.statePath ?? '',
+            isValid: validation?.isValid ?? true,
+        },
+    }));
+}
+/**
+ * 回答済の回答を削除
+ *
+ * @param questionId - 質問ID
+ *
+ * @public
+ */
+function removeAnswer(questionId) {
+    formData.update(prev => {
+        const next = { ...prev };
+        delete next[questionId];
+        return next;
+    });
+}
+/**
+ * 回答済の回答内容を取得する
+ *
+ * @param questionId - 質問ID
+ *
+ * @returns 回答データ
+ *
+ * @public
+ */
+function getAnsweredQuestion(questionId) {
+    const formData$1 = get(formData);
+    const valueState = formData$1[questionId];
+    if (valueState) {
+        return createAnswerValue(valueState.value);
+    }
+}
+/**
+ * 回答済の回答IDのリストを取得
+ *
+ * @returns 回答済の質問の質問IDの配列
+ *
+ * @public
+ */
+function getAnsweredQuestionIds() {
+    const formData$1 = get(formData);
+    return Object.keys(formData$1);
+}
+/**
+ * `sendAnswers`のエイリアス
+ *
+ * @public
+ */
+function sendAnswer() {
+    return sendAnswers();
+}
+// NOTE: sendAnswers用
+let isSent = false;
+/**
+ * 回答済の回答をまとめてイベントとして送信する
+ *
+ * @returns イベント送信の成功/失敗
+ *
+ * @public
+ */
+function sendAnswers() {
+    const { values, identifyValues } = submit();
+    if (isSent)
+        return false;
+    if (Object.keys(values ?? {}).length === 0 && Object.keys(identifyValues ?? {}).length === 0) {
+        return false;
+    }
+    send_event('_answer_question', values);
+    if (Object.keys(identifyValues ?? {}).length > 0) {
+        send_event('identify', identifyValues);
+    }
+    isSent = true;
+    return true;
+}
+
 /**
  * エディタv1のWidget API 互換のインターフェース
  */
@@ -2937,134 +3178,6 @@ class StateItem extends SvelteComponent {
 	}
 }
 
-const USER_ID_VARIABLE_NAME = '__karte_form_identify_user_id';
-function isEmpty(value) {
-    if (Array.isArray(value)) {
-        return value.length === 0;
-    }
-    else {
-        return !value;
-    }
-}
-/** @internal */
-function createInputRegisterer(formData) {
-    const registerInput = ({ name, statePath, validator = () => true, initialValue, }) => {
-        const writableValue = {
-            subscribe(run) {
-                return formData.subscribe(formData => {
-                    run(formData[name]?.value);
-                });
-            },
-            set(value) {
-                formData.update(prev => ({
-                    ...prev,
-                    [name]: {
-                        statePath,
-                        value,
-                        isValid: validator(value),
-                    },
-                }));
-            },
-            update(updater) {
-                formData.update(prev => {
-                    const prevValue = prev[name]?.value;
-                    if (prevValue === undefined)
-                        return prev;
-                    const value = updater(prevValue);
-                    return {
-                        ...prev,
-                        [name]: {
-                            statePath,
-                            value,
-                            isValid: validator(value),
-                        },
-                    };
-                });
-            },
-        };
-        const readableIsValid = {
-            subscribe(run) {
-                return formData.subscribe(formData => {
-                    run(formData[name]?.isValid);
-                });
-            },
-        };
-        if (isEmpty(get(writableValue))) {
-            writableValue.set(initialValue);
-        }
-        return {
-            value: writableValue,
-            isValid: readableIsValid,
-        };
-    };
-    return registerInput;
-}
-/** @internal */
-const registerInput = createInputRegisterer(formData);
-/** @internal */
-const registerIdentifyInput = createInputRegisterer(identifyFormData);
-function validateFormData(formData, statePath) {
-    return Object.entries(formData)
-        .filter(([_, { statePath: s }]) => s === statePath) // eslint-disable-line @typescript-eslint/no-unused-vars
-        .every(([_, { isValid }]) => isValid); // eslint-disable-line @typescript-eslint/no-unused-vars
-}
-/** @internal */
-const getValuesAreValidReadable = statePath => ({
-    subscribe(callback) {
-        return formData.subscribe(formData => identifyFormData.subscribe(identifyFormData => {
-            const valuesAreValid = validateFormData(formData, statePath) && validateFormData(identifyFormData, statePath);
-            callback(valuesAreValid);
-        }));
-    },
-});
-function formDataToEventValues(campaignId, formData) {
-    const questions = [];
-    const answersMap = {};
-    Object.entries(formData).forEach(([name, dataItem]) => {
-        questions.push(name);
-        const value = dataItem.value;
-        const answerKey = `question_${name}`;
-        if (Array.isArray(value)) {
-            answersMap[answerKey] = {
-                choices: value,
-            };
-        }
-        else if (typeof value === 'string') {
-            answersMap[answerKey] = {
-                free_answer: value,
-            };
-        }
-    });
-    return {
-        [campaignId]: {
-            questions,
-            ...answersMap,
-        },
-    };
-}
-function formDataToIdentifyEventValues(formData) {
-    return Object.fromEntries(Object.entries(formData).map(([name, dataItem]) => {
-        const value = dataItem.value;
-        return [name, value];
-    }));
-}
-/** @internal */
-function submit() {
-    const systemConfig = getSystem();
-    const campaignId = systemConfig.campaignId;
-    if (campaignId) {
-        const formData$1 = get(formData);
-        const identifyFormData$1 = get(identifyFormData);
-        const values = formDataToEventValues(campaignId, formData$1);
-        const identifyValues = formDataToIdentifyEventValues(identifyFormData$1);
-        if (Object.keys(identifyValues).length > 0) {
-            identifyValues['user_id'] = getVariables()?.[USER_ID_VARIABLE_NAME];
-        }
-        return { values, identifyValues };
-    }
-    return {};
-}
-
 /**
  * モーダル(ポップアップ)のコンポーネントが利用するコードの管理
  */
@@ -7783,14 +7896,14 @@ function add_css$e(target) {
 
 function get_each_context$2(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[12] = list[i];
+	child_ctx[14] = list[i];
 	return child_ctx;
 }
 
-// (64:2) {#each [...Array(count).keys()].map(i => i + 1) as i}
+// (68:2) {#each [...Array(count).keys()].map(i => i + startingNumber) as i}
 function create_each_block$2(ctx) {
 	let button;
-	let t0_value = /*i*/ ctx[12] + "";
+	let t0_value = /*i*/ ctx[14] + "";
 	let t0;
 	let t1;
 	let button_style_value;
@@ -7803,7 +7916,7 @@ function create_each_block$2(ctx) {
 			t0 = text(t0_value);
 			t1 = space();
 			attr(button, "class", "rating-button svelte-9idbf1");
-			attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
+			attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
 		},
 		m(target, anchor) {
 			insert(target, button, anchor);
@@ -7812,7 +7925,7 @@ function create_each_block$2(ctx) {
 
 			if (!mounted) {
 				dispose = listen(button, "click", function () {
-					if (is_function(/*handleClick*/ ctx[3](/*i*/ ctx[12]))) /*handleClick*/ ctx[3](/*i*/ ctx[12]).apply(this, arguments);
+					if (is_function(/*handleClick*/ ctx[4](/*i*/ ctx[14]))) /*handleClick*/ ctx[4](/*i*/ ctx[14]).apply(this, arguments);
 				});
 
 				mounted = true;
@@ -7820,9 +7933,9 @@ function create_each_block$2(ctx) {
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
-			if (dirty & /*count*/ 1 && t0_value !== (t0_value = /*i*/ ctx[12] + "")) set_data(t0, t0_value);
+			if (dirty & /*count, startingNumber*/ 3 && t0_value !== (t0_value = /*i*/ ctx[14] + "")) set_data(t0, t0_value);
 
-			if (dirty & /*count, _value*/ 3 && button_style_value !== (button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]))) {
+			if (dirty & /*count, startingNumber, _value*/ 7 && button_style_value !== (button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]))) {
 				attr(button, "style", button_style_value);
 			}
 		},
@@ -7836,7 +7949,7 @@ function create_each_block$2(ctx) {
 
 function create_fragment$f(ctx) {
 	let div;
-	let each_value = [...Array(/*count*/ ctx[0]).keys()].map(func$1);
+	let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -7861,8 +7974,8 @@ function create_fragment$f(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*getTextButtonStyle, Array, count, _value, handleClick*/ 27) {
-				each_value = [...Array(/*count*/ ctx[0]).keys()].map(func$1);
+			if (dirty & /*getTextButtonStyle, Array, count, startingNumber, _value, handleClick*/ 55) {
+				each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -7893,14 +8006,13 @@ function create_fragment$f(ctx) {
 	};
 }
 
-const func$1 = i => i + 1;
-
 function instance$f($$self, $$props, $$invalidate) {
 	let _value;
 	let $value;
 	let { name = '' } = $$props;
 	let { required = false } = $$props;
 	let { count = 5 } = $$props;
+	let { startingNumber = 1 } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
 	let { buttonStyle = 'width: 32px; height: 32px; font-size: 12px; font-weight: bold; border-radius: 17px; color: #333; background-color: rgba(0, 16, 14, 0.06); box-shadow: 0px 0px 16px 0px rgba(0, 16, 14, 0);' } = $$props;
 	let { buttonActiveStyle = 'color: #333; background-color: #2aab9f; box-shadow: 0px 8px 16px 0px rgba(0, 16, 14, 0.3);' } = $$props;
@@ -7916,7 +8028,7 @@ function instance$f($$self, $$props, $$invalidate) {
 		}
 	});
 
-	component_subscribe($$self, value, value => $$invalidate(10, $value = value));
+	component_subscribe($$self, value, value => $$invalidate(11, $value = value));
 
 	const handleClick = index => event => {
 		value.set([String(index)]);
@@ -7930,27 +8042,31 @@ function instance$f($$self, $$props, $$invalidate) {
 		].join(';');
 	}
 
+	const func = i => i + startingNumber;
+
 	$$self.$$set = $$props => {
-		if ('name' in $$props) $$invalidate(5, name = $$props.name);
-		if ('required' in $$props) $$invalidate(6, required = $$props.required);
+		if ('name' in $$props) $$invalidate(6, name = $$props.name);
+		if ('required' in $$props) $$invalidate(7, required = $$props.required);
 		if ('count' in $$props) $$invalidate(0, count = $$props.count);
-		if ('font' in $$props) $$invalidate(7, font = $$props.font);
-		if ('buttonStyle' in $$props) $$invalidate(8, buttonStyle = $$props.buttonStyle);
-		if ('buttonActiveStyle' in $$props) $$invalidate(9, buttonActiveStyle = $$props.buttonActiveStyle);
+		if ('startingNumber' in $$props) $$invalidate(1, startingNumber = $$props.startingNumber);
+		if ('font' in $$props) $$invalidate(8, font = $$props.font);
+		if ('buttonStyle' in $$props) $$invalidate(9, buttonStyle = $$props.buttonStyle);
+		if ('buttonActiveStyle' in $$props) $$invalidate(10, buttonActiveStyle = $$props.buttonActiveStyle);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*font*/ 128) {
+		if ($$self.$$.dirty & /*font*/ 256) {
 			addFont(font);
 		}
 
-		if ($$self.$$.dirty & /*$value*/ 1024) {
-			$$invalidate(1, _value = Number($value[0] ?? -1));
+		if ($$self.$$.dirty & /*$value*/ 2048) {
+			$$invalidate(2, _value = Number($value[0] ?? -1));
 		}
 	};
 
 	return [
 		count,
+		startingNumber,
 		_value,
 		value,
 		handleClick,
@@ -7960,7 +8076,8 @@ function instance$f($$self, $$props, $$invalidate) {
 		font,
 		buttonStyle,
 		buttonActiveStyle,
-		$value
+		$value,
+		func
 	];
 }
 
@@ -7975,12 +8092,13 @@ class FormRatingButtonsNumber extends SvelteComponent {
 			create_fragment$f,
 			safe_not_equal,
 			{
-				name: 5,
-				required: 6,
+				name: 6,
+				required: 7,
 				count: 0,
-				font: 7,
-				buttonStyle: 8,
-				buttonActiveStyle: 9
+				startingNumber: 1,
+				font: 8,
+				buttonStyle: 9,
+				buttonActiveStyle: 10
 			},
 			add_css$e
 		);
@@ -11074,4 +11192,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, resetEventHandlers, resetVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
+export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.220",
+  "version": "1.1.222",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",
@@ -56,6 +56,7 @@
   "devDependencies": {
     "@microsoft/api-documenter": "7.19.28",
     "@microsoft/api-extractor": "7.33.8",
+    "@plaidev/action-compiler": "workspace:*",
     "@rollup/plugin-alias": "^4.0.0",
     "@rollup/plugin-commonjs": "^23.0.1",
     "@rollup/plugin-json": "^5.0.0",
@@ -95,14 +96,7 @@
     "tsx": "^3.12.3",
     "typescript": "^4.7.4",
     "vitepress": "1.0.0-alpha.30",
-    "vitest": "latest",
-    "@plaidev/action-compiler": "0.4.231"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@rollup/plugin-image": "^3.0.2"
+    "vitest": "latest"
   },
   "scripts": {
     "dev": "tsx ./scripts/preview.ts",
@@ -131,5 +125,11 @@
     "test:update": "vitest -u",
     "coverage": "vitest run test --coverage",
     "icons:update": "tsx ./scripts/update-icons.ts && prettier -w ./src/icons.ts"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@rollup/plugin-image": "^3.0.2"
   }
-}
+}