@teamturing/react-native-kit 1.1.0 → 1.2.0

package/lib/module/component/dialog/CommonDialog.js

@@ -0,0 +1,253 @@
+"use strict";
+
+import { useBackHandler } from '@react-native-community/hooks';
+import { is, Icon, palette, Img, spacing, Chip, Txt, Btn, runAfterFlushMacroQueue } from '@teamturing/react-native-kit';
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { useDialogContext } from "./DialogProvider.js";
+import { Dialog } from "./base/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const defaultButtonType = 'single-primary';
+function resolveButtonType(buttonsLength, type) {
+  if (buttonsLength <= 1) {
+    return defaultButtonType;
+  }
+  return type || 'horizontal-variant-primary';
+}
+const defaultImageSize = '120';
+export const COMMON_DIALOG_ANIMATION_DURATION = 300;
+const CommonDialog = /*#__PURE__*/forwardRef((props, ref) => {
+  const dialog = useRef(null);
+  const isOpen = useRef(false);
+  const clearStateHandler = useRef(-1);
+  const [iconName, setIconName] = useState();
+  const [iconFill, setIconFill] = useState();
+  const [image, setImage] = useState();
+  const [imageSize, setImageSize] = useState(defaultImageSize);
+  const [chip, setChip] = useState();
+  const [title, setTitle] = useState();
+  const [body, setBody] = useState();
+  const [bodyAlign, setBodyAlign] = useState('center');
+  const [buttonType, setButtonType] = useState(defaultButtonType);
+  const [buttons, setButtons] = useState([]);
+  const [dismissDisable, setDismissDisable] = useState(false);
+  const [onDismiss, setOnDismiss] = useState();
+  const [openId, setOpenId] = useState('');
+  const setUIStates = useCallback(params => {
+    setIconName(params?.iconName || undefined);
+    setIconFill(params?.iconFill || undefined);
+    setImage(params?.image || undefined);
+    setImageSize(params?.imageSize || defaultImageSize);
+    setChip(params?.chip);
+    setTitle(params?.title || undefined);
+    setBody(params?.body || undefined);
+    setBodyAlign(params?.bodyAlign || 'center');
+    setDismissDisable(params?.dismissDisable || false);
+    setOnDismiss(is.function(params?.onDismiss) ? () => params?.onDismiss : undefined);
+    setOpenId(params?.openId || '');
+    const buttons = params?.buttons || [];
+    setButtons(buttons.filter(b => is.plainObject(b)));
+    setButtonType(resolveButtonType(buttons.length, params?.buttonType));
+  }, []);
+  const imageSizeByVariant = {
+    '120': 120,
+    '64': 64
+  };
+  const close = useCallback(id => {
+    if (idMatchNeeded()) {
+      closeModalById();
+    } else {
+      close();
+    }
+    function idMatchNeeded() {
+      return is.notEmptyString(id);
+    }
+    function closeModalById() {
+      if (openId === id) {
+        close();
+      }
+    }
+    function close() {
+      dialog.current?.close();
+    }
+  }, [openId]);
+  const open = useCallback(params => {
+    isOpen.current = true;
+    clearTimeout(clearStateHandler.current);
+    setUIStates(params);
+    dialog.current?.open();
+  }, [setUIStates]);
+  useImperativeHandle(ref, () => ({
+    open,
+    close
+  }), [open, close]);
+  useBackHandler(() => {
+    if (isOpen.current) {
+      if (!dismissDisable) {
+        close();
+      }
+      return true;
+    }
+    return false;
+  });
+  const renderBaseElement = () => {
+    return /*#__PURE__*/_jsxs(View, {
+      style: {
+        alignItems: 'center'
+      },
+      children: [!image && iconName ? /*#__PURE__*/_jsx(Icon, {
+        name: iconName,
+        size: imageSizeByVariant[imageSize],
+        fill: iconFill || palette.gray300,
+        mb: 4
+      }) : null, !iconName && image ? Img.render(image, {
+        width: imageSizeByVariant[imageSize],
+        height: imageSizeByVariant[imageSize],
+        style: {
+          marginBottom: spacing[4]
+        }
+      }) : null, chip?.text ? /*#__PURE__*/_jsx(Chip, {
+        size: 'm',
+        variant: 'gray',
+        mb: 3,
+        ...chip
+      }) : null, title ? Txt.L.Bold.render(title, {
+        align: 'center',
+        numberOfLines: 4,
+        testID: 'commonDialog/title',
+        style: [{
+          width: '100%',
+          marginBottom: spacing[body ? 3 : 0]
+        }]
+      }) : null, body ? Txt.S.Medium.Gray500.render(body, {
+        align: bodyAlign,
+        numberOfLines: 16,
+        testID: 'commonDialog/body',
+        style: [{
+          width: '100%'
+        }]
+      }) : null]
+    });
+  };
+  const renderButtons = () => {
+    if (buttons.length === 0) {
+      return undefined;
+    }
+    const [button1, button2] = buttons;
+    const renderButton = (button, props) => !button ? null : /*#__PURE__*/_jsx(Btn, {
+      text: button.title,
+      onPress: () => {
+        if (!button.dontClose) {
+          close();
+        }
+        runAfterFlushMacroQueue(() => button.onPress?.(close));
+      },
+      loading: button.loading,
+      testID: `commonDialog/button/${button.testID ?? button.title}`,
+      fullWidth: true,
+      size: 'l',
+      ...props
+    });
+    if (!button2 || buttonType === 'single-primary') {
+      return renderButton(button1);
+    } else if (buttonType === 'horizontal-variant-primary') {
+      return /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row'
+        },
+        children: [/*#__PURE__*/_jsx(View, {
+          style: {
+            flex: 1
+          },
+          children: renderButton(button1, {
+            variant: 'secondary'
+          })
+        }), /*#__PURE__*/_jsx(View, {
+          style: {
+            flex: 1,
+            marginLeft: spacing[2]
+          },
+          children: renderButton(button2, {
+            variant: 'primary'
+          })
+        })]
+      });
+    } else if (buttonType === 'vertical-primary-text') {
+      return /*#__PURE__*/_jsxs(View, {
+        style: {
+          width: '100%'
+        },
+        children: [renderButton(button1), renderButton(button2, {
+          size: 'm',
+          variant: 'text-gray700',
+          layout: {
+            marginTop: spacing[1]
+          }
+        })]
+      });
+    } else if (buttonType === 'horizontal-outlined-danger') {
+      return /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row'
+        },
+        children: [/*#__PURE__*/_jsx(View, {
+          style: {
+            flex: 1
+          },
+          children: renderButton(button1, {
+            variant: 'outlined'
+          })
+        }), /*#__PURE__*/_jsx(View, {
+          style: {
+            flex: 1,
+            marginLeft: spacing[2]
+          },
+          children: renderButton(button2, {
+            variant: 'danger'
+          })
+        })]
+      });
+    } else {
+      return undefined;
+    }
+  };
+  return /*#__PURE__*/_jsxs(Dialog, {
+    testID: 'CommonDialog',
+    ref: dialog,
+    radius: 20,
+    pt: 8,
+    px: 5,
+    pb: 6,
+    onOpened: () => {
+      isOpen.current = true;
+      props.onOpened?.();
+    },
+    onClosedStarted: () => {
+      props.onClosed?.();
+      onDismiss?.();
+      clearStateHandler.current = setTimeout(() => {
+        isOpen.current = false;
+        setUIStates();
+      }, COMMON_DIALOG_ANIMATION_DURATION);
+    },
+    animationDuration: COMMON_DIALOG_ANIMATION_DURATION,
+    backdropPressToClose: !dismissDisable,
+    backButtonClose: false,
+    children: [renderBaseElement(), /*#__PURE__*/_jsx(View, {
+      style: {
+        marginTop: spacing[8]
+      },
+      children: renderButtons()
+    })]
+  });
+});
+export const CommonDialogComposer = () => {
+  const {
+    commonDialog
+  } = useDialogContext();
+  return /*#__PURE__*/_jsx(CommonDialog, {
+    ref: commonDialog
+  });
+};
+export { CommonDialog };
+//# sourceMappingURL=CommonDialog.js.map

