@bytexbyte/berifyme-react-sdk 1.0.0

package/dist/components/OnBoarding/vender/grid/index.js

@@ -0,0 +1,118 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { Button, Grid, Stack, Typography } from "@mui/material";
+import { parsePhoneNumber } from 'libphonenumber-js';
+import React, { useEffect, useState } from "react";
+import berifymeApi from "../../../../api/api";
+import AuthIdGrid from "./authIdGrid";
+import ClearGrid from "./clearGrid";
+import IncodeGrid from "./incodeGrid";
+// import SumsubGrid from "./sumsubGrid";
+// import VeriffGrid from "./veriffGrid";
+// import YotiGrid from "./yotiGrid";
+var getCountryCodeFromPhoneNumber = function (phoneNumber) {
+    try {
+        var phoneNumberObj = parsePhoneNumber(phoneNumber);
+        return phoneNumberObj.country || null;
+    }
+    catch (error) {
+        console.error('Invalid phone number:', error);
+        return null;
+    }
+};
+var VenderGrid = function (_a) {
+    var setPageStatus = _a.setPageStatus, setError = _a.setError, user = _a.user, showMore = _a.showMore, setShowMore = _a.setShowMore;
+    var _b = useState([]), venderOrder = _b[0], setVenderOrder = _b[1];
+    var initializeUserCountryAndOrder = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var countryCode, orderRes;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!(user === null || user === void 0 ? void 0 : user.phoneNumber)) {
+                        setError('Oops! Something went wrong...');
+                        return [2 /*return*/];
+                    }
+                    countryCode = (_a = getCountryCodeFromPhoneNumber("+".concat(user.phoneNumber))) !== null && _a !== void 0 ? _a : 'US';
+                    return [4 /*yield*/, berifymeApi.getOrderByCountry({ countryCode: countryCode })];
+                case 1:
+                    orderRes = _b.sent();
+                    if (orderRes.error) {
+                        setError(orderRes.error);
+                    }
+                    else if (orderRes.order) {
+                        setVenderOrder(orderRes.order); // 設置顯示順序
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () { initializeUserCountryAndOrder(); }, []);
+    // 渲染提供商組件，根據 venderOrder 動態排序
+    var renderProviderGrid = function (provider) {
+        switch (provider) {
+            case 'authid':
+                return React.createElement(AuthIdGrid, { setPageStatus: setPageStatus, setError: setError, user: user });
+            case 'clear':
+                return React.createElement(ClearGrid, { setPageStatus: setPageStatus });
+            case 'incode':
+                return React.createElement(IncodeGrid, { setPageStatus: setPageStatus });
+            // case 'sumsub':
+            //   return <SumsubGrid setPageStatus={setPageStatus} />;
+            // case 'veriff':
+            //   return <VeriffGrid setPageStatus={setPageStatus} />;
+            // case 'yoti':
+            //   return <YotiGrid setPageStatus={setPageStatus} />;
+            default:
+                return null;
+        }
+    };
+    // 根據 showMore 顯示部分或全部項目
+    var visibleVenderOrder = showMore ? venderOrder : venderOrder.slice(0, 6);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Grid, { container: true }, visibleVenderOrder.map(function (provider) { return renderProviderGrid(provider); })),
+        visibleVenderOrder.length > 6 && React.createElement(Stack, { alignItems: "center", justifyContent: "center", mt: 2 },
+            React.createElement(Button, { variant: 'outlined', sx: {
+                    borderRadius: 6,
+                    textTransform: 'none', // 如果不想強制大寫文字
+                    px: 2, // 調整內邊距以確保按鈕有適當的空間
+                }, onClick: function () {
+                    setShowMore(function (prev) { return !prev; });
+                } },
+                React.createElement(Typography, { variant: "body1" }, showMore ? 'Show Less' : 'Show More')))));
+};
+export default VenderGrid;

