@plaidev/karte-action-sdk 1.1.103 → 1.1.104-27910631.850a8338

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

@@ -765,30 +765,6 @@ interface ActionOptions<Props, Variables> {
      * @default () => {}
      */
     onCreate?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
-    /**
-     * {@link onShow} function to hook the phase of showing action in KARTE action.
-     *
-     * @default () => {}
-     */
-    onShow?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
-    /**
-     * {@link onClose} function to hook the phase of closing action in KARTE action.
-     *
-     * @default () => {}
-     */
-    onClose?: (props: ActionProps<Props, Variables & CustomVariables>, trigger: CloseTrigger) => void | Promise<void>;
-    /**
-     * {@link onChangeState} function to hook the phase of changing action state in KARTE action.
-     *
-     * @default () => {}
-     */
-    onChangeState?: (props: ActionProps<Props, Variables & CustomVariables>, newState: string) => void | Promise<void>;
-    /**
-     * {@link onDestory} function to hook the phase of destroying action state in KARTE action.
-     *
-     * @default () => {}
-     */
-    onDestory?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
 }
 /**
  * Create the KARTE action
@@ -1596,30 +1572,6 @@ declare namespace widget {
          * @default () => {}
          */
         onCreate?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
-        /**
-         * {@link onShow} function to hook the phase of showing action in KARTE action.
-         *
-         * @default () => {}
-         */
-        onShow?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
-        /**
-         * {@link onClose} function to hook the phase of closing action in KARTE action.
-         *
-         * @default () => {}
-         */
-        onClose?: (props: ActionProps<Props, Variables & CustomVariables>, trigger: CloseTrigger) => void | Promise<void>;
-        /**
-         * {@link onChangeState} function to hook the phase of changing action state in KARTE action.
-         *
-         * @default () => {}
-         */
-        onChangeState?: (props: ActionProps<Props, Variables & CustomVariables>, newState: string) => void | Promise<void>;
-        /**
-         * {@link onDestory} function to hook the phase of destroying action state in KARTE action.
-         *
-         * @default () => {}
-         */
-        onDestory?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
     }
     /**
      * Create the KARTE action

package/dist/hydrate/index.es.js

@@ -364,7 +364,7 @@ function updateInternalHandlers(handlers) {
     internalHandlers.update(current => {
         return { ...current, ...handlers };
     });
-    return getCustomVariables();
+    return getInternalHandlers();
 }
 /**
  * Store to handle custom event handlers
@@ -863,6 +863,7 @@ function create(App, options = {
         ...getCustomVariables(),
     };
     const actionProps = { send: options.send, data };
+    initialize({ send: options.send });
     // NOTE: onCreateより前にListenする必要がある
     window.addEventListener(ACTION_DESTROY_EVENT, () => {
         const { onDestroyHandlers } = getInternalHandlers();
@@ -877,22 +878,6 @@ function create(App, options = {
         shortenId: data.shorten_id || null,
         campaignId: data.campaign_id || null,
     });
-    setInternalHandlers({});
-    if (options.onCreate) {
-        onCreate(options.onCreate);
-    }
-    if (options.onShow) {
-        onShow(options.onShow);
-    }
-    if (options.onClose) {
-        onClose(options.onClose);
-    }
-    if (options.onChangeState) {
-        onChangeState(options.onChangeState);
-    }
-    if (options.onDestory) {
-        onDestroy(options.onDestory);
-    }
     const close = (trigger = 'none') => {
         if (!app) {
             return;
@@ -905,6 +890,7 @@ function create(App, options = {
         if (onCloseHandlers) {
             onCloseHandlers.forEach(h => h({ send: options.send, data }, trigger));
         }
+        finalize();
         app.$destroy();
         app = null;
     };
@@ -963,6 +949,9 @@ function create(App, options = {
         }
         return cleanup;
     };
+    if (options.onCreate) {
+        options.onCreate(actionProps);
+    }
     const { onCreateHandlers } = getInternalHandlers();
     if (onCreateHandlers) {
         onCreateHandlers.forEach(h => h({ send: options.send, data }));

package/dist/index.es.d.ts

@@ -765,30 +765,6 @@ interface ActionOptions<Props, Variables> {
      * @default () => {}
      */
     onCreate?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
-    /**
-     * {@link onShow} function to hook the phase of showing action in KARTE action.
-     *
-     * @default () => {}
-     */
-    onShow?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
-    /**
-     * {@link onClose} function to hook the phase of closing action in KARTE action.
-     *
-     * @default () => {}
-     */
-    onClose?: (props: ActionProps<Props, Variables & CustomVariables>, trigger: CloseTrigger) => void | Promise<void>;
-    /**
-     * {@link onChangeState} function to hook the phase of changing action state in KARTE action.
-     *
-     * @default () => {}
-     */
-    onChangeState?: (props: ActionProps<Props, Variables & CustomVariables>, newState: string) => void | Promise<void>;
-    /**
-     * {@link onDestory} function to hook the phase of destroying action state in KARTE action.
-     *
-     * @default () => {}
-     */
-    onDestory?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
 }
 /**
  * Create the KARTE action
@@ -1596,30 +1572,6 @@ declare namespace widget {
          * @default () => {}
          */
         onCreate?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
