@plaidev/karte-action-sdk 1.1.268 → 1.1.269-29152886.93a696e2

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

@@ -0,0 +1,31 @@
+import type { Properties } from "csstype";
+import type { ClickableProps, CommonProps, LinkProps, WithIconProps, FontFamilyProps } from "../props.js";
+export declare const TEXT_LINK_SIZE: {
+	readonly small: "Small"
+	readonly medium: "Medium"
+	readonly large: "Large"
+};
+export declare const TEXT_LINK_THEME: {
+	readonly default: "デフォルト"
+	readonly link: "Link"
+	readonly brand: "Brand"
+	readonly alert: "Danger"
+	readonly gray: "Gray"
+	readonly white: "White"
+};
+export declare const TEXT_LINK_UNDERLINE: {
+	readonly hover_on: "ホバーで表示"
+	readonly hover_off: "ホバーで非表示"
+	readonly on: "常に表示"
+	readonly off: "常に非表示"
+};
+export type TextLinkProps = CommonProps & ClickableProps & LinkProps & FontFamilyProps & WithIconProps & {
+	label: string
+	size?: keyof typeof TEXT_LINK_SIZE
+	lineHeight?: number
+	fontSize?: Properties["fontSize"]
+	theme?: keyof typeof TEXT_LINK_THEME
+	color?: Properties["color"]
+	underline?: keyof typeof TEXT_LINK_UNDERLINE
+	fontWeight?: Properties["fontWeight"]
+};

package/dist/svelte5/hydrate/components-flex/utils/color.d.ts

@@ -0,0 +1,7 @@
+export declare function hexToRgb(hex: string): {
+	r: number
+	g: number
+	b: number
+};
+export declare function rgbToHex(r: number, g: number, b: number): string;
+export declare function darkenColor(color: string, percent: number): string;

package/dist/svelte5/hydrate/components-flex/utils/obj-to-style.d.ts

@@ -0,0 +1,2 @@
+import type { Properties } from "csstype";
+export declare const objToStyle: (obj: Properties) => string;

package/dist/svelte5/hydrate/components-flex/utils/parser.d.ts

@@ -0,0 +1,5 @@
+export declare function splitNumberAndUnit(value?: string | 0): {
+	number: number | undefined
+	unit: string
+};
+export declare function combineNumberAndUnit(number: number, unit?: string): string;

package/dist/svelte5/hydrate/components-flex/utils/prop-to-style.d.ts

@@ -0,0 +1,11 @@
+import type { Properties } from "csstype";
+import type { BorderProps, CommonProps, OverflowProps, PaddingProps, PositionProps, RadiusProps, ShadowProps, BackgroundProps } from "../props.js";
+import type { BrandKit } from "../brand-kit.js";
+export declare const toCssPosition: (p?: PositionProps) => Properties;
+export declare const toCssCommon: (p?: CommonProps) => Properties;
+export declare const toCssBorder: (p?: BorderProps, brandKit?: BrandKit) => Properties;
+export declare const toCssPadding: (p?: PaddingProps) => Properties;
+export declare const toCssBackground: (p?: BackgroundProps, brandKit?: BrandKit) => Properties;
+export declare const toCssRadius: (p?: RadiusProps) => Properties;
+export declare const toCssShadow: (p?: ShadowProps) => Properties;
+export declare const toCssOverflow: (p?: OverflowProps) => Properties;

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

@@ -0,0 +1,48 @@
+import type { BrandKit } from "./brand-kit.js";
+import type { ShadowProps, FontFamilyProps, AspectProps, BackgroundColorProps, BorderColorProps } from "./props.js";
+export type VariantStyles<Props extends object = object> = Props & {
+	hover?: Props
+	active?: Props
+};
+export type VariantDefinition<
+	Props extends object = object,
+	Meta extends object = object
+> = {
+	name: string
+	description?: string
+	getProps: (brandKit?: Partial<BrandKit>) => VariantStyles<Props>
+	meta?: Meta
+};
+export type VariantDefinitionGroup<
+	Props extends object = object,
+	Meta extends object = object
+> = Record<string, VariantDefinition<Props, Meta>>;
+type ToVariantArrayReturn<T> = T[keyof T] & {
+	code: keyof T
+};
+declare const toVariantArray: <T extends VariantDefinitionGroup>(group: T) => ToVariantArrayReturn<T>[];
+export declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">>;
+export type AspectVariantCode = keyof typeof ASPECT_VARIANT;
+export declare const ASPECT_VARIANTS: ReturnType<typeof toVariantArray>;
+export type FontVariantMeta = {
+	lang: "ja" | "en"
+	type: "kaku" | "maru" | "min"
+};
+export declare const FONT_FAMILY_VARIANT: VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>;
+export type FontFamilyVariantCode = keyof typeof FONT_FAMILY_VARIANT;
+export declare const FONT_FAMILY_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>>[];
+type FontFamilyVariantGroup = {
+	label: string
+	variants: ReturnType<typeof toVariantArray>
+};
+export declare const FONT_FAMILY_VARIANT_GROUPS: FontFamilyVariantGroup[];
+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>>[];
+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>>[];
+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>>[];
+export {};

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