package/lib/module/component/dialog/CommonDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBackHandler","is","Icon","palette","Img","spacing","Chip","Txt","Btn","runAfterFlushMacroQueue","forwardRef","useCallback","useImperativeHandle","useRef","useState","View","useDialogContext","Dialog","jsx","_jsx","jsxs","_jsxs","defaultButtonType","resolveButtonType","buttonsLength","type","defaultImageSize","COMMON_DIALOG_ANIMATION_DURATION","CommonDialog","props","ref","dialog","isOpen","clearStateHandler","iconName","setIconName","iconFill","setIconFill","image","setImage","imageSize","setImageSize","chip","setChip","title","setTitle","body","setBody","bodyAlign","setBodyAlign","buttonType","setButtonType","buttons","setButtons","dismissDisable","setDismissDisable","onDismiss","setOnDismiss","openId","setOpenId","setUIStates","params","undefined","function","filter","b","plainObject","length","imageSizeByVariant","close","id","idMatchNeeded","closeModalById","notEmptyString","current","open","clearTimeout","renderBaseElement","style","alignItems","children","name","size","fill","gray300","mb","render","width","height","marginBottom","text","variant","L","Bold","align","numberOfLines","testID","S","Medium","Gray500","renderButtons","button1","button2","renderButton","button","onPress","dontClose","loading","fullWidth","flexDirection","flex","marginLeft","layout","marginTop","radius","pt","px","pb","onOpened","onClosedStarted","onClosed","setTimeout","animationDuration","backdropPressToClose","backButtonClose","CommonDialogComposer","commonDialog"],"sourceRoot":"../../../../src","sources":["component/dialog/CommonDialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/dialog/DialogProvider.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import { useCallback, useRef } from 'react';
+import { createCtx } from "../../util/index.js";
+import { AppEvent } from "../../util/AppEvent.js";
+const defaultHandleErrorWithCommonDialogOption = {
+  title: '오류가 발생했습니다',
+  body: '잠시 후에 다시 시도해주세요',
+  hideErrorReportButton: false,
+  buttonText: '확인'
+};
+export const [useDialogContext, DialogProvider, DialogConsumer, useDialogContextSafely] = createCtx(() => {
+  const commonDialog = useRef(null);
+  const openCommon = useCallback(params => commonDialog.current?.open(params), []);
+  const closeCommon = useCallback(type => commonDialog.current?.close(type), []);
+  const commonBottomSheetDialog = useRef(null);
+  const openCommonBottomSheet = useCallback(params => commonBottomSheetDialog.current?.open(params), []);
+  const closeCommonBottomSheet = useCallback(type => commonBottomSheetDialog.current?.close(type), []);
+  const toastDialog = useRef(null);
+  const showSuccessToast = useCallback(text => toastDialog.current?.show('success', text), []);
+  const showWarningToast = useCallback(text => toastDialog.current?.show('warning', text), []);
+  const lottieDialog = useRef(null);
+  const showLottie = useCallback(params => lottieDialog.current?.show(params), []);
+
+  // const birthInputDialog = useRef<BirthInputDialogRef>(null);
+  // const openBirthInput = useCallback((params: BirthInputDialogParams) => birthInputDialog.current?.open(params), []);
+
+  const handleErrorWithCommonDialogOptions = useCallback((options = defaultHandleErrorWithCommonDialogOption) => {
+    const {
+      title,
+      body,
+      hideErrorReportButton,
+      buttonText
+    } = {
+      ...defaultHandleErrorWithCommonDialogOption,
+      ...options
+    };
+    openCommon({
+      iconName: 'exclamation_point_in_circle',
+      imageSize: '64',
+      title: title,
+      body: body,
+      buttons: [{
+        title: buttonText
+      }, hideErrorReportButton ? null : {
+        title: '오류 제보하기',
+        onPress: () => AppEvent.emitEvent('NAVIGATE_BUG_REPORT')
+      }],
+      buttonType: 'vertical-primary-text'
+    });
+  }, [openCommon]);
+  const handleErrorWithCommonDialog = useCallback(() => handleErrorWithCommonDialogOptions(), [handleErrorWithCommonDialogOptions]);
+  return {
+    commonDialog,
+    toastDialog,
+    lottieDialog,
+    closeCommon,
+    handleErrorWithCommonDialog,
+    handleErrorWithCommonDialogOptions,
+    openCommon,
+    showLottie,
+    showSuccessToast,
+    showWarningToast,
+    commonBottomSheetDialog,
+    openCommonBottomSheet,
+    closeCommonBottomSheet
+  };
+}, 'Dialog');
+//# sourceMappingURL=DialogProvider.js.map

