@paro.io/expert-shared-components 1.14.70 → 1.14.72

package/lib/tax-axis/components/prospectReport/ProspectReportSkeleton.js

@@ -1,78 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProspectReportSkeleton = ProspectReportSkeleton;
-const react_1 = __importDefault(require("react"));
-const theme_1 = require("./theme");
-// Dark-themed skeleton shown while generateProspectReport mutation is in-flight
-function Bone({ w = "100%", h = 16, radius = 6, mb = 0 }) {
-    return (react_1.default.createElement("div", { style: {
-            width: w,
-            height: h,
-            borderRadius: radius,
-            background: `linear-gradient(90deg, ${theme_1.T.surface2} 25%, rgba(255,255,255,0.04) 50%, ${theme_1.T.surface2} 75%)`,
-            backgroundSize: "400% 100%",
-            animation: "skeletonShimmer 1.6s infinite linear",
-            marginBottom: mb,
-            flexShrink: 0,
-        } }));
-}
-function ProspectReportSkeleton() {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("style", null, `
-        @keyframes skeletonShimmer {
-          0%   { background-position: 100% 0 }
-          100% { background-position: -100% 0 }
-        }
-      `),
-        react_1.default.createElement("div", { style: { background: theme_1.T.surface, border: `1px solid ${theme_1.T.border}`, borderRadius: 16, padding: "36px 32px 28px", marginBottom: 24, boxShadow: theme_1.T.shadowLg, overflow: "hidden" } },
-            react_1.default.createElement("div", { style: { height: 4, background: `linear-gradient(90deg,${theme_1.T.accent},${theme_1.T.orange})`, marginBottom: 24, borderRadius: 2 } }),
-            react_1.default.createElement("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 20 } },
-                react_1.default.createElement(Bone, { w: 120, h: 12 }),
-                react_1.default.createElement(Bone, { w: 80, h: 12 })),
-            react_1.default.createElement(Bone, { w: "45%", h: 10, mb: 12 }),
-            react_1.default.createElement(Bone, { w: "70%", h: 36, mb: 12 }),
-            react_1.default.createElement(Bone, { w: "50%", h: 14, mb: 24 }),
-            react_1.default.createElement("div", { style: { height: 1, background: theme_1.T.border, marginBottom: 20 } }),
-            react_1.default.createElement(Bone, { w: "55%", h: 44, mb: 12 }),
-            react_1.default.createElement(Bone, { w: "30%", h: 12 })),
-        react_1.default.createElement("div", { style: { background: theme_1.T.surface, border: `1px solid ${theme_1.T.border}`, borderRadius: 14, padding: "24px 28px", marginBottom: 24, boxShadow: theme_1.T.shadow } },
-            react_1.default.createElement(Bone, { w: "40%", h: 10, mb: 16 }),
-            react_1.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 16 } }, [1, 2, 3].map(i => (react_1.default.createElement("div", { key: i },
-                react_1.default.createElement(Bone, { w: "60%", h: 28, mb: 8 }),
-                react_1.default.createElement(Bone, { w: "80%", h: 10 })))))),
-        react_1.default.createElement("div", { style: { background: theme_1.T.surface, border: `1px solid ${theme_1.T.border}`, borderRadius: 14, padding: "24px 28px", marginBottom: 24, boxShadow: theme_1.T.shadow } },
-            react_1.default.createElement(Bone, { w: "25%", h: 10, mb: 16 }),
-            react_1.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr 1fr", gap: 16 } }, [1, 2, 3, 4].map(i => (react_1.default.createElement("div", { key: i },
-                react_1.default.createElement(Bone, { w: "70%", h: 22, mb: 8 }),
-                react_1.default.createElement(Bone, { w: "80%", h: 10 })))))),
-        react_1.default.createElement("div", { style: { marginBottom: 24 } },
-            react_1.default.createElement(Bone, { w: "30%", h: 10, mb: 12 }),
-            react_1.default.createElement(Bone, { w: "100%", h: 2, mb: 16 }),
-            react_1.default.createElement(Bone, { w: "100%", h: 14, mb: 8 }),
-            react_1.default.createElement(Bone, { w: "95%", h: 14, mb: 8 }),
-            react_1.default.createElement(Bone, { w: "80%", h: 14 })),
-        [1, 2, 3].map(i => (react_1.default.createElement("div", { key: i, style: { background: theme_1.T.surface, border: `1px solid ${theme_1.T.border}`, borderRadius: 14, padding: "24px 28px", marginBottom: 14, boxShadow: theme_1.T.shadow } },
-            react_1.default.createElement("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 20 } },
-                react_1.default.createElement("div", { style: { display: "flex", gap: 14, alignItems: "center" } },
-                    react_1.default.createElement("div", { style: { width: 34, height: 34, borderRadius: "50%", background: theme_1.T.surface2 } }),
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement(Bone, { w: 160, h: 16, mb: 8 }),
-                        react_1.default.createElement(Bone, { w: 100, h: 10 }))),
-                react_1.default.createElement("div", { style: { textAlign: "right" } },
-                    react_1.default.createElement(Bone, { w: 90, h: 22, mb: 6 }),
-                    react_1.default.createElement(Bone, { w: 80, h: 10 }))),
-            react_1.default.createElement(Bone, { w: "100%", h: 12, mb: 6 }),
-            react_1.default.createElement(Bone, { w: "90%", h: 12, mb: 6 }),
-            react_1.default.createElement(Bone, { w: "75%", h: 12, mb: 16 }),
-            react_1.default.createElement(Bone, { w: "100%", h: 12, mb: 6 }),
-            react_1.default.createElement(Bone, { w: "85%", h: 12 })))),
-        react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", gap: 10, padding: "20px 0", color: theme_1.T.text4, fontFamily: theme_1.T.body, fontSize: 12 } },
-            react_1.default.createElement("div", { style: { width: 6, height: 6, borderRadius: "50%", background: theme_1.T.accent, animation: "pulse 1s infinite" } }),
-            "Generating your prospect report\u2026"),
-        react_1.default.createElement("style", null, `
-        @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
-      `)));
-}