@@ -0,0 +1,16 @@
+import type { CommonProps, BorderProps } from "../props.js";
+import type { IMAGE_ROUND_SHAPE } from "../image/types.js";
+import type { Properties } from "csstype";
+export type YoutubeProps = CommonProps & BorderProps & {
+	videoId?: string
+	loop?: boolean
+	autoplay?: boolean
+	mute?: boolean
+	controls?: boolean
+	showInfo?: boolean
+	showSubtitle?: boolean
+	showFullScreen?: boolean
+	showRelatedMovies?: boolean
+	shape?: keyof typeof IMAGE_ROUND_SHAPE
+	width?: Properties["width"]
+};

package/dist/svelte5/hydrate/constants.d.ts

@@ -0,0 +1,27 @@
+/** @internal */
+export declare const ACTION_HOOK_LABEL = "__ACTION_HOOK__";
+/** @internal */
+export declare const KARTE_ACTION_ROOT = "karte-action-root";
+/** @internal */
+export declare const KARTE_ACTION_RID = "karte-action-rid";
+/** @internal */
+export declare const KARTE_ACTION_SHORTEN_ID = "karte-action-id";
+/** @internal */
+export declare const ALL_ACTION_ID = "KARTE_ALL_ACTION_ID";
+/** @internal */
+export declare const ALL_ACTION_SHORTEN_ID = "KARTE_ALL_ACTION_SHORTEN_ID";
+/** @internal */
+export declare const DEVICE_IDS: string[];
+/** @internal */
+export declare const DEVICE_QUERIES: {
+	readonly PC: "screen and (min-width: 641px)"
+	readonly SP: "screen and (max-width: 640px)"
+};
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare const KARTE_MODAL_ROOT = "karte-modal-root";

package/dist/svelte5/hydrate/display-logic.d.ts

