@shopify/app-bridge-host/components/Toast.js

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var polaris_1 = require("@shopify/polaris");
var react_compose_1 = __importDefault(require("@shopify/react-compose"));
var toast_1 = require("../store/reducers/embeddedApp/toast");
var withFeature_1 = __importDefault(require("../withFeature"));
/**
 * The UI component for the Toast feature
 * @public
 * */
function Toast(props) {
    var actions = props.actions, content = props.store.content;
    return content ? (react_1.default.createElement(polaris_1.Toast, { error: content.error, duration: content.duration, onDismiss: handleToastDismiss, content: content.message })) : null;
    function handleToastDismiss() {
        if (!content) {
            return;
        }
        actions.clear({ id: content.id });
        actions.legacyClear({ id: content.id });
    }
}
exports.Toast = Toast;
/**
 * The Toast feature with its reducer, actions and UI component
 * @public
 * */
exports.default = react_compose_1.default(withFeature_1.default(toast_1.feature))(Toast);