package/dist/components/OnBoarding/vender/grid/sumsubGrid.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { Button, Grid, Stack, Typography } from "@mui/material";
+import theme from "../../../theme";
+var SumsubGrid = function (_a) {
+    var setPageStatus = _a.setPageStatus;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Grid, { item: true, xs: 6 },
+            React.createElement(Button, { fullWidth: true, onClick: function () { setPageStatus(2.3); } },
+                React.createElement(Stack, { width: 1, spacing: 1, px: 2, py: 2, bgcolor: theme.palette.grey[100], borderRadius: 6, alignItems: 'center' },
+                    React.createElement("img", { width: 28, height: 28, src: "/sumsub.svg", alt: "scan" }),
+                    React.createElement(Typography, { variant: 'h5', fontWeight: 700, color: 'black' }, "Sumsub"),
+                    React.createElement(Typography, { variant: 'body2', color: theme.palette.info.light, fontStyle: 'italic' }, "avg. 30s completion"))))));
+};
+export default SumsubGrid;

package/dist/components/OnBoarding/vender/grid/veriffGrid.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { Button, Grid, Stack, Typography } from "@mui/material";
+import theme from "../../../theme";
+var VeriffGrid = function (_a) {
+    var setPageStatus = _a.setPageStatus;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Grid, { item: true, xs: 6 },
+            React.createElement(Button, { fullWidth: true, onClick: function () { setPageStatus(2.4); } },
+                React.createElement(Stack, { width: 1, spacing: 1, px: 2, py: 2, bgcolor: theme.palette.grey[100], borderRadius: 6, alignItems: 'center' },
+                    React.createElement("img", { width: 28, height: 28, src: "/veriff.svg", alt: "scan" }),
+                    React.createElement(Typography, { variant: 'h5', fontWeight: 700, color: 'black' }, "Veriff"),
+                    React.createElement(Typography, { variant: 'body2', color: theme.palette.info.light, fontStyle: 'italic' }, "avg. 30s completion"))))));
+};
+export default VeriffGrid;

package/dist/components/OnBoarding/vender/grid/yotiGrid.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { Button, Grid, Stack, Typography } from "@mui/material";
+import theme from "../../../theme";
+var YotiGrid = function (_a) {
+    var setPageStatus = _a.setPageStatus;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Grid, { item: true, xs: 6 },
+            React.createElement(Button, { fullWidth: true, onClick: function () { setPageStatus(2.5); } },
+                React.createElement(Stack, { width: 1, spacing: 1, px: 2, py: 2, bgcolor: theme.palette.grey[100], borderRadius: 6, alignItems: 'center' },
+                    React.createElement("img", { width: 28, height: 28, src: "/yoti.svg", alt: "scan" }),
+                    React.createElement(Typography, { variant: 'h5', fontWeight: 700, color: 'black' }, "Yoti"),
+                    React.createElement(Typography, { variant: 'body2', color: theme.palette.info.light, fontStyle: 'italic' }, "avg. 30s completion"))))));
+};
+export default YotiGrid;

package/dist/components/OnBoarding/vender/index.js