-        /**
-         * {@link onShow} function to hook the phase of showing action in KARTE action.
-         *
-         * @default () => {}
-         */
-        onShow?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
-        /**
-         * {@link onClose} function to hook the phase of closing action in KARTE action.
-         *
-         * @default () => {}
-         */
-        onClose?: (props: ActionProps<Props, Variables & CustomVariables>, trigger: CloseTrigger) => void | Promise<void>;
-        /**
-         * {@link onChangeState} function to hook the phase of changing action state in KARTE action.
-         *
-         * @default () => {}
-         */
-        onChangeState?: (props: ActionProps<Props, Variables & CustomVariables>, newState: string) => void | Promise<void>;
-        /**
-         * {@link onDestory} function to hook the phase of destroying action state in KARTE action.
-         *
-         * @default () => {}
-         */
-        onDestory?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
     }
     /**
      * Create the KARTE action

package/dist/index.es.js

@@ -364,7 +364,7 @@ function updateInternalHandlers(handlers) {
     internalHandlers.update(current => {
         return { ...current, ...handlers };
     });
-    return getCustomVariables();
+    return getInternalHandlers();
 }
 /**
  * Store to handle custom event handlers
@@ -965,6 +965,7 @@ function create(App, options = {
         ...getCustomVariables(),
     };
     const actionProps = { send: options.send, data };
+    initialize({ send: options.send });
     // NOTE: onCreateより前にListenする必要がある
     window.addEventListener(ACTION_DESTROY_EVENT, () => {
         const { onDestroyHandlers } = getInternalHandlers();
@@ -979,22 +980,6 @@ function create(App, options = {
         shortenId: data.shorten_id || null,
         campaignId: data.campaign_id || null,
     });
-    setInternalHandlers({});
-    if (options.onCreate) {
-        onCreate(options.onCreate);
-    }
-    if (options.onShow) {
-        onShow(options.onShow);
-    }
-    if (options.onClose) {
-        onClose(options.onClose);
-    }
-    if (options.onChangeState) {
-        onChangeState(options.onChangeState);
-    }
-    if (options.onDestory) {
-        onDestroy(options.onDestory);
-    }
     const close = (trigger = 'none') => {
         if (!app) {
             return;
@@ -1007,6 +992,7 @@ function create(App, options = {
         if (onCloseHandlers) {
             onCloseHandlers.forEach(h => h({ send: options.send, data }, trigger));
         }
+        finalize();
         app.$destroy();
         app = null;
     };
@@ -1077,6 +1063,9 @@ function create(App, options = {
         }
         return cleanup;
     };
+    if (options.onCreate) {
+        options.onCreate(actionProps);
+    }
     const { onCreateHandlers } = getInternalHandlers();
     if (onCreateHandlers) {
         onCreateHandlers.forEach(h => h({ send: options.send, data }));

package/dist/templates.js

@@ -9,7 +9,6 @@ import { onMount } from 'svelte';
 import { writable } from 'svelte/store';
 import {
   // functions
-  // opened,
   state,
   customVariables,
 
@@ -31,10 +30,7 @@ import {
   FormTextarea,
   FormButton,
   FormRadioButtons,
-
-  // svelte-ignore unused-export-let @ts-ignore
 } from '@plaidev/karte-action-sdk';
-// svelte-ignore unused-export-let @ts-ignore
 
 export let send: (event_name: string, values?: any) => void;
 let data_: Data;
@@ -43,6 +39,7 @@ let data = writable<Data & CustomVariables>({ ...data_ });
 export let onShow: (props: ActionProps<Props, Variables>) => void = _props => {};
 export let onChangeState: (props: ActionProps<Props, Variables>, stateId: string) => void = (_props, _state) => {};
 ${script}
+
 onMount(() => {
   onShow({ send, data: $data });
 });
@@ -65,21 +62,18 @@ function createIndexTsx(script = '') {
 import type { KarteAction, Send, Props, Variables } from "./gen";
 
 import "https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver";
-import { initialize, finalize, create } from "@plaidev/karte-action-sdk";
+import { create } from "@plaidev/karte-action-sdk";
 
 import { props } from "./gen";
 import App from "./App.svelte";
 import onCreate from "./customScript";
 ${script}
 const action = (options: { send: Send; props: Props; variables: Variables }): KarteAction => {
-  initialize({ send: options.send });
-
   return create(App, {
     props,
     send: options.send,
     variables: options.variables,
     onCreate,
-    onClose: () => finalize(),
   });
 };
 
@@ -92,7 +86,14 @@ function createCustomScript(script = '') {
  */
 // ここでSDKをインポートしてください
 //import jQuery from "jquery";
-//import { onShow, onClose, onChangeState, onDestroy, customVariables } from "@plaidev/karte-action-sdk";
+//import {
+  onShow,
+  onClose,
+  onChangeState,
+  onDestroy,
+  setCustomVariables,
+  setCustomHandlers,
+} from "@plaidev/karte-action-sdk";
 ${script}
 const onCreate = ({ send, data }) => {
   // ここでアクションが作成される時のスクリプトを書いてください

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.103",
+  "version": "1.1.104-27910631.850a8338",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",