@@ -0,0 +1,125 @@
+/**
+* モーダル(ポップアップ)のプロパティ
+*
+* @internal
+*/
+export interface Props {
+	/**
+	* 全ての条件を満たしたら表示するかどうか
+	*/
+	show_and_condition?: boolean;
+	/**
+	* スクロール率による表示を有効化するかどうか
+	*/
+	show_on_scroll?: boolean;
+	/**
+	* 表示するスクロール率
+	*/
+	show_on_scroll_rate?: number;
+	/**
+	* 条件を満たした時に再表示するかどうか
+	*/
+	show_on_scroll_reenter?: boolean;
+	/**
+	* 時間による表示を有効化するかどうか
+	*/
+	show_on_time?: boolean;
+	/**
+	* 表示する秒数
+	*/
+	show_on_time_count?: number;
+	/**
+	* 全ての条件を満たしたら非表示するかどうか
+	*/
+	hide_and_condition?: boolean;
+	/**
+	* スクロール率で非表示を有効化するかどうか
+	*/
+	hide_on_scroll?: boolean;
+	/**
+	* 非表示にするスクロール率
+	*/
+	hide_on_scroll_rate?: number;
+	/**
+	* 条件を満たした時に表示するかどうか
+	*/
+	hide_on_scroll_releave?: boolean;
+	/**
+	* 時間による非表示を有効化するかどうか
+	*/
+	hide_on_time?: boolean;
+	/**
+	* 非表示にする秒数
+	*/
+	hide_on_time_count?: number;
+}
+/**
+* スクロールに応じてアクションを非表示にするトリガー関数
+*
+* @remarks
+* スクロール率が `hide_on_scroll_rate` に達したときに `hide` 関数を呼び出します。
+* `show_on_scroll_reenter` が `true` で、かつ `hide_on_scroll_rate` またはその値以下の場合、アクションに対して `show` 関数が呼び出されます。
+*
+* @param props - アクションのプロパティ。プロパティには `hide_on_scroll`、`hide_on_scroll_rate` そして `show_on_scroll_reenter` が必要です。
+* @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+* @param show - アクションを再び表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+*
+* @returns
+* スクロールが開始された場合は、クリーンアップする関数を返します。そうでない場合は `null` を返します。
+*
+* @internal
+*/
+export declare function hideOnScroll<ModalProps extends Pick<Props, "hide_on_scroll" | "hide_on_scroll_rate" | "show_on_scroll_reenter">>(props: ModalProps, hide?: Function, show?: Function): (() => void) | null;
+/**
+* 時間に応じてアクションを非表示にするトリガー関数
+*
+* @remarks
+* 時間のカウントが `hide_on_time_count` に達したときに `hide` 関数を呼び出します。
+*
+* @param props - アクションのプロパティ。プロパティには `hide_on_time` そして `hide_on_time_count` が必要です。
+* @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+*
+* @returns
+* タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
+*
+* @internal
+*/
+export declare function hideOnTime<ModalProps extends Pick<Props, "hide_on_time" | "hide_on_time_count">>(props: ModalProps, hide?: Function): (() => void) | null;
+/**
+* スクロールに応じてアクションを表示するトリガー関数
+*
+* @remarks
+* スクロール率が `show_on_scroll_rate` に達したときに `show` 関数を呼び出します。
+* `hide_on_scroll_releave` が `true` で、かつ `show_on_scroll_rate` 以下の場合は、アクションに対して `hide` 関数が呼び出されます。
+*
+* @param props - アクションのプロパティ。プロパティには `show_on_scroll`、`show_on_scroll_rate`、'hide_on_scroll_releave' そして `show_on_scroll_reenter` が必要です。
+* @param show - アクションを表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+* @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+*
+* @returns
+* スクロールが開始されている場合は、クリーンアップ関数を返します。そうでない場合は `null` を返します
+*
+* @internal
+*/
+export declare function showOnScroll<ModalProps extends Pick<Props, "show_on_scroll" | "show_on_scroll_rate" | "hide_on_scroll_releave" | "show_on_scroll_reenter">>(props: ModalProps, show?: Function, hide?: Function): (() => void) | null;
+/**
+* 時間に応じてアクションを表示するトリガー関数
+*
+* @param props - アクションのプロパティ。プロパティには `show_on_time` そして `show_on_time_count` が必要です。
+* @param show - アクションを表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+*
+* @remarks
+* 時間のカウントが `show_on_time_count` に達したときに `show` 関数を呼び出します。
+*
+* @returns
+* タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
+*
+* @internal
+*/
+export declare function showOnTime<ModalProps extends Pick<Props, "show_on_time" | "show_on_time_count">>(props: ModalProps, show?: Function): (() => void) | null;
+/** @internal */
+export declare function and(fn: Function, ...conditionFns: Function[]): ReturnType<typeof checkAndDo>;
+/** @internal */
+export declare function or(fn: Function, ...conditionFns: Function[]): ReturnType<typeof checkAndDo>;
+declare function checkAndDo(checkFn: Function, fn: Function, ...conditionFns: Function[]): () => void | null;
+export {};

package/dist/svelte5/hydrate/form.d.ts