@@ -0,0 +1,123 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { Box, CircularProgress, Stack, Typography } from "@mui/material";
+import berifymeApi from "../../../api/api";
+import theme from "../../theme";
+import Footer from "../../Footer";
+import React, { useEffect, useState } from "react";
+import { parsePhoneNumber } from 'libphonenumber-js';
+import { getCountryNameByCode } from "../../../common";
+import LocationOnIcon from '@mui/icons-material/LocationOn';
+import VenderGrid from "./grid";
+var getCountryCodeFromPhoneNumber = function (phoneNumber) {
+    try {
+        console.log('test phoneNumber', phoneNumber);
+        var phoneNumberObj = parsePhoneNumber(phoneNumber);
+        console.log('test phoneNumberObj country', phoneNumberObj.country);
+        return phoneNumberObj.country || null;
+    }
+    catch (error) {
+        console.error('Invalid phone number:', error);
+        return null;
+    }
+};
+var Vender = function (_a) {
+    var setPageStatus = _a.setPageStatus, setError = _a.setError, user = _a.user, setModalHeight = _a.setModalHeight;
+    var _b = useState(), venderOrder = _b[0], setVenderOrder = _b[1];
+    var _c = useState(''), userCountryName = _c[0], setUserCountryName = _c[1];
+    var _d = useState(false), showMore = _d[0], setShowMore = _d[1];
+    useEffect(function () {
+        if (showMore) {
+            setModalHeight('100vh');
+        }
+        else {
+            setModalHeight('80vh');
+        }
+    }, [showMore]);
+    var initializeUserCountryAndOrder = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var countryCode, countryName, orderRes;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!(user === null || user === void 0 ? void 0 : user.phoneNumber)) {
+                        setError('Oops! Something went wrong...');
+                        return [2 /*return*/];
+                    }
+                    countryCode = (_a = getCountryCodeFromPhoneNumber("+".concat(user.phoneNumber))) !== null && _a !== void 0 ? _a : 'US';
+                    countryName = getCountryNameByCode(countryCode);
+                    setUserCountryName(countryName);
+                    return [4 /*yield*/, berifymeApi.getOrderByCountry({ countryCode: countryCode })];
+                case 1:
+                    orderRes = _b.sent();
+                    if (orderRes.error) {
+                        setError(orderRes.error);
+                    }
+                    else if (orderRes.order) {
+                        setVenderOrder(orderRes.order); // 設置顯示順序
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () { initializeUserCountryAndOrder(); }, []);
+    useEffect(function () { console.log('vender order: ', venderOrder); }, [venderOrder]);
+    return (React.createElement(Stack, { height: 1, width: 1, justifyContent: 'space-between', overflow: 'auto' },
+        React.createElement(Stack, { style: { width: '100%' } },
+            React.createElement(Stack, { height: 1, spacing: 4, pt: showMore ? 8 : 2 },
+                React.createElement(Stack, { spacing: 4, direction: 'row', alignItems: 'center', justifyContent: 'space-between' },
+                    React.createElement(Stack, { spacing: 1 },
+                        React.createElement(Typography, { variant: 'h5', fontWeight: 700 }, "Choose provider"),
+                        React.createElement(Typography, { variant: 'body2', color: theme.palette.info.light }, "Next: Upload ID and Take Selfie")),
+                    React.createElement(Box, { position: "relative", display: "inline-flex" },
+                        React.createElement(CircularProgress, { variant: "determinate", value: 100, sx: { color: '#e0e0e0' }, size: 70 }),
+                        React.createElement(CircularProgress, { variant: "determinate", value: 50, size: 70, sx: {
+                                color: '#4caf50',
+                                position: 'absolute',
+                                left: 0,
+                            } }),
+                        React.createElement(Box, { position: "absolute", top: "50%", left: "50%", sx: { transform: 'translate(-50%, -50%)' } },
+                            React.createElement(Typography, { variant: "h6", component: "div" }, "1 of 2")))),
+                React.createElement(Box, null,
+                    React.createElement(Stack, { direction: 'row', pb: 2, spacing: 1 },
+                        React.createElement(Typography, { variant: 'h5', fontWeight: 700 }, "Recommended for"),
+                        React.createElement(LocationOnIcon, { fontSize: 'small' }),
+                        React.createElement(Typography, { variant: 'h5', fontWeight: 300 }, userCountryName)),
+                    React.createElement(VenderGrid, { setPageStatus: setPageStatus, setError: setError, user: user, showMore: showMore, setShowMore: setShowMore })))),
+        React.createElement(Footer, null)));
+};
+export default Vender;

package/dist/components/RedirectToMobile/index.js

