@antscorp/antsomi-ui 1.3.5-beta.270 → 1.3.5-beta.272

package/es/components/molecules/AddDynamicContent/components/DisplayFormat/DisplayFormat.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
 export type TDisplayFormat = 'number' | 'percentage' | 'currency' | 'datetime';
 type DisplayFormatProps = {

package/es/components/molecules/ImageResizeTuiEditor/ImageResizeTuiEditor.js

@@ -28,6 +28,8 @@ const ImageResizeTuiEditor = React.forwardRef(({ className, imageUrl, width, hei
     };
     const changeImage = url => {
         var _a;
+        if (!url)
+            return;
         (_a = fabricCanvasRef.current) === null || _a === void 0 ? void 0 : _a.forEachObject(obj => {
             var _a;
             (_a = fabricCanvasRef.current) === null || _a === void 0 ? void 0 : _a.remove(obj);
@@ -37,36 +39,37 @@ const ImageResizeTuiEditor = React.forwardRef(({ className, imageUrl, width, hei
     useImperativeHandle(ref, () => ({
         getBase64(options) {
             var _a;
-            const dataURL = (_a = fabricCanvasRef.current) === null || _a === void 0 ? void 0 : _a.toDataURL(Object.assign({ format: 'png', quality: 1 }, options));
+            const dataURL = (_a = fabricCanvasRef.current) === null || _a === void 0 ? void 0 : _a.toDataURL(Object.assign({ format: 'png', quality: 1, multiplier: 3 }, options));
             return dataURL;
         },
         replaceImageWithUrl(imageUrl) {
             changeImage(imageUrl);
         },
         getCurrentState() {
-            return fabricCanvasRef.current;
+            return fabricCanvasRef.current._objects[0];
         },
     }), []);
     useEffect(() => {
-        if (loadRef.current) {
-            changeImage(imageUrl);
+        var _a, _b;
+        if (!loadRef.current) {
+            loadRef.current = true;
+            fabricCanvasRef.current = new fabric.Canvas('tui-image-editor', {
+                width,
+                height,
+            });
+            fabric.Object.prototype.transparentCorners = false;
         }
-        loadRef.current = true;
-        fabricCanvasRef.current = new fabric.Canvas('tui-image-editor', {
-            width,
-            height,
-        });
-        fabric.Object.prototype.transparentCorners = false;
         if (imageUrl) {
-            loadImage(imageUrl);
+            changeImage(imageUrl);
         }
         else if (defaultValue) {
-            defaultValue.forEachObject(obj => {
+            (_a = fabricCanvasRef.current) === null || _a === void 0 ? void 0 : _a.forEachObject(obj => {
                 var _a;
-                (_a = fabricCanvasRef.current) === null || _a === void 0 ? void 0 : _a.add(obj);
+                (_a = fabricCanvasRef.current) === null || _a === void 0 ? void 0 : _a.remove(obj);
             });
+            (_b = fabricCanvasRef.current) === null || _b === void 0 ? void 0 : _b.add(defaultValue);
         }
-    }, [imageUrl]);
+    }, [imageUrl, defaultValue]);
     return (React.createElement("div", { className: className },
         React.createElement("canvas", { ref: canvasRef, id: "tui-image-editor", style: { width, height } })));
 });

package/es/components/organism/ContentSources/Settings.d.ts

@@ -6,6 +6,9 @@ interface SettingsProps {
     mode: ContentSourceModeView;
     hideOptionTypes?: HideOptionTypes;
     onChange: (contentSource: TContentSourceSettings) => void;
+    onBOChange?: (item: {
+        itemTypeId: number;
+    }) => void;
     initValue?: TContentSourceSettings;
     isShowErrorAlert: boolean;
     journeySettings: JourneySettings;

package/es/components/organism/ContentSources/Settings.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 // Libraries
 import React, { memo, useEffect, useLayoutEffect, useState } from 'react';
-import { get, isArray, isEmpty, set } from 'lodash';
+import { get, isArray, isEmpty, isNull, set } from 'lodash';
 // Locale
 import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
 import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
@@ -36,7 +36,7 @@ import { deleteContentSourceGroup, setContentSourceGroup, setContentSourceGroupB
 import { handleError } from '@antscorp/antsomi-ui/es/utils';
 const PATH = 'src/components/organism/ContentSources/Settings.tsx';
 const Settings = (props) => {
-    const { serviceAuth, mode, isShowErrorAlert, initValue, journeySettings, hideOptionTypes, onChange, } = props;
+    const { serviceAuth, mode, isShowErrorAlert, initValue, journeySettings, hideOptionTypes, onChange, onBOChange, } = props;
     const { url = '', userId, token, accountId } = serviceAuth;
     const { t } = i18nInstance;
     const boIdByGroupCS = useSelectBoIdByGroupFromCS();
@@ -148,8 +148,11 @@ const Settings = (props) => {
             switch (action.type) {
                 case 'BO_TYPE': {
                     const { itemTypeId } = action.payload;
-                    if (itemTypeId)
+                    if (itemTypeId) {
                         handleChangeItemTypeId({ groupId, id: itemTypeId });
+                        if (onBOChange)
+                            onBOChange({ itemTypeId });
+                    }
                     break;
                 }
                 case 'ALGORITHMS': {
@@ -275,7 +278,9 @@ const Settings = (props) => {
     }, [boIdByGroupCS, serviceAuth, contentSourceDispatch]);
     // callback data out
     useDeepCompareEffect(() => {
-        if (typeof onChange === 'function') {
+        const groups = get(contentSourcesDebounce, 'groups', []);
+        const isValidCallbackOut = groups.every(group => !isNull(group.itemTypeId));
+        if (typeof onChange === 'function' && isValidCallbackOut) {
             onChange(contentSourcesDebounce);
         }
     }, [contentSourcesDebounce]);

package/es/components/organism/ContentSources/index.d.ts

@@ -9,6 +9,9 @@ export interface ContentSourceProps {
     mode: ContentSourceModeView;
     initValue?: TContentSourceSettings;
     onChange: (contentSource: TContentSourceSettings) => void;
+    onBOChange?: (item: {
+        itemTypeId: number;
+    }) => void;
     journeySettings: JourneySettings;
 }
 declare const _default: React.MemoExoticComponent<{

package/es/components/organism/ContentSources/index.js

@@ -19,6 +19,7 @@ const defaultProps = {
     journeySettings: JOURNEY_SETTINGS_DEFAULT,
     mode: 'CDP',
     onChange: () => { },
+    onBOChange: () => { },
     serviceAuth: {
         url: '',
         token: '',
@@ -27,12 +28,12 @@ const defaultProps = {
     },
 };
 const ContentSource = (props) => {
-    const { useQueryClient, serviceAuth, mode, isShowErrorAlert, initValue, hideOptionTypes, journeySettings, onChange, } = props;
+    const { useQueryClient, serviceAuth, mode, isShowErrorAlert, initValue, hideOptionTypes, journeySettings, onChange, onBOChange, } = props;
     if (!useQueryClient)
-        return (React.createElement(Settings, { mode: mode, initValue: initValue, hideOptionTypes: hideOptionTypes, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }));
+        return (React.createElement(Settings, { mode: mode, initValue: initValue, hideOptionTypes: hideOptionTypes, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange, onBOChange: onBOChange }));
     return (React.createElement(QueryClientProviderAntsomiUI, { client: queryClientAntsomiUI },
         React.createElement(ContentSourceProvider, null,
-            React.createElement(Settings, { mode: mode, initValue: initValue, hideOptionTypes: hideOptionTypes, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange }))));
+            React.createElement(Settings, { mode: mode, initValue: initValue, hideOptionTypes: hideOptionTypes, serviceAuth: serviceAuth, isShowErrorAlert: isShowErrorAlert, journeySettings: journeySettings, onChange: onChange, onBOChange: onBOChange }))));
 };
 ContentSource.defaultProps = defaultProps;
 export default memo(ContentSource);

package/es/components/organism/ContentSources/reducer.d.ts

@@ -1,5 +1,5 @@
-import { TServiceAuth } from '@antscorp/antsomi-ui/es/types';
 import { UpdateGroupAction, TContentSourceSettings, TContentSourceGroup, ActionSetContentSourceGroup, ActionDeleteContentSourceGroup, ContentSourceModeView, ActionUpdateModeView, ActionUpdateContentSourceSettings, ActionSetContentSourceGroupBOData } from './types';
+import { TServiceAuth } from '@antscorp/antsomi-ui/es/types';
 export interface ContentSourceState {
     serviceAuth: TServiceAuth;
     mode: ContentSourceModeView;

package/es/components/template/TemplateListing/Loadable.d.ts

@@ -3,5 +3,4 @@
  * Asynchronously loads the component for TemplateListing
  *
  */
-/// <reference types="react" />
 export declare const TemplateListing: (props: import("@antscorp/antsomi-ui/es/components").TemplateListingProps<{}>) => JSX.Element;

package/package.json

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