package/lib/module/component/dialog/DialogProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","createCtx","AppEvent","defaultHandleErrorWithCommonDialogOption","title","body","hideErrorReportButton","buttonText","useDialogContext","DialogProvider","DialogConsumer","useDialogContextSafely","commonDialog","openCommon","params","current","open","closeCommon","type","close","commonBottomSheetDialog","openCommonBottomSheet","closeCommonBottomSheet","toastDialog","showSuccessToast","text","show","showWarningToast","lottieDialog","showLottie","handleErrorWithCommonDialogOptions","options","iconName","imageSize","buttons","onPress","emitEvent","buttonType","handleErrorWithCommonDialog"],"sourceRoot":"../../../../src","sources":["component/dialog/DialogProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/dialog/ItemSelectBottomSheetDialog.js

@@ -0,0 +1,110 @@
+"use strict";
+
+import { Box, useDynamicLayout, ItemList, palette, Txt, RowCenter, FontWeight, Icon, spacing, is } from '@teamturing/react-native-kit';
+import React, { useRef, useImperativeHandle, useMemo } from 'react';
+import { ScrollView, TouchableHighlight } from 'react-native';
+import { BottomSheetDialog } from "./base/BottomSheetDialog.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const _ItemSelectBottomSheetDialog = ({
+  onSelectedOptionChanged,
+  options,
+  selectedOptionId,
+  title,
+  disabledSelect,
+  testID = 'ItemSelectBottomSheetDialog',
+  ...props
+}, ref) => {
+  const {
+    screenHeight,
+    sfBottom,
+    sidePadding
+  } = useDynamicLayout();
+  const dialog = useRef(null);
+  const open = () => dialog.current?.open();
+  const close = () => dialog.current?.close();
+  useImperativeHandle(ref, () => ({
+    open,
+    close
+  }), []);
+  const validOptions = useMemo(() => options.filter(o => !!o), [options]);
+  return /*#__PURE__*/_jsxs(BottomSheetDialog, {
+    ref: dialog,
+    pt: 8,
+    excludeSafeAreaBottomPadding: true,
+    ...props,
+    children: [/*#__PURE__*/_jsx(Box, {
+      px: 'sidePadding',
+      children: title ? Txt.L.Bold.render(title, {
+        style: {
+          marginVertical: spacing[4]
+        }
+      }) : null
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      testID: testID,
+      style: {
+        maxHeight: screenHeight * 0.6,
+        minHeight: Math.min(options.length * 45, screenHeight * 0.6)
+      },
+      contentContainerStyle: {
+        paddingBottom: 20 + sfBottom
+      },
+      children: /*#__PURE__*/_jsx(ItemList, {
+        items: validOptions,
+        renderItem: ({
+          id,
+          value,
+          description,
+          chevron
+        }) => {
+          const selected = selectedOptionId === id;
+          const showDescription = is.notEmptyString(description);
+          return /*#__PURE__*/_jsxs(RowCenter, {
+            gapX: 3,
+            children: [Txt.M.Medium.Color(selected || disabledSelect ? palette.gray900 : palette.gray400).render(value, {
+              style: showDescription ? {
+                width: 40
+              } : {
+                flex: 1
+              }
+            }), showDescription ? Txt.M.Color(selected || disabledSelect ? palette.gray900 : palette.gray400).render(description, {
+              weight: selected ? FontWeight.Medium : FontWeight.Regular,
+              style: {
+                flex: 1
+              }
+            }) : null, selected && /*#__PURE__*/_jsx(Icon, {
+              name: 'check',
+              size: 24,
+              fill: palette.violet500
+            }), chevron && /*#__PURE__*/_jsx(Icon, {
+              name: 'chevron_right',
+              size: 20,
+              fill: palette.gray400
+            })]
+          });
+        },
+        renderItemWrapper: (children, {
+          id,
+          disabled
+        }, index) => /*#__PURE__*/_jsx(TouchableHighlight, {
+          testID: `${testID}/item/${id}`,
+          underlayColor: palette.gray100,
+          disabled: disabledSelect || disabled,
+          onPress: () => {
+            onSelectedOptionChanged?.({
+              index,
+              id
+            });
+            close();
+          },
+          style: {
+            paddingVertical: spacing[4],
+            paddingHorizontal: sidePadding
+          },
+          children: children
+        }, id + '')
+      })
+    })]
+  });
+};
+export const ItemSelectBottomSheetDialog = /*#__PURE__*/React.forwardRef(_ItemSelectBottomSheetDialog);
+//# sourceMappingURL=ItemSelectBottomSheetDialog.js.map