@@ -0,0 +1,100 @@
+import type { FormData } from "./stores.js";
+import type { Readable, Writable } from "svelte/store";
+type AnswerValue = {
+	choices: string[]
+} | {
+	free_answer: string
+};
+type InputValue = any;
+type RegisterInputFuncArg<T extends InputValue> = {
+	name: string
+	statePath: string
+	validator?: (value: T) => boolean
+	initialValue: T
+};
+type RegisterInputFunc = {
+	<T extends InputValue>(arg: RegisterInputFuncArg<T>): {
+		value: Writable<T>
+		isValid: Readable<boolean>
+	}
+};
+/** @internal */
+export declare function createInputRegisterer(formData: Writable<FormData>): RegisterInputFunc;
+/** @internal */
+export declare const registerInput: RegisterInputFunc;
+/** @internal */
+export declare const registerIdentifyInput: RegisterInputFunc;
+/** @internal */
+export declare function deleteValues(statePath: string): void;
+/** @internal */
+export declare const getValuesAreValidReadable: (statePath: string) => Readable<boolean>;
+/** @internal */
+export declare function submit(): {
+	values?: any
+	identifyValues?: any
+};
+/**
+* 選択式のアンケート回答を追加する
+*
+* @param questionId - 質問ID
+* @param choices - 回答内容
+*
+* @public
+*/
+export declare function addChoiceAnswer(questionId: string, choices: string[], validation?: {
+	isValid: boolean
+	statePath: string
+}): void;
+/**
+* 自由記述式のアンケート回答を追加する
+*
+* @param questionId - 質問ID
+* @param freeAnswer - 回答内容
+*
+* @public
+*/
+export declare function addFreeAnswer(questionId: string, freeAnswer: string, validation?: {
+	isValid: boolean
+	statePath: string
+}): void;
+/**
+* 回答済の回答を削除
+*
+* @param questionId - 質問ID
+*
+* @public
+*/
+export declare function removeAnswer(questionId: string): void;
+/**
+* 回答済の回答内容を取得する
+*
+* @param questionId - 質問ID
+*
+* @returns 回答データ
+*
+* @public
+*/
+export declare function getAnsweredQuestion(questionId: string): AnswerValue | undefined;
+/**
+* 回答済の回答IDのリストを取得
+*
+* @returns 回答済の質問の質問IDの配列
+*
+* @public
+*/
+export declare function getAnsweredQuestionIds(): string[];
+/**
+* `sendAnswers`のエイリアス
+*
+* @public
+*/
+export declare function sendAnswer(): boolean;
+/**
+* 回答済の回答をまとめてイベントとして送信する
+*
+* @returns イベント送信の成功/失敗
+*
+* @public
+*/
+export declare function sendAnswers(): boolean;
+export {};

package/dist/svelte5/hydrate/functions.d.ts

@@ -0,0 +1,71 @@
+import type { OnClickOperation, AnimationStyle } from "./prop.js";
+import type { CloseTrigger } from "./modal.js";
+/** @internal */
+export declare const none: () => () => void;
+/** @internal */
+export declare const moveTo: (to: string) => () => void;
+/** @internal */
+export declare const linkTo: (to: string, targetBlank?: boolean, decode?: boolean) => () => void;
+/** @internal */
+export declare const closeApp: (trigger: CloseTrigger) => () => void;
+/** @internal */
+export declare const runScript: (handlerName: string) => () => void;
+/** @internal */
+export declare const submitForm: (to: string) => () => void;
+/** @internal */
+export declare const bootChat: (hide_launcher: boolean, placement_pc: string, placement_mobile: string, horizontal_spacing_pc: number, horizontal_spacing_mobile: number, vertical_spacing_pc: number, vertical_spacing_mobile: number, theme_color: string, header_title: string, header_description: string, launcher_image: string) => () => void;
+/** @internal */
+export declare const execOnClickOperation: (onClickOperation: OnClickOperation) => void;
+/** @internal */
+export declare const haveFunction: (onClickOperation: OnClickOperation) => boolean;
+/**
+* An option for svelte custom animation
+*/
+interface CustomAnimationOptions {
+	/**
+	* A Transform value in percent of target element
+	*/
+	transforms: Array<{
+		query: string | null
+		x: number
+		y: number
+	}>;
+	/**
+	* A style of animation(e.g. fade, slide-in)
+	*/
+	animationStyle: AnimationStyle;
+	/**
+	* A waiting time in milliseconds before starting animation
+	*
+	* @defaultValue 0
+	*/
+	delay?: number;
+	/**
+	*  A total duration time in milliseconds of the animation
+	*
+	* @defaultValue 1000
+	*/
+	duration?: number;
+}
+/**
+* The function to activate svelte animation.
+*
+* @param node - A target node of animation. This argument is passed by svelte, by default.
+* @param customAnimationOptions - A custom animation option object
+*
+* @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
+*
+* @internal
+*/
+export declare function customAnimation(node: Element, { transforms, animationStyle, delay, duration }: CustomAnimationOptions): {
+	delay?: undefined
+	duration?: undefined
+	easing?: undefined
+	css?: undefined
+} | {
+	delay: number
+	duration: number
+	easing: (t: any) => any
+	css: (progress: number) => string
+};
+export {};

package/dist/svelte5/hydrate/hooks/useClickable.d.ts

@@ -0,0 +1,7 @@
+import type { ClickableProps } from "../components-flex/props.js";
+declare const useClickable: ({ eventValue, eventName, onClick, element }: ClickableProps) => {
+	element: string
+	attributes: Record<string, any>
+	handleClick: (e: MouseEvent) => void
+};
+export default useClickable;

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

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

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

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