@powerhousedao/builder-profile 0.0.14 → 0.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/builder-profile/editor.tsx"],"names":[],"mappings":"AAyCA,MAAM,CAAC,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/builder-profile/editor.tsx"],"names":[],"mappings":"AAyCA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAkzB7B"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { TextInput, Textarea } from "@powerhousedao/document-engineering";
|
|
3
|
-
import { Settings, FileText, Copy, Info } from "lucide-react";
|
|
3
|
+
import { Settings, FileText, Copy, Info, X } from "lucide-react";
|
|
4
4
|
import { toast, ToastContainer, DocumentToolbar, } from "@powerhousedao/design-system/connect";
|
|
5
5
|
import { actions } from "../../document-models/builder-profile/index.js";
|
|
6
6
|
import { useCallback, useEffect, useRef, useState } from "react";
|
|
@@ -417,5 +417,5 @@ export default function Editor() {
|
|
|
417
417
|
}
|
|
418
418
|
handleFieldChange("description", e.target.value);
|
|
419
419
|
}
|
|
420
|
-
}, placeholder: `A brief summary of your ${roleLabel.toLowerCase()} profile`, rows: 3, maxLength: DESCRIPTION_MAX_LENGTH + 50 }), descriptionValue.length > DESCRIPTION_MAX_LENGTH && (_jsxs("p", { className: "text-xs text-red-500 mt-1", children: ["Description exceeds ", DESCRIPTION_MAX_LENGTH, " character limit. Please shorten it to save."] })), _jsx("p", { className: "field-hint", children: "A short, plain-text description shown in previews and listings" })] }), _jsxs("div", { children: [_jsx(MarkdownEditor, { label: "About", height: 350, value: state?.about || "", onChange: () => { }, onBlur: (value) => handleFieldChange("about", value) }), _jsx("p", { className: "field-hint", children: "A detailed description with markdown formatting to showcase your capabilities" })] })] })] }), _jsx(SkillsSection, { skills: state?.skills || [], onAddSkill: handleAddSkill, onRemoveSkill: handleRemoveSkill }), _jsx(ScopesSection, { scopes: state?.scopes || [], onAddScope: handleAddScope, onRemoveScope: handleRemoveScope }), _jsx(LinksSection, { links: state?.links || [], onAddLink: handleAddLink, onEditLink: handleEditLink, onRemoveLink: handleRemoveLink }), _jsx(ContributorsSection, { contributors: state.contributors, onAddContributor: handleAddContributor, onRemoveContributor: handleRemoveContributor }), _jsx(ToastContainer, { position: "bottom-right" }), showRoleDialog && (_jsx("div", { className: "role-dialog-overlay", children: _jsxs("div", { className: "role-dialog", children: [
|
|
420
|
+
}, placeholder: `A brief summary of your ${roleLabel.toLowerCase()} profile`, rows: 3, maxLength: DESCRIPTION_MAX_LENGTH + 50 }), descriptionValue.length > DESCRIPTION_MAX_LENGTH && (_jsxs("p", { className: "text-xs text-red-500 mt-1", children: ["Description exceeds ", DESCRIPTION_MAX_LENGTH, " character limit. Please shorten it to save."] })), _jsx("p", { className: "field-hint", children: "A short, plain-text description shown in previews and listings" })] }), _jsxs("div", { children: [_jsx(MarkdownEditor, { label: "About", height: 350, value: state?.about || "", onChange: () => { }, onBlur: (value) => handleFieldChange("about", value) }), _jsx("p", { className: "field-hint", children: "A detailed description with markdown formatting to showcase your capabilities" })] })] })] }), _jsx(SkillsSection, { skills: state?.skills || [], onAddSkill: handleAddSkill, onRemoveSkill: handleRemoveSkill }), _jsx(ScopesSection, { scopes: state?.scopes || [], onAddScope: handleAddScope, onRemoveScope: handleRemoveScope }), _jsx(LinksSection, { links: state?.links || [], onAddLink: handleAddLink, onEditLink: handleEditLink, onRemoveLink: handleRemoveLink }), _jsx(ContributorsSection, { contributors: state.contributors, onAddContributor: handleAddContributor, onRemoveContributor: handleRemoveContributor }), _jsx(ToastContainer, { position: "bottom-right" }), showRoleDialog && (_jsx("div", { className: "role-dialog-overlay", children: _jsxs("div", { className: "role-dialog", children: [_jsxs("div", { className: "role-dialog-header relative", children: [_jsxs("h3", { className: "text-xl font-semibold text-slate-900 pr-8", children: ["Switch to ", pendingRoleChange ? "Operator" : "Builder", "?"] }), _jsx("button", { type: "button", onClick: cancelRoleChange, className: "absolute top-0 right-0 p-2 rounded-lg text-slate-400 hover:text-slate-600 hover:bg-slate-100 transition-colors", "aria-label": "Close dialog", children: _jsx(X, { size: 20 }) })] }), _jsxs("div", { className: "role-dialog-content", children: [_jsx("p", { className: "text-slate-600 mb-4", children: "Before switching, make sure you understand the difference between these roles:" }), _jsxs("div", { className: "role-comparison", children: [_jsxs("div", { className: `role-card ${!pendingRoleChange ? "highlight" : ""}`, children: [_jsxs("div", { className: "role-card-header", children: [_jsx("span", { className: "role-icon-large", children: "\uD83D\uDD28" }), _jsx("h4", { className: "text-lg font-semibold text-slate-900", children: "Builder" })] }), _jsx("p", { className: "text-sm text-slate-600 mb-3", children: "Connect gives you the tools to run your builder operations effectively. Manage your team members, edit your profile, find work to complete and purchase supporting services." }), _jsxs("ul", { className: "role-features", children: [_jsx("li", { children: "\u2713 Sign up to services" }), _jsx("li", { children: "\u2713 Purchase services from Operators" }), _jsx("li", { children: "\u2713 Manage service subscriptions" })] })] }), _jsxs("div", { className: `role-card ${pendingRoleChange ? "highlight" : ""}`, children: [_jsxs("div", { className: "role-card-header", children: [_jsx("span", { className: "role-icon-large", children: "\u26A1" }), _jsx("h4", { className: "text-lg font-semibold text-slate-900", children: "Operator" })] }), _jsxs("ul", { className: "role-features", children: [_jsx("li", { children: "\u2713 Everything that a builder team can do PLUS, you have services to sell to other builders and operators." }), _jsx("li", { children: "\u2713 Create and offer services" }), _jsx("li", { children: "\u2713 Sign up to other services" }), _jsx("li", { children: "\u2713 Both sell and buy services" })] })] })] })] }), _jsxs("div", { className: "role-dialog-actions", children: [_jsx("button", { type: "button", onClick: cancelRoleChange, className: "dialog-button dialog-button-cancel", children: "Cancel" }), _jsxs("button", { type: "button", onClick: confirmRoleChange, className: "dialog-button dialog-button-confirm", children: ["Continue as ", pendingRoleChange ? "Operator" : "Builder"] })] })] }) }))] })] }));
|
|
421
421
|
}
|
package/dist/style.css
CHANGED
|
@@ -285,12 +285,18 @@
|
|
|
285
285
|
.-top-3 {
|
|
286
286
|
top: calc(var(--spacing) * -3);
|
|
287
287
|
}
|
|
288
|
+
.top-0 {
|
|
289
|
+
top: calc(var(--spacing) * 0);
|
|
290
|
+
}
|
|
288
291
|
.top-1\/2 {
|
|
289
292
|
top: calc(1/2 * 100%);
|
|
290
293
|
}
|
|
291
294
|
.-right-3 {
|
|
292
295
|
right: calc(var(--spacing) * -3);
|
|
293
296
|
}
|
|
297
|
+
.right-0 {
|
|
298
|
+
right: calc(var(--spacing) * 0);
|
|
299
|
+
}
|
|
294
300
|
.right-3 {
|
|
295
301
|
right: calc(var(--spacing) * 3);
|
|
296
302
|
}
|
|
@@ -794,6 +800,9 @@
|
|
|
794
800
|
.pt-4 {
|
|
795
801
|
padding-top: calc(var(--spacing) * 4);
|
|
796
802
|
}
|
|
803
|
+
.pr-8 {
|
|
804
|
+
padding-right: calc(var(--spacing) * 8);
|
|
805
|
+
}
|
|
797
806
|
.pr-10 {
|
|
798
807
|
padding-right: calc(var(--spacing) * 10);
|
|
799
808
|
}
|