zkit-ui 1.0.0

package/dist/services/ActionDialogService/ActionDialog.js

@@ -0,0 +1,531 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionDialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const react_native_worklets_1 = require("react-native-worklets");
+const zkit_tools_1 = require("zkit-tools");
+const useI18n_1 = require("../../i18n/useI18n");
+const useTheme_1 = require("../../theme/useTheme");
+const index_1 = require("../../ui/Button/index");
+const Text_1 = require("../../ui/Text");
+const shared_1 = require("./shared");
+const ENTER_BACKDROP_TIMING = {
+    duration: 190,
+    easing: react_native_reanimated_1.Easing.out(react_native_reanimated_1.Easing.cubic),
+    reduceMotion: react_native_reanimated_1.ReduceMotion.System,
+};
+const EXIT_BACKDROP_TIMING = {
+    duration: 130,
+    easing: react_native_reanimated_1.Easing.in(react_native_reanimated_1.Easing.cubic),
+    reduceMotion: react_native_reanimated_1.ReduceMotion.System,
+};
+const ENTER_CARD_OPACITY_TIMING = {
+    duration: 140,
+    easing: react_native_reanimated_1.Easing.out(react_native_reanimated_1.Easing.cubic),
+    reduceMotion: react_native_reanimated_1.ReduceMotion.System,
+};
+const ENTER_CARD_SCALE_TIMING = {
+    duration: 170,
+    easing: react_native_reanimated_1.Easing.out(react_native_reanimated_1.Easing.cubic),
+    reduceMotion: react_native_reanimated_1.ReduceMotion.System,
+};
+const EXIT_CARD_TIMING = {
+    duration: 100,
+    easing: react_native_reanimated_1.Easing.in(react_native_reanimated_1.Easing.cubic),
+    reduceMotion: react_native_reanimated_1.ReduceMotion.System,
+};
+const KEYBOARD_TIMING = {
+    duration: 260,
+    easing: react_native_reanimated_1.Easing.out(react_native_reanimated_1.Easing.cubic),
+    reduceMotion: react_native_reanimated_1.ReduceMotion.System,
+};
+const KEYBOARD_SPRING = {
+    damping: 28,
+    mass: 1,
+    overshootClamping: true,
+    stiffness: 220,
+};
+const KEYBOARD_CLEARANCE = (0, zkit_tools_1.wp)(12);
+const CARD_ENTER_SCALE = 0.92;
+const CARD_EXIT_SCALE = 0.985;
+const BAR_FOOTER_HEIGHT = (0, zkit_tools_1.wp)(52);
+const COMPACT_ROW_ACTION_BUTTON_LAYOUT = {
+    paddingHorizontal: (0, zkit_tools_1.wp)(10),
+};
+const BAR_ACTION_BUTTON_LAYOUT = {
+    height: BAR_FOOTER_HEIGHT,
+    minHeight: BAR_FOOTER_HEIGHT,
+    paddingVertical: 0,
+};
+function getKeyboardTopInWindow(event) {
+    var _a, _b;
+    const windowHeight = react_native_1.Dimensions.get('window').height;
+    const screenHeight = react_native_1.Dimensions.get('screen').height;
+    const screenY = (_a = event.endCoordinates) === null || _a === void 0 ? void 0 : _a.screenY;
+    if (typeof screenY === 'number' && Number.isFinite(screenY)) {
+        const windowOffset = Math.max(0, screenHeight - windowHeight);
+        return Math.min(windowHeight, Math.max(0, screenY - windowOffset));
+    }
+    const keyboardHeight = (_b = event.endCoordinates) === null || _b === void 0 ? void 0 : _b.height;
+    if (typeof keyboardHeight === 'number' && Number.isFinite(keyboardHeight)) {
+        return Math.max(0, windowHeight - keyboardHeight);
+    }
+    return windowHeight;
+}
+function getStringText(value) {
+    return typeof value === 'string' ? value : undefined;
+}
+function getAccessibilityLabel(title, message, fallback) {
+    var _a;
+    const titleText = getStringText(title);
+    const messageText = getStringText(message);
+    if (titleText && messageText)
+        return `${titleText}, ${messageText}`;
+    return (_a = titleText !== null && titleText !== void 0 ? titleText : messageText) !== null && _a !== void 0 ? _a : fallback;
+}
+const ActionDialogRoot = React.forwardRef(function ActionDialog({ accessibilityLabel, actions, children, colors, defaultOpen = false, disabled = false, dismiss, dismissible = true, footer, hostMode = 'modal', keyboard, labels, layer, layout, message, modalProps, motion = 'fade', onActionError, onClose, onDismissComplete, onOpenChange, open, style, testID, title, }, ref) {
+    var _a, _b, _c;
+    const theme = (0, useTheme_1.useTheme)();
+    const { t } = (0, useI18n_1.useI18n)();
+    const dimensions = (0, react_native_1.useWindowDimensions)();
+    const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    const isOpenControlled = open !== undefined;
+    const [innerOpen, setInnerOpen] = React.useState(defaultOpen);
+    const actualOpen = isOpenControlled ? !!open : innerOpen;
+    const [mounted, setMounted] = React.useState(actualOpen);
+    const dialogHeightRef = React.useRef(0);
+    const keyboardMetricsRef = React.useRef(null);
+    const closingRequestedRef = React.useRef(false);
+    const dismissCompletePendingRef = React.useRef(false);
+    const mountedRef = React.useRef(mounted);
+    const onDismissCompleteRef = React.useRef(onDismissComplete);
+    const openingFrameRef = React.useRef(null);
+    const openRef = React.useRef(actualOpen);
+    mountedRef.current = mounted;
+    onDismissCompleteRef.current = onDismissComplete;
+    openRef.current = actualOpen;
+    const backdropProgress = (0, react_native_reanimated_1.useSharedValue)(0);
+    const cardOpacity = (0, react_native_reanimated_1.useSharedValue)(0);
+    const cardScale = (0, react_native_reanimated_1.useSharedValue)(CARD_ENTER_SCALE);
+    const keyboardOffset = (0, react_native_reanimated_1.useSharedValue)(0);
+    const resolvedLabels = React.useMemo(() => {
+        var _a, _b, _c;
+        return ({
+            confirm: (_a = labels === null || labels === void 0 ? void 0 : labels.confirm) !== null && _a !== void 0 ? _a : t('actionDialog.confirm'),
+            cancel: (_b = labels === null || labels === void 0 ? void 0 : labels.cancel) !== null && _b !== void 0 ? _b : t('actionDialog.cancel'),
+            close: (_c = labels === null || labels === void 0 ? void 0 : labels.close) !== null && _c !== void 0 ? _c : t('actionDialog.close'),
+        });
+    }, [labels === null || labels === void 0 ? void 0 : labels.cancel, labels === null || labels === void 0 ? void 0 : labels.close, labels === null || labels === void 0 ? void 0 : labels.confirm, t]);
+    const resolvedActions = React.useMemo(() => (0, shared_1.resolveActions)(actions, resolvedLabels), [actions, resolvedLabels]);
+    const resolvedFooterLayout = (0, shared_1.resolveFooterLayout)(footer === null || footer === void 0 ? void 0 : footer.layout, resolvedActions);
+    const resolvedDismiss = (0, shared_1.resolveDismissOptions)(dismissible, dismiss);
+    const resolvedKeyboard = (0, shared_1.resolveKeyboardOptions)(keyboard);
+    const resolvedLayout = (0, shared_1.resolveLayout)(layout);
+    const resolvedColors = {
+        backdrop: (_a = colors === null || colors === void 0 ? void 0 : colors.backdrop) !== null && _a !== void 0 ? _a : shared_1.ACTION_DIALOG_DEFAULT_COLORS.backdrop,
+        surface: (colors === null || colors === void 0 ? void 0 : colors.surface) || theme.colors.surface,
+        title: (colors === null || colors === void 0 ? void 0 : colors.title) || theme.colors.onSurface,
+        message: (colors === null || colors === void 0 ? void 0 : colors.message) || theme.colors.muted,
+        border: (colors === null || colors === void 0 ? void 0 : colors.border) || theme.colors.border,
+    };
+    const availableWidth = Math.max(0, dimensions.width - (0, zkit_tools_1.wp)(32));
+    const dialogWidth = Math.min((0, zkit_tools_1.wp)(resolvedLayout.width), (0, zkit_tools_1.wp)(resolvedLayout.maxWidth), availableWidth);
+    const maxDialogHeight = Math.max((0, zkit_tools_1.wp)(180), dimensions.height - insets.top - insets.bottom - (0, zkit_tools_1.wp)(64));
+    const maxBodyHeight = Math.max((0, zkit_tools_1.wp)(88), maxDialogHeight - (0, zkit_tools_1.wp)(96));
+    const finishDismiss = React.useCallback(() => {
+        var _a;
+        if (!dismissCompletePendingRef.current)
+            return;
+        dismissCompletePendingRef.current = false;
+        setMounted(false);
+        (_a = onDismissCompleteRef.current) === null || _a === void 0 ? void 0 : _a.call(onDismissCompleteRef);
+    }, []);
+    React.useEffect(() => {
+        return () => {
+            if (openingFrameRef.current != null) {
+                cancelAnimationFrame(openingFrameRef.current);
+                openingFrameRef.current = null;
+            }
+            (0, react_native_reanimated_1.cancelAnimation)(backdropProgress);
+            (0, react_native_reanimated_1.cancelAnimation)(cardOpacity);
+            (0, react_native_reanimated_1.cancelAnimation)(cardScale);
+            (0, react_native_reanimated_1.cancelAnimation)(keyboardOffset);
+        };
+    }, [backdropProgress, cardOpacity, cardScale, keyboardOffset]);
+    React.useEffect(() => {
+        if (openingFrameRef.current != null) {
+            cancelAnimationFrame(openingFrameRef.current);
+            openingFrameRef.current = null;
+        }
+        (0, react_native_reanimated_1.cancelAnimation)(backdropProgress);
+        (0, react_native_reanimated_1.cancelAnimation)(cardOpacity);
+        (0, react_native_reanimated_1.cancelAnimation)(cardScale);
+        if (actualOpen) {
+            closingRequestedRef.current = false;
+            dismissCompletePendingRef.current = false;
+            setMounted(true);
+            backdropProgress.value = 0;
+            cardOpacity.value = 0;
+            cardScale.value = motion === 'scale' ? CARD_ENTER_SCALE : 1;
+            openingFrameRef.current = requestAnimationFrame(() => {
+                openingFrameRef.current = null;
+                if (motion === 'none') {
+                    backdropProgress.value = 1;
+                    cardOpacity.value = 1;
+                    cardScale.value = 1;
+                    return;
+                }
+                backdropProgress.value = (0, react_native_reanimated_1.withTiming)(1, ENTER_BACKDROP_TIMING);
+                cardOpacity.value = (0, react_native_reanimated_1.withTiming)(1, ENTER_CARD_OPACITY_TIMING);
+                if (motion === 'scale') {
+                    cardScale.value = (0, react_native_reanimated_1.withTiming)(1, ENTER_CARD_SCALE_TIMING);
+                }
+            });
+            return;
+        }
+        if (!mountedRef.current)
+            return;
+        dismissCompletePendingRef.current = true;
+        if (motion === 'none') {
+            backdropProgress.value = 0;
+            cardOpacity.value = 0;
+            cardScale.value = 1;
+            finishDismiss();
+            return;
+        }
+        backdropProgress.value = (0, react_native_reanimated_1.withTiming)(0, EXIT_BACKDROP_TIMING);
+        cardScale.value = (0, react_native_reanimated_1.withTiming)(motion === 'scale' ? CARD_EXIT_SCALE : 1, EXIT_CARD_TIMING);
+        cardOpacity.value = (0, react_native_reanimated_1.withTiming)(0, EXIT_CARD_TIMING, (finished) => {
+            if (finished) {
+                (0, react_native_worklets_1.scheduleOnRN)(finishDismiss);
+            }
+        });
+    }, [actualOpen, backdropProgress, cardOpacity, cardScale, finishDismiss, motion]);
+    React.useEffect(() => {
+        if (actualOpen || !resolvedKeyboard.dismissOnClose)
+            return;
+        try {
+            react_native_1.Keyboard.dismiss();
+        }
+        catch { }
+    }, [actualOpen, resolvedKeyboard.dismissOnClose]);
+    const updateKeyboardOffset = React.useCallback((metrics) => {
+        keyboardMetricsRef.current = metrics;
+        if (!metrics || !resolvedKeyboard.avoid) {
+            keyboardOffset.value = (0, react_native_reanimated_1.withTiming)(0, KEYBOARD_TIMING);
+            return;
+        }
+        const dialogHeight = dialogHeightRef.current;
+        if (dialogHeight <= 0)
+            return;
+        const dialogBottom = (dimensions.height + dialogHeight) / 2;
+        const overlap = Math.max(0, dialogBottom + KEYBOARD_CLEARANCE - metrics.top);
+        keyboardOffset.value = (0, react_native_reanimated_1.withSpring)(overlap, KEYBOARD_SPRING);
+    }, [dimensions.height, keyboardOffset, resolvedKeyboard.avoid]);
+    React.useEffect(() => {
+        if (!mounted || !resolvedKeyboard.avoid)
+            return undefined;
+        const handleKeyboardChange = (event) => {
+            updateKeyboardOffset({ top: getKeyboardTopInWindow(event) });
+        };
+        const handleKeyboardHide = () => updateKeyboardOffset(null);
+        const subscriptions = react_native_1.Platform.OS === 'ios'
+            ? [
+                react_native_1.Keyboard.addListener('keyboardWillChangeFrame', handleKeyboardChange),
+                react_native_1.Keyboard.addListener('keyboardWillHide', handleKeyboardHide),
+            ]
+            : [
+                react_native_1.Keyboard.addListener('keyboardDidShow', handleKeyboardChange),
+                react_native_1.Keyboard.addListener('keyboardDidHide', handleKeyboardHide),
+            ];
+        return () => {
+            subscriptions.forEach((subscription) => subscription.remove());
+        };
+    }, [mounted, resolvedKeyboard.avoid, updateKeyboardOffset]);
+    const requestClose = React.useCallback((result) => {
+        if (!openRef.current || closingRequestedRef.current)
+            return;
+        closingRequestedRef.current = true;
+        if (!isOpenControlled)
+            setInnerOpen(false);
+        onClose === null || onClose === void 0 ? void 0 : onClose(result);
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false, {
+            reason: result.type === 'action' ? 'action' : result.reason,
+            result,
+        });
+    }, [isOpenControlled, onClose, onOpenChange]);
+    const dismissWithReason = React.useCallback((reason) => {
+        if (disabled)
+            return;
+        requestClose({ type: 'dismiss', reason });
+    }, [disabled, requestClose]);
+    const handleOverlayPress = React.useCallback(() => {
+        if (resolvedKeyboard.dismissOnOverlayPress) {
+            try {
+                react_native_1.Keyboard.dismiss();
+            }
+            catch { }
+        }
+        if (resolvedDismiss.overlayPress) {
+            dismissWithReason('overlay');
+        }
+    }, [dismissWithReason, resolvedDismiss.overlayPress, resolvedKeyboard.dismissOnOverlayPress]);
+    const handleModalRequestClose = React.useCallback(() => {
+        if (resolvedDismiss.backPress)
+            dismissWithReason('back');
+    }, [dismissWithReason, resolvedDismiss.backPress]);
+    React.useEffect(() => {
+        if (hostMode !== 'inline' || react_native_1.Platform.OS !== 'android' || !mounted || !actualOpen)
+            return undefined;
+        const subscription = react_native_1.BackHandler.addEventListener('hardwareBackPress', () => {
+            if (resolvedDismiss.backPress)
+                dismissWithReason('back');
+            return true;
+        });
+        return () => subscription.remove();
+    }, [actualOpen, dismissWithReason, hostMode, mounted, resolvedDismiss.backPress]);
+    const pressAction = React.useCallback((key) => {
+        var _a;
+        if (disabled)
+            return;
+        const action = resolvedActions.find((item) => item.key === key);
+        if (!action || action.disabled || action.loading)
+            return;
+        const actionResult = (0, shared_1.createActionResult)(action);
+        let handled = false;
+        const context = {
+            action,
+            close: () => {
+                if (handled)
+                    return;
+                handled = true;
+                requestClose(actionResult);
+            },
+            dismiss: () => {
+                if (handled)
+                    return;
+                handled = true;
+                requestClose({ type: 'dismiss', reason: 'api' });
+            },
+        };
+        try {
+            const handlerResult = (_a = action.onPress) === null || _a === void 0 ? void 0 : _a.call(action, context);
+            if (handled)
+                return;
+            if (handlerResult !== false && action.closeOnPress) {
+                requestClose(actionResult);
+            }
+        }
+        catch (error) {
+            onActionError === null || onActionError === void 0 ? void 0 : onActionError(error, action);
+            if (!onActionError && typeof __DEV__ !== 'undefined' && __DEV__) {
+                console.warn('[actionDialog] action onPress failed', error);
+            }
+        }
+    }, [disabled, onActionError, requestClose, resolvedActions]);
+    React.useImperativeHandle(ref, () => ({
+        close: () => requestClose({ type: 'dismiss', reason: 'api' }),
+        pressAction,
+        getOpen: () => openRef.current,
+    }), [pressAction, requestClose]);
+    const footerContext = React.useMemo(() => ({
+        actions: resolvedActions,
+        layout: resolvedFooterLayout,
+        close: () => requestClose({ type: 'dismiss', reason: 'api' }),
+        pressAction,
+    }), [pressAction, requestClose, resolvedActions, resolvedFooterLayout]);
+    const overlayStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
+        opacity: backdropProgress.value,
+    }));
+    const dialogAnimatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
+        opacity: cardOpacity.value,
+        transform: [
+            { translateY: -keyboardOffset.value },
+            { scale: cardScale.value },
+        ],
+    }));
+    const renderAction = React.useCallback((action, index) => {
+        const actionLoading = action.loading;
+        const actionDisabled = disabled || action.disabled;
+        if (resolvedFooterLayout === 'bar') {
+            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+                    styles.barActionCell,
+                    index > 0 ? [styles.barActionDivider, { borderLeftColor: resolvedColors.border }] : null,
+                ], children: (0, jsx_runtime_1.jsx)(index_1.Button, { accessibilityLabel: action.accessibilityLabel, block: true, disabled: actionDisabled, loading: actionLoading, onPress: () => void pressAction(action.key), pressEffect: "highlight", shape: "square", size: "md", layout: BAR_ACTION_BUTTON_LAYOUT, testID: action.testID, tone: action.tone === 'danger' ? 'danger' : action.tone, variant: "ghost", children: action.label }) }, action.key));
+        }
+        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: resolvedFooterLayout === 'row' ? styles.rowActionCell : null, children: (0, jsx_runtime_1.jsx)(index_1.Button, { accessibilityLabel: action.accessibilityLabel, block: true, disabled: actionDisabled, layout: resolvedFooterLayout === 'row' && resolvedActions.length > 2
+                    ? COMPACT_ROW_ACTION_BUTTON_LAYOUT
+                    : undefined, loading: actionLoading, onPress: () => void pressAction(action.key), pressEffect: "highlight", shape: "rounded", size: "md", testID: action.testID, tone: action.tone === 'danger' ? 'danger' : action.tone, variant: action.variant, children: action.label }) }, action.key));
+    }, [
+        disabled,
+        pressAction,
+        resolvedColors.border,
+        resolvedActions.length,
+        resolvedFooterLayout,
+    ]);
+    const renderedFooter = React.useMemo(() => {
+        if (footer === null || footer === void 0 ? void 0 : footer.render)
+            return footer.render(footerContext);
+        if (!resolvedActions.length)
+            return null;
+        if (resolvedFooterLayout === 'bar') {
+            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.barFooter, { borderTopColor: resolvedColors.border }], children: resolvedActions.map(renderAction) }));
+        }
+        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+                styles.panelFooter,
+                resolvedFooterLayout === 'row' ? styles.panelFooterRow : styles.panelFooterStack,
+            ], children: resolvedActions.map(renderAction) }));
+    }, [footer, footerContext, renderAction, resolvedActions, resolvedColors.border, resolvedFooterLayout]);
+    const hasBody = title != null || message != null || children != null;
+    const computedAccessibilityLabel = accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : getAccessibilityLabel(title, message, resolvedLabels.close);
+    if (!mounted)
+        return null;
+    const dialogNode = ((0, jsx_runtime_1.jsxs)(react_native_1.View, { accessibilityLabel: computedAccessibilityLabel, accessibilityLiveRegion: "polite", accessibilityRole: "alert", accessibilityViewIsModal: true, importantForAccessibility: "yes", onAccessibilityEscape: () => {
+            if (resolvedDismiss.backPress)
+                dismissWithReason('back');
+        }, pointerEvents: actualOpen ? 'auto' : 'none', style: [
+            hostMode === 'inline' ? styles.inlineRoot : styles.modalRoot,
+            {
+                elevation: react_native_1.Platform.OS === 'android' ? (_b = layer === null || layer === void 0 ? void 0 : layer.zIndex) !== null && _b !== void 0 ? _b : shared_1.ACTION_DIALOG_DEFAULT_Z_INDEX : 0,
+                zIndex: (_c = layer === null || layer === void 0 ? void 0 : layer.zIndex) !== null && _c !== void 0 ? _c : shared_1.ACTION_DIALOG_DEFAULT_Z_INDEX,
+            },
+        ], testID: testID, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessible: false, onPress: handleOverlayPress, style: react_native_1.StyleSheet.absoluteFill, children: (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { pointerEvents: "none", style: [styles.backdrop, { backgroundColor: resolvedColors.backdrop }, overlayStyle] }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { pointerEvents: "box-none", style: [
+                    styles.center,
+                    {
+                        paddingBottom: Math.max(insets.bottom, (0, zkit_tools_1.wp)(16)),
+                        paddingTop: Math.max(insets.top, (0, zkit_tools_1.wp)(16)),
+                    },
+                ], children: (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { onLayout: (event) => {
+                        dialogHeightRef.current = event.nativeEvent.layout.height || 0;
+                        if (keyboardMetricsRef.current)
+                            updateKeyboardOffset(keyboardMetricsRef.current);
+                    }, shouldRasterizeIOS: react_native_1.Platform.OS === 'ios', style: [
+                        styles.dialog,
+                        {
+                            borderRadius: (0, zkit_tools_1.wp)(resolvedLayout.radius),
+                            maxHeight: maxDialogHeight,
+                            width: dialogWidth,
+                        },
+                        dialogAnimatedStyle,
+                        style,
+                    ], children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+                            styles.surface,
+                            {
+                                backgroundColor: resolvedColors.surface,
+                                borderRadius: (0, zkit_tools_1.wp)(resolvedLayout.radius),
+                            },
+                        ], children: [hasBody ? ((0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { bounces: false, keyboardShouldPersistTaps: "handled", style: { maxHeight: maxBodyHeight }, contentContainerStyle: [
+                                    styles.body,
+                                    { padding: (0, zkit_tools_1.wp)(resolvedLayout.contentPadding) },
+                                    !renderedFooter ? styles.bodyWithoutFooter : null,
+                                ], children: [title != null ? (typeof title === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { accessibilityRole: "header", align: "center", color: resolvedColors.title, size: "lg", weight: "semibold", children: title })) : (title)) : null, message != null ? (typeof message === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { align: "center", color: resolvedColors.message, size: "md", children: message })) : (message)) : null, children] })) : null, renderedFooter] }) }) })] }));
+    if (hostMode === 'inline')
+        return dialogNode;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { ...modalProps, animationType: "none", hardwareAccelerated: true, onRequestClose: handleModalRequestClose, presentationStyle: "overFullScreen", statusBarTranslucent: true, supportedOrientations: [
+            'portrait',
+            'portrait-upside-down',
+            'landscape',
+            'landscape-left',
+            'landscape-right',
+        ], transparent: true, visible: mounted, children: dialogNode }));
+});
+exports.ActionDialog = React.memo(ActionDialogRoot);
+const styles = react_native_1.StyleSheet.create({
+    modalRoot: {
+        flex: 1,
+    },
+    inlineRoot: {
+        ...react_native_1.StyleSheet.absoluteFillObject,
+    },
+    backdrop: {
+        ...react_native_1.StyleSheet.absoluteFillObject,
+    },
+    center: {
+        alignItems: 'center',
+        flex: 1,
+        justifyContent: 'center',
+        paddingHorizontal: (0, zkit_tools_1.wp)(16),
+    },
+    dialog: {
+        shadowColor: '#000000',
+        shadowOffset: { width: 0, height: (0, zkit_tools_1.wp)(14) },
+        shadowOpacity: 0.18,
+        shadowRadius: (0, zkit_tools_1.wp)(28),
+        elevation: (0, zkit_tools_1.wp)(10),
+    },
+    surface: {
+        overflow: 'hidden',
+    },
+    body: {
+        alignItems: 'center',
+        gap: (0, zkit_tools_1.wp)(10),
+    },
+    bodyWithoutFooter: {
+        paddingBottom: (0, zkit_tools_1.wp)(22),
+    },
+    panelFooter: {
+        gap: (0, zkit_tools_1.wp)(10),
+        paddingBottom: (0, zkit_tools_1.wp)(16),
+        paddingHorizontal: (0, zkit_tools_1.wp)(16),
+        paddingTop: (0, zkit_tools_1.wp)(2),
+    },
+    panelFooterRow: {
+        flexDirection: 'row',
+    },
+    panelFooterStack: {
+        flexDirection: 'column',
+    },
+    rowActionCell: {
+        flex: 1,
+        minWidth: 0,
+    },
+    barFooter: {
+        borderTopWidth: react_native_1.StyleSheet.hairlineWidth,
+        flexDirection: 'row',
+        height: BAR_FOOTER_HEIGHT,
+    },
+    barActionCell: {
+        flex: 1,
+        minWidth: 0,
+    },
+    barActionDivider: {
+        borderLeftWidth: react_native_1.StyleSheet.hairlineWidth,
+    },
+});