package/lib/module/component/dialog/ItemSelectBottomSheetDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Box","useDynamicLayout","ItemList","palette","Txt","RowCenter","FontWeight","Icon","spacing","is","React","useRef","useImperativeHandle","useMemo","ScrollView","TouchableHighlight","BottomSheetDialog","jsx","_jsx","jsxs","_jsxs","_ItemSelectBottomSheetDialog","onSelectedOptionChanged","options","selectedOptionId","title","disabledSelect","testID","props","ref","screenHeight","sfBottom","sidePadding","dialog","open","current","close","validOptions","filter","o","pt","excludeSafeAreaBottomPadding","children","px","L","Bold","render","style","marginVertical","maxHeight","minHeight","Math","min","length","contentContainerStyle","paddingBottom","items","renderItem","id","value","description","chevron","selected","showDescription","notEmptyString","gapX","M","Medium","Color","gray900","gray400","width","flex","weight","Regular","name","size","fill","violet500","renderItemWrapper","disabled","index","underlayColor","gray100","onPress","paddingVertical","paddingHorizontal","ItemSelectBottomSheetDialog","forwardRef"],"sourceRoot":"../../../../src","sources":["component/dialog/ItemSelectBottomSheetDialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/dialog/LottieDialog.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import { Lottie, useDialogContext, useAppState, useStableCallback } from '@teamturing/react-native-kit';
+import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { Animated, StyleSheet } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const LottieDialog = /*#__PURE__*/React.forwardRef((_, ref) => {
+  const lottie = useRef(null);
+  const [params, setParams] = useState();
+  const [showKey, setShowKey] = useState(0);
+  const opacity = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    Animated.timing(opacity, {
+      useNativeDriver: true,
+      toValue: showKey !== -1 ? 1 : 0,
+      duration: 300
+    }).start();
+    return () => {
+      opacity.stopAnimation();
+    };
+  }, [showKey, opacity]);
+  const show = useCallback(params => {
+    setParams(params);
+    setShowKey(k => k + 1);
+  }, []);
+  useImperativeHandle(ref, () => ({
+    show
+  }), [show]);
+  const onAnimationFinish = useStableCallback(() => {
+    params?.onAnimationFinish?.();
+    setShowKey(-1);
+    setParams(undefined);
+  });
+  const appState = useAppState();
+  useEffect(() => {
+    if (appState !== 'active') {
+      onAnimationFinish();
+    }
+  }, [appState, onAnimationFinish]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    testID: 'lottie_container',
+    style: [StyleSheet.absoluteFill, {
+      alignItems: 'center',
+      justifyContent: 'center',
+      zIndex: 2
+    }, {
+      opacity
+    }],
+    pointerEvents: 'none',
+    children: /*#__PURE__*/_jsx(Lottie, {
+      ref: lottie,
+      testID: 'lottie_view',
+      style: [params?.lottieStyle],
+      source: params?.source,
+      autoPlay: true,
+      resizeMode: 'contain',
+      loop: false,
+      speed: params?.speed || 1,
+      onAnimationFinish: onAnimationFinish
+    }, showKey)
+  });
+});
+export const LottieDialogComposer = () => {
+  const {
+    lottieDialog
+  } = useDialogContext();
+  return /*#__PURE__*/_jsx(LottieDialog, {
+    ref: lottieDialog
+  });
+};
+export { LottieDialog };
+//# sourceMappingURL=LottieDialog.js.map

