@plaidev/karte-action-sdk 1.1.221 → 1.1.223

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

@@ -192,25 +192,19 @@ type ActionTableQueryParams = {
 /**
  * アクションテーブルの設定情報
  *
- * @public
+ * @param api_key - API Key
+ * @param table - テーブル名
+ * @param endpoint - エンドポイント / 指定がない場合はデフォルトのエンドポイントを使用します。検証用途以外での通常利用では指定なしで大丈夫です。
  */
 type CollectionConfig = {
-    /**
-     * APIキー
-     */
     api_key: string;
-    /**
-     * テーブル名
-     */
     table: string;
-    /**
-     * エンドポイント
-     */ endpoint?: string;
+    endpoint?: string;
 };
 /**
  * アクションテーブルを管理するメソッドを取得する
  *
- * @param config - 設定情報
+ * @param config - アクションテーブル設定情報
  *
  * @returns メソッドを返します
  *
@@ -1515,6 +1509,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 {
     /**
      * アクションの汎用的なタイプを定義する
@@ -1692,25 +1755,19 @@ declare namespace widget {
     /**
      * アクションテーブルの設定情報
      *
-     * @public
+     * @param api_key - API Key
+     * @param table - テーブル名
+     * @param endpoint - エンドポイント / 指定がない場合はデフォルトのエンドポイントを使用します。検証用途以外での通常利用では指定なしで大丈夫です。
      */
     type CollectionConfig = {
-        /**
-         * APIキー
-         */
         api_key: string;
-        /**
-         * テーブル名
-         */
         table: string;
-        /**
-         * エンドポイント
-         */ endpoint?: string;
+        endpoint?: string;
     };
     /**
      * アクションテーブルを管理するメソッドを取得する
      *
-     * @param config - 設定情報
+     * @param config - アクションテーブル設定情報
      *
      * @returns メソッドを返します
      *
@@ -2277,7 +2334,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

@@ -1338,7 +1338,7 @@ const DEFAULT_COLLECTION_ENDPOINT = typeof __FLYER_GEN_COLLECTION_API_ENDPOINT__
 /**
  * アクションテーブルを管理するメソッドを取得する
  *
- * @param config - 設定情報
+ * @param config - アクションテーブル設定情報
  *
  * @returns メソッドを返します
  *
@@ -1349,6 +1349,14 @@ function collection$1(config) {
     const api_key = config.api_key;
     const table = config.table;
     return {
+        /**
+         * キーを１つ、または複数指定して、対応するアクションテーブルの行を取得する
+         *
+         * @param key - 取得する行のキーを一つ、または複数配列で指定
+         * @param cb - テーブルの行を取得した後に実行するcallback関数
+         *
+         * @public
+         */
         get(key, cb) {
             if (Array.isArray(key)) {
                 return request(`${endpoint}/getByKeys`, {
@@ -1358,15 +1366,25 @@ function collection$1(config) {
                 }, cb);
             }
             else {
-                request(`${endpoint}/getByKey`, {
+                return request(`${endpoint}/getByKey`, {
                     api_key,
                     name: table,
                     key,
                 }, cb);
             }
         },
+        /**
+         * クエリーを指定して、アクションテーブルから行を取得する
+         * なお、クエリーは事前に管理画面で設定しておく必要があります。
+         *
+         * @param query_name - クエリー名
+         * @param params - クエリーに指定するパラメーター。 `{key: value}` の形式で指定
+         * @param cb - テーブルの行を取得した後に実行するcallback関数
+         *
+         * @public
+         */
         getByQuery(query_name, params, options, cb) {
-            request(`${endpoint}/getByQuery`, {
+            return request(`${endpoint}/getByQuery`, {
                 api_key,
                 name: table,
                 query_name,
@@ -1374,6 +1392,7 @@ function collection$1(config) {
                 options,
             }, cb);
         },
+        /** @internal */
         set(key, value, cb) {
             request(`${endpoint}/set`, {
                 api_key,
@@ -2255,6 +2274,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 +3173,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 {};
-}
-
 /**
  * モーダル(ポップアップ)のコンポーネントが利用するコードの管理
  */
@@ -11751,4 +11883,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

@@ -192,25 +192,19 @@ type ActionTableQueryParams = {
 /**
  * アクションテーブルの設定情報
  *
- * @public
+ * @param api_key - API Key
+ * @param table - テーブル名
+ * @param endpoint - エンドポイント / 指定がない場合はデフォルトのエンドポイントを使用します。検証用途以外での通常利用では指定なしで大丈夫です。
  */
 type CollectionConfig = {
-    /**
-     * APIキー
-     */
     api_key: string;
-    /**
-     * テーブル名
-     */
     table: string;
-    /**
-     * エンドポイント
-     */ endpoint?: string;
+    endpoint?: string;
 };
 /**
  * アクションテーブルを管理するメソッドを取得する
  *
- * @param config - 設定情報
+ * @param config - アクションテーブル設定情報
  *
  * @returns メソッドを返します
  *
@@ -1515,6 +1509,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 {
     /**
      * アクションの汎用的なタイプを定義する
@@ -1692,25 +1755,19 @@ declare namespace widget {
     /**
      * アクションテーブルの設定情報
      *
-     * @public
+     * @param api_key - API Key
+     * @param table - テーブル名
+     * @param endpoint - エンドポイント / 指定がない場合はデフォルトのエンドポイントを使用します。検証用途以外での通常利用では指定なしで大丈夫です。
      */
     type CollectionConfig = {
-        /**
-         * APIキー
-         */
         api_key: string;
-        /**
-         * テーブル名
-         */
         table: string;
-        /**
-         * エンドポイント
-         */ endpoint?: string;
+        endpoint?: string;
     };
     /**
      * アクションテーブルを管理するメソッドを取得する
      *
-     * @param config - 設定情報
+     * @param config - アクションテーブル設定情報
      *
      * @returns メソッドを返します
      *
@@ -2277,7 +2334,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

@@ -1361,7 +1361,7 @@ const DEFAULT_COLLECTION_ENDPOINT = typeof __FLYER_GEN_COLLECTION_API_ENDPOINT__
 /**
  * アクションテーブルを管理するメソッドを取得する
  *
- * @param config - 設定情報
+ * @param config - アクションテーブル設定情報
  *
  * @returns メソッドを返します
  *
@@ -1372,6 +1372,14 @@ function collection$1(config) {
     const api_key = config.api_key;
     const table = config.table;
     return {
+        /**
+         * キーを１つ、または複数指定して、対応するアクションテーブルの行を取得する
+         *
+         * @param key - 取得する行のキーを一つ、または複数配列で指定
+         * @param cb - テーブルの行を取得した後に実行するcallback関数
+         *
+         * @public
+         */
         get(key, cb) {
             if (Array.isArray(key)) {
                 return request(`${endpoint}/getByKeys`, {
@@ -1381,15 +1389,25 @@ function collection$1(config) {
                 }, cb);
             }
             else {
-                request(`${endpoint}/getByKey`, {
+                return request(`${endpoint}/getByKey`, {
                     api_key,
                     name: table,
                     key,
                 }, cb);
             }
         },
+        /**
+         * クエリーを指定して、アクションテーブルから行を取得する
+         * なお、クエリーは事前に管理画面で設定しておく必要があります。
+         *
+         * @param query_name - クエリー名
+         * @param params - クエリーに指定するパラメーター。 `{key: value}` の形式で指定
+         * @param cb - テーブルの行を取得した後に実行するcallback関数
+         *
+         * @public
+         */
         getByQuery(query_name, params, options, cb) {
-            request(`${endpoint}/getByQuery`, {
+            return request(`${endpoint}/getByQuery`, {
                 api_key,
                 name: table,
                 query_name,
@@ -1397,6 +1415,7 @@ function collection$1(config) {
                 options,
             }, cb);
         },
+        /** @internal */
         set(key, value, cb) {
             request(`${endpoint}/set`, {
                 api_key,
@@ -2312,6 +2331,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 +3197,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 {};
-}
-
 /**
  * モーダル(ポップアップ)のコンポーネントが利用するコードの管理
  */
@@ -11079,4 +11211,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.221",
+  "version": "1.1.223",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",
@@ -56,7 +56,6 @@
   "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",
@@ -96,7 +95,14 @@
     "tsx": "^3.12.3",
     "typescript": "^4.7.4",
     "vitepress": "1.0.0-alpha.30",
-    "vitest": "latest"
+    "vitest": "latest",
+    "@plaidev/action-compiler": "0.4.231"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@rollup/plugin-image": "^3.0.2"
   },
   "scripts": {
     "dev": "tsx ./scripts/preview.ts",
@@ -125,11 +131,5 @@
     "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"
   }
-}
+}