@plaidev/karte-action-sdk 1.1.270-29228770.05dce6ca → 1.1.270-29270413.6a2b1dc5c

package/dist/hydrate/components-flex/form.d.ts

@@ -1,21 +1,54 @@
 import { Writable } from "svelte/store";
 import { FormFieldType } from "./form/types.js";
-export type FormStoreValue = string | string[];
+export type FormStoreValue = string | string[] | boolean | undefined;
 export type FormStoreState = {
 	isDirty: boolean;
 	isTouched: boolean;
 	isValid: boolean;
 	errorMessage: string | null;
+	type: FormFieldType;
 	value: FormStoreValue;
 };
 export type FormStoreValues = Record<string, FormStoreValue>;
+export type FormSubmittedValues = Record<string, {
+	value: FormStoreValue;
+	type: FormFieldType;
+}>;
 export type FormStoreErrorMessages = Record<string, FormStoreState["errorMessage"]>;
 export type FormStoreStates = Record<string, FormStoreState>;
+export declare const FORM_VALIDATION_TYPE: {
+	readonly required: "必須";
+	readonly email: "メールアドレス";
+	readonly tel: "電話番号";
+	readonly url: "URL";
+	readonly minLength: "最小文字数";
+	readonly maxLength: "最大文字数";
+	readonly minCount: "最小個数";
+	readonly maxCount: "最大個数";
+	readonly pattern: "正規表現";
+};
+export type FormValidationType = keyof typeof FORM_VALIDATION_TYPE;
+export declare const FORM_VALIDATION_DEFAULT_ERROR_MESSAGES: Record<FormValidationType, string>;
+export declare const FORM_VALIDATION_REGEX: {
+	email: string;
+	tel: string;
+	url: string;
+};
+export type FormStoreValidation = {
+	id: string;
+	type: FormValidationType;
+	number?: number;
+	regexp?: string;
+	errorMessage?: string;
+	locked?: boolean;
+};
 export type FormStoreSchemaInput = {
 	name: string;
 	type: FormFieldType;
 	defaultValue: string | string[];
 	required: boolean;
+	validations?: FormStoreValidation[];
+	isIdentify?: boolean;
 };
 export type FormStoreSchema = FormStoreSchemaInput & {
 	statePath: string;
@@ -28,7 +61,8 @@ export type FormStore = {
 * @internal
 */
 export declare const formStore: Writable<FormStore>;
-export declare const formSubmittedValues: Writable<FormStoreValues>;
+export declare const formSubmittedValues: Writable<FormSubmittedValues>;
+export declare const formSubmittedIdentifyValues: Writable<FormSubmittedValues>;
 /**
 * @public
 */
@@ -69,17 +103,20 @@ export declare const registerFormField: (schemas: FormStoreSchemaInput | FormSto
 * @public
 */
 export declare const unregisterFormField: (fieldNames: string | string[]) => void;
-export declare const validateFormField: (schema: FormStoreSchema, value: FormStoreValue) => {
+export type ValidateFormFieldResult = {
 	isValid: true;
 	error: undefined;
 } | {
 	isValid: false;
 	error: string;
 };
+export declare const validateFormField: (schema: FormStoreSchema, value: FormStoreValue) => ValidateFormFieldResult;
 /**
 * @public
 */
 export declare function onSubmitForm(fn: (data: {
 	currentStateValues: any;
 	allValues: any;
+	currentStateIdentifyValues: any;
+	allIdentifyValues: any;
 }) => void): void;

package/dist/hydrate/components-flex/icon/types.d.ts

@@ -1,5 +1,4 @@
 import type { ClickableProps, CommonProps } from "../props.js";
-// @ts-ignore -- NOTE(kazupon): error TS2307: Cannot find module 'preact/src/jsx-csstype' or its corresponding type declarations
 import type { Properties } from "preact/src/jsx-csstype";
 export declare const ICON_SIZE: {
 	[key: string]: {

package/dist/hydrate/components-flex/text/types.d.ts

@@ -1,12 +1,9 @@
 import type { Properties } from "csstype";
 import type { BackgroundColorProps, BorderProps, ClickableProps, CommonProps, CustomizeCssProps, LinkProps, PaddingProps, RadiusProps, WithIconProps, FontFamilyProps } from "../props.js";
 export declare const LAYER_TEXT_SIZE: {
-	// extra_small: 'ExtraSmall',
 	readonly small: "本文 / スモール";
 	readonly medium: "本文 / ミディアム";
 	readonly large: "本文 / ラージ";
-	// extra_large: 'ExtraLarge'
-	// MEMO(curtis): 後から調整した関係で見出しは命名と実体を一つずらしている
 	readonly heading_extra_small: "見出し / スモール";
 	readonly heading_small: "見出し / ミディアム";
 	readonly heading_medium: "見出し / ラージ";

package/dist/hydrate/components-flex/text-link/types.d.ts

@@ -21,14 +21,11 @@ export declare const TEXT_LINK_UNDERLINE: {
 };
 export type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps & WithIconProps & {
 	label: string;
-	// size
 	size?: keyof typeof TEXT_LINK_SIZE;
 	lineHeight?: number;
 	fontSize?: Properties["fontSize"];
-	// theme
 	theme?: keyof typeof TEXT_LINK_THEME;
 	color?: Properties["color"];
-	// others
 	underline?: keyof typeof TEXT_LINK_UNDERLINE;
 	fontWeight?: Properties["fontWeight"];
 };

package/dist/hydrate/components-flex/variants.d.ts

@@ -21,15 +21,9 @@ type ToVariantArrayReturn<T> = T[keyof T] & {
 	code: keyof T;
 };
 declare const toVariantArray: <T extends VariantDefinitionGroup>(group: T) => ToVariantArrayReturn<T>[];
-// ================================
-// Aspect
-// ================================
 export declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">>;
 export type AspectVariantCode = keyof typeof ASPECT_VARIANT;
 export declare const ASPECT_VARIANTS: ReturnType<typeof toVariantArray>;
-// ================================
-// FontFamily
-// ================================
 export type FontVariantMeta = {
 	lang: "ja" | "en";
 	type: "kaku" | "maru" | "min";
@@ -42,21 +36,12 @@ type FontFamilyVariantGroup = {
 	variants: ReturnType<typeof toVariantArray>;
 };
 export declare const FONT_FAMILY_VARIANT_GROUPS: FontFamilyVariantGroup[];
-// ================================
-// Shadow
-// ================================
 export declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">>;
 export type ShadowVariantCode = keyof typeof SHADOW_VARIANT;
 export declare const SHADOW_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">, object>>[];
-// ================================
-// Background
-// ================================
 export declare const BACKGROUND_COLOR_VARIANT: VariantDefinitionGroup<Omit<BackgroundColorProps, "backgroundColorVariant">>;
 export type BackgroundColorVariantCode = keyof typeof BACKGROUND_COLOR_VARIANT;
 export declare const BACKGROUND_COLOR_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<BackgroundColorProps, "backgroundColorVariant">, object>>[];
-// ================================
-// Border
-// ================================
 export declare const BORDER_COLOR_VARIANT: VariantDefinitionGroup<Omit<BorderColorProps, "borderColorVariant">>;
 export type BorderColorVariantCode = keyof typeof BORDER_COLOR_VARIANT;
 export declare const BORDER_COLOR_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<BorderColorProps, "borderColorVariant">, object>>[];

package/dist/hydrate/components-flex/youtube/types.d.ts

@@ -11,7 +11,6 @@ export type YoutubeProps = CommonProps & BorderProps & {
 	showSubtitle?: boolean;
 	showFullScreen?: boolean;
 	showRelatedMovies?: boolean;
-	// styles
 	shape?: keyof typeof IMAGE_ROUND_SHAPE;
 	width?: Properties["width"];
 };

package/dist/hydrate/constants.d.ts

@@ -17,7 +17,6 @@ export declare const DEVICE_QUERIES: {
 	readonly PC: "screen and (min-width: 641px)";
 	readonly SP: "screen and (max-width: 640px)";
 };
-// -------- The following codes are deprecated --------
 /**
 * 非推奨
 *

package/dist/hydrate/hooks/useInjectCustomizeCss.d.ts

@@ -1,2 +1,2 @@
 import type { CustomizeCssProps } from "../components-flex/props.js";
-export declare const useInjectCustomizeCss: (props: CustomizeCssProps) => void;
+export declare const useInjectCustomizeCss: (props: CustomizeCssProps, layerId: string) => void;

package/dist/hydrate/hooks/useText.d.ts

@@ -1,5 +1,5 @@
 import type { LayerTextProps } from "../components-flex/text/types.js";
-export declare const useText: (props: LayerTextProps) => {
+export declare const useText: (props: LayerTextProps, layerId: string) => {
 	escapedHTML: string;
 	style: string;
 };

package/dist/hydrate/index.d.ts

@@ -8,7 +8,6 @@ export { onScroll, onTime } from "./utils.js";
 export type { OnScrollContext, OnScrollFunction, ScrollDirection } from "./utils.js";
 export { getLogs, getEvents, logger, listenLogger } from "./logger.js";
 export type { LogLevel, Log, Event } from "./logger.js";
-// 以下は互換性のため
 export { hideOnScroll, hideOnTime, showOnScroll, showOnTime } from "./display-logic.js";
 export * from "./prop.js";
 export { showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog } from "./modal.js";
@@ -45,7 +44,6 @@ export { default as Countdown } from "./components/Countdown.svelte.js";
 export { default as Box } from "./components/Box.svelte.js";
 export { default as IconElement } from "./components/IconElement.svelte.js";
 export { default as CodeElement } from "./components/CodeElement.svelte.js";
-// 以下は互換性のため
 export { default as Flex } from "./components/Flex.svelte.js";
 export { default as FlexItem } from "./components/FlexItem.svelte.js";
 export { default as GridModalState } from "./components/GridModalState.svelte.js";