@@ -0,0 +1,139 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { environmentDomains, environmentWebviewDomains } from "../../lib/environmentDomains";
+import { Box, CircularProgress, Stack, Typography } from "@mui/material";
+import theme from "../theme";
+import QRCode from "react-qr-code";
+import React, { useEffect, useState } from "react";
+import axios from "axios";
+import { v4 as uuidv4 } from 'uuid';
+import Footer from "../Footer";
+import berifymeApi from "../../api/api";
+var RedirectToMobile = function (_a) {
+    var token = _a.token, environment = _a.environment;
+    var _b = useState(), qrcodeUrl = _b[0], setQrcodeUrl = _b[1];
+    var _c = useState(), companyName = _c[0], setCompanyName = _c[1];
+    function getCompanyName(token) {
+        return __awaiter(this, void 0, void 0, function () {
+            var res;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, berifymeApi.thirdParty.checkThirdPartyVerificationToken(token)];
+                    case 1:
+                        res = _a.sent();
+                        if (res.companyName) {
+                            setCompanyName(res.companyName);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    useEffect(function () {
+        var domain = environmentWebviewDomains[environment];
+        var backendDomain = environmentDomains[environment];
+        if (!token)
+            return;
+        getCompanyName(token);
+        var desktopRedirectUrlId = uuidv4(); // 生成唯一的desktopRedirectUrlId
+        setQrcodeUrl("".concat(domain, "/?token=").concat(token, "&desktopredirecturlid=").concat(desktopRedirectUrlId));
+        var fetchStatus = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var response, data, error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, axios.get("".concat(backendDomain, "/api/redirectUrl/").concat(desktopRedirectUrlId))];
+                    case 1:
+                        response = _a.sent();
+                        data = response.data;
+                        if (data.redirectUrl) {
+                            // 如果後端返回了 redirectURL，立即進行跳轉
+                            window.location.href = data.redirectUrl;
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_1 = _a.sent();
+                        console.error("Polling Error:", error_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        // 設定最大輪詢次數為 60000 次
+        var maxPollingCount = 60000;
+        var pollingCount = 0;
+        // 初次加载时获取状态
+        fetchStatus();
+        // 每隔3秒進行一次輪詢
+        var intervalId = setInterval(function () {
+            pollingCount++;
+            if (pollingCount >= maxPollingCount) {
+                clearInterval(intervalId);
+                console.log("Stopped polling after 600 attempts.");
+                return;
+            }
+            fetchStatus();
+        }, 3000);
+        // 清除輪詢
+        return function () { return clearInterval(intervalId); };
+    }, [token]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Stack, { maxWidth: 640, mx: 'auto', height: 1, spacing: 4, justifyContent: 'space-between', py: 8 },
+            React.createElement(Stack, { direction: 'row' },
+                React.createElement(Stack, { spacing: 2 },
+                    React.createElement(Typography, { variant: "h2", fontWeight: 700 },
+                        "Scan and Get Berified in ",
+                        React.createElement("br", null),
+                        "3-Easy Steps"),
+                    React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary }, "Scan your unique dynamically-generated QR code to start your verification journey."),
+                    React.createElement(Typography, { variant: "body1", color: theme.palette.text.secondary },
+                        "Keep this page open. You will be redirected automatically to ",
+                        companyName,
+                        " upon successful verification.")),
+                React.createElement(Stack, { width: 1, height: 200, alignItems: 'end' }, qrcodeUrl ? React.createElement(QRCode, { value: qrcodeUrl, size: 200 }) :
+                    React.createElement(Box, { sx: {
+                            display: 'flex',
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                            height: '100vh',
+                            background: '#FFFFFF'
+                        } },
+                        React.createElement(CircularProgress, null)))),
+            React.createElement(Footer, null))));
+};
+export default RedirectToMobile;

package/dist/components/ScreenRotation.js

@@ -0,0 +1,11 @@
+import { Stack, Typography } from "@mui/material";
+import ScreenRotationRoundedIcon from '@mui/icons-material/ScreenRotationRounded';
+import theme from "./theme";
+import React from "react";
+var ScreenRotation = function () {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Stack, { width: 1, height: 1, spacing: 2, justifyContent: 'center', alignItems: 'center', pt: 2, color: theme.palette.info.dark },
+            React.createElement(ScreenRotationRoundedIcon, { fontSize: "large" }),
+            React.createElement(Typography, { variant: "h3" }, "Please turn your device into portrait mode"))));
+};
+export default ScreenRotation;