package/dist/services/ActionDialogService/index.d.ts

@@ -0,0 +1,4 @@
+export { ActionDialog } from './ActionDialog';
+export { ActionDialogProvider, actionDialog } from './service';
+export type { ActionDialogAction, ActionDialogActionContext, ActionDialogActionPressResult, ActionDialogActionResult, ActionDialogActionRole, ActionDialogActionTone, ActionDialogActionVariant, ActionDialogAlertOptions, ActionDialogCollisionStrategy, ActionDialogColors, ActionDialogConfirmOptions, ActionDialogDismissOptions, ActionDialogDismissReason, ActionDialogDismissResult, ActionDialogFooterLayout, ActionDialogFooterOptions, ActionDialogFooterRenderContext, ActionDialogHandle, ActionDialogHostMode, ActionDialogKeyboardOptions, ActionDialogLabels, ActionDialogLayerOptions, ActionDialogLayoutOptions, ActionDialogMotion, ActionDialogOpenChangeMeta, ActionDialogOpenChangeReason, ActionDialogOpenOptions, ActionDialogProps, ActionDialogRef, ActionDialogResolvedAction, ActionDialogResolvedFooterLayout, ActionDialogResult, ActionDialogSemanticActionOptions, ActionDialogService, ActionDialogSnapshot, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/services/ActionDialogService/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/services/ActionDialogService/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EACV,kBAAkB,EAClB,yBAAyB,EACzB,6BAA6B,EAC7B,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,EACtB,yBAAyB,EACzB,wBAAwB,EACxB,6BAA6B,EAC7B,kBAAkB,EAClB,0BAA0B,EAC1B,0BAA0B,EAC1B,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,EACzB,+BAA+B,EAC/B,kBAAkB,EAClB,oBAAoB,EACpB,2BAA2B,EAC3B,kBAAkB,EAClB,wBAAwB,EACxB,yBAAyB,EACzB,kBAAkB,EAClB,0BAA0B,EAC1B,4BAA4B,EAC5B,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EACf,0BAA0B,EAC1B,gCAAgC,EAChC,kBAAkB,EAClB,iCAAiC,EACjC,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,SAAS,CAAC"}

package/dist/services/ActionDialogService/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.actionDialog = exports.ActionDialogProvider = exports.ActionDialog = void 0;
+var ActionDialog_1 = require("./ActionDialog");
+Object.defineProperty(exports, "ActionDialog", { enumerable: true, get: function () { return ActionDialog_1.ActionDialog; } });
+var service_1 = require("./service");
+Object.defineProperty(exports, "ActionDialogProvider", { enumerable: true, get: function () { return service_1.ActionDialogProvider; } });
+Object.defineProperty(exports, "actionDialog", { enumerable: true, get: function () { return service_1.actionDialog; } });

package/dist/services/ActionDialogService/service.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { ActionDialogService } from './types';
+export declare const actionDialog: ActionDialogService;
+export declare function ActionDialogProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=service.d.ts.map

package/dist/services/ActionDialogService/service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../../../src/services/ActionDialogService/service.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAOV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AA4JjB,eAAO,MAAM,YAAY,EAAE,mBAAyC,CAAC;AAOrE,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAmL/E"}