package/lib/module/component/dialog/LottieDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Lottie","useDialogContext","useAppState","useStableCallback","React","useCallback","useEffect","useImperativeHandle","useRef","useState","Animated","StyleSheet","jsx","_jsx","LottieDialog","forwardRef","_","ref","lottie","params","setParams","showKey","setShowKey","opacity","Value","current","timing","useNativeDriver","toValue","duration","start","stopAnimation","show","k","onAnimationFinish","undefined","appState","View","testID","style","absoluteFill","alignItems","justifyContent","zIndex","pointerEvents","children","lottieStyle","source","autoPlay","resizeMode","loop","speed","LottieDialogComposer","lottieDialog"],"sourceRoot":"../../../../src","sources":["component/dialog/LottieDialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/dialog/ToastDialog.js

@@ -0,0 +1,107 @@
+"use strict";
+
+import { palette, useDynamicLayout, useAppState, FadeInOut, SlideInOut, spacing, Icon, Txt, useDialogContext } from '@teamturing/react-native-kit';
+import React, { useImperativeHandle, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { useAppEventListener } from "../../util/AppEvent.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ToastParamsByType = {
+  success: {
+    iconName: 'check_in_circle',
+    iconFill: palette.green500
+  },
+  warning: {
+    iconName: 'exclamation_point_in_circle',
+    iconFill: palette.yellow500
+  }
+};
+const _ToastDialog = (_, ref) => {
+  const {
+    screenWidth,
+    sfTop
+  } = useDynamicLayout();
+  const [params, setParams] = useState({
+    text: '',
+    iconName: 'exclamation_point_in_circle',
+    iconFill: palette.green500
+  });
+  const fadeInOutAnimation = useRef(null);
+  const slideInOutAnimation = useRef(null);
+  useImperativeHandle(ref, () => ({
+    show: (type, text, duration) => {
+      setParams({
+        ...ToastParamsByType[type],
+        text,
+        duration
+      });
+      fadeInOutAnimation.current?.start();
+      slideInOutAnimation.current?.start();
+    }
+  }), []);
+  const width = Math.min(351, screenWidth * 0.9);
+  const appState = useAppState();
+  return /*#__PURE__*/_jsx(FadeInOut, {
+    ref: fadeInOutAnimation,
+    disableFirstAnimation: true,
+    pointerEvents: 'none',
+    style: {
+      width: '100%',
+      top: sfTop + 24,
+      position: 'absolute',
+      zIndex: 5,
+      alignItems: 'center'
+    },
+    duration: params.duration ?? 2500,
+    fadeInDuration: 500,
+    fadeOutDuration: 300,
+    enableResetAtRestart: true,
+    children: /*#__PURE__*/_jsx(SlideInOut, {
+      ref: slideInOutAnimation,
+      duration: 2500,
+      startTranslationY: -24 - sfTop,
+      endTranslationY: -24 - sfTop,
+      slideInDuration: 500,
+      slideOutDuration: 300,
+      disableFirstAnimation: true,
+      enableResetAtRestart: true,
+      children: appState === 'active' ? /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          width,
+          borderRadius: 16,
+          justifyContent: 'center',
+          backgroundColor: palette.gray700,
+          minHeight: 56,
+          padding: spacing[4],
+          paddingLeft: spacing[5],
+          opacity: 0.98
+        },
+        children: [/*#__PURE__*/_jsx(Icon, {
+          size: 24,
+          name: params.iconName,
+          fill: params.iconFill
+        }), Txt.M.Medium.White.render(params.text, {
+          numberOfLines: 4,
+          style: {
+            flex: 1,
+            marginLeft: spacing[3]
+          },
+          testID: 'toast/text'
+        })]
+      }) : null
+    })
+  });
+};
+export const ToastDialog = /*#__PURE__*/React.forwardRef(_ToastDialog);
+export const ToastDialogComposer = () => {
+  const {
+    toastDialog
+  } = useDialogContext();
+  useAppEventListener('SHOW_WARNING_TOAST', text => toastDialog.current?.show('warning', text));
+  useAppEventListener('SHOW_SUCCESS_TOAST', text => toastDialog.current?.show('success', text));
+  return /*#__PURE__*/_jsx(ToastDialog, {
+    ref: toastDialog
+  });
+};
+//# sourceMappingURL=ToastDialog.js.map

package/lib/module/component/dialog/ToastDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["palette","useDynamicLayout","useAppState","FadeInOut","SlideInOut","spacing","Icon","Txt","useDialogContext","React","useImperativeHandle","useRef","useState","View","useAppEventListener","jsx","_jsx","jsxs","_jsxs","ToastParamsByType","success","iconName","iconFill","green500","warning","yellow500","_ToastDialog","_","ref","screenWidth","sfTop","params","setParams","text","fadeInOutAnimation","slideInOutAnimation","show","type","duration","current","start","width","Math","min","appState","disableFirstAnimation","pointerEvents","style","top","position","zIndex","alignItems","fadeInDuration","fadeOutDuration","enableResetAtRestart","children","startTranslationY","endTranslationY","slideInDuration","slideOutDuration","flexDirection","borderRadius","justifyContent","backgroundColor","gray700","minHeight","padding","paddingLeft","opacity","size","name","fill","M","Medium","White","render","numberOfLines","flex","marginLeft","testID","ToastDialog","forwardRef","ToastDialogComposer","toastDialog"],"sourceRoot":"../../../../src","sources":["component/dialog/ToastDialog.tsx"],"mappings":"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","ignoreList":[]}