@antscorp/antsomi-ui 1.3.5-beta.33 → 1.3.5-beta.34

package/es/components/molecules/TemplateSaveAs/TemplateSaveAsModal.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { ModalV2 } from '../ModalV2';
 import { TemplateSaveAs } from './TemplateSaveAs';
 // NOTE: helper link (read more about controlled and uncontrolled component)
@@ -18,6 +18,10 @@ export const TemplateSaveAsModal = props => {
     const { open, onCancel, okText, onOk, title, templateProps, defaultValue } = props, restProps = __rest(props, ["open", "onCancel", "okText", "onOk", "title", "templateProps", "defaultValue"]);
     const { onChange: templateOnChange, value: templateValue } = templateProps, restTemplateProps = __rest(templateProps, ["onChange", "value"]);
     const [internalValue, setInternalValue] = useState(defaultValue || templateValue);
+    useEffect(() => {
+        if (defaultValue)
+            setInternalValue(defaultValue);
+    }, [defaultValue]);
     const handleOnChange = (value) => {
         if (templateOnChange) {
             templateOnChange(value);
@@ -33,6 +37,12 @@ export const TemplateSaveAsModal = props => {
             onOk(event, templateValue && templateOnChange ? templateValue : internalValue);
         }
     };
-    return (React.createElement(ModalV2, Object.assign({ open: open, onCancel: onCancel, onOk: handleOk, okText: okText || 'Save', width: 1177, title: title || 'Save as my template' }, restProps),
+    const handleCancel = (event) => {
+        if (onCancel) {
+            setInternalValue(defaultValue);
+            onCancel(event);
+        }
+    };
+    return (React.createElement(ModalV2, Object.assign({ open: open, onCancel: handleCancel, onOk: handleOk, okText: okText || 'Save', width: 1177, title: title || 'Save as my template' }, restProps),
         React.createElement(TemplateSaveAs, Object.assign({ onChange: handleOnChange, value: templateValue || internalValue }, restTemplateProps))));
 };

package/es/models/ObjectTemplate.d.ts

@@ -1,6 +1,7 @@
 import dayjs from 'dayjs';
 import { TTemplateStatus } from '../types/templateListing';
 import { Model } from './model';
+import { TShareAccess } from '../types';
 export type TObjectTemplate = {
     template_id: number;
     template_name: string;
@@ -26,6 +27,7 @@ export type TObjectTemplate = {
     goal: number[];
     journey_type: number[];
     lifecycle_stage: number[];
+    share_access: TShareAccess;
 };
 export declare class ObjectTemplate extends Model<TObjectTemplate> {
     get id(): number | "";
@@ -50,4 +52,5 @@ export declare class ObjectTemplate extends Model<TObjectTemplate> {
     get lifecycleStage(): number[] | undefined;
     get journeyType(): number[] | undefined;
     get goal(): number[] | undefined;
+    get shareAccess(): TShareAccess | undefined;
 }

package/es/models/ObjectTemplate.js

@@ -76,4 +76,7 @@ export class ObjectTemplate extends Model {
     get goal() {
         return this.model.goal;
     }
+    get shareAccess() {
+        return this.model.share_access;
+    }
 }

package/es/queries/TemplateListing/index.js

@@ -33,7 +33,7 @@ export const useGetObjectTemplateList = (params) => {
 };
 export const useGetObjectTemplateDetail = (params) => {
     const { args, options } = params;
-    return useQuery(Object.assign({ queryKey: [QUERY_KEYS.GET_OBJECT_TEMPLATE_DETAIL, args.params], queryFn: () => objectTemplate.getDetail(args), enabled: !!args.params.template_id }, options));
+    return useQuery(Object.assign({ queryKey: [QUERY_KEYS.GET_OBJECT_TEMPLATE_DETAIL, args.params.template_id], queryFn: () => objectTemplate.getDetail(args), enabled: !!args.params.template_id }, options));
 };
 export const useValidateTemplateName = (params) => {
     const { options } = params;
@@ -83,7 +83,12 @@ export const usePersistTemplate = (params) => {
                 default:
                     return objectTemplate.create(Object.assign(Object.assign({}, params), { data: omit(params.data, ['template_id']) }));
             }
-        }, onSettled() {
+        }, onSettled(data, error, variables, context) {
+            console.log('🚀 ~ onSettled ~ variables:', variables);
+            queryClientAntsomiUI.invalidateQueries([
+                QUERY_KEYS.GET_OBJECT_TEMPLATE_DETAIL,
+                variables.params.data.template_id,
+            ]);
             queryClientAntsomiUI.invalidateQueries([QUERY_KEYS.GET_OBJECT_TEMPLATE_LIST], {
                 exact: false,
             });

package/es/types/index.d.ts

@@ -18,6 +18,7 @@ export * from './richMenu';
 export * from './variables';
 export * from './service';
 export * from './templateListing';
+export * from './share-access';
 export type PayloadInfo = {
     url?: string;
     userId?: string;

package/es/types/index.js

@@ -2,3 +2,4 @@ export * from './richMenu';
 export * from './variables';
 export * from './service';
 export * from './templateListing';
+export * from './share-access';

package/es/types/share-access.d.ts

@@ -0,0 +1,17 @@
+import { TBoolean } from './variables';
+export type TUserAccess = {
+    allow_comment: TBoolean;
+    allow_edit: TBoolean;
+    allow_view: TBoolean;
+    avatar: string;
+    email: string;
+    full_name: string;
+    role: number;
+    user_id: number;
+    [key: string]: any;
+};
+export type TShareAccess = {
+    is_public: TBoolean;
+    public_role: number | null;
+    list_access: TUserAccess[];
+};

package/es/types/share-access.js

@@ -0,0 +1 @@
+export {};

package/es/types/variables.d.ts

@@ -2,3 +2,4 @@ import { GET_LIST_TYPE } from '../constants';
 export type TUnit = 'px' | '%' | any;
 export type TAlign = 'left' | 'center' | 'right';
 export type TGetListType = (typeof GET_LIST_TYPE)[keyof typeof GET_LIST_TYPE];
+export type TBoolean = 1 | 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.33",
+  "version": "1.3.5-beta.34",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",