v2.0.3

aliases.mainnet.json

@@ -5,5 +5,6 @@
   "socialdb": "social.near",
   "gateway_url": "https://nearbuilders.org",
   "new": "builddao.near",
-  "old": "buildhub.near"
+  "old": "buildhub.near",
+  "potlock": "potlock.near"
 }

aliases.testnet.json

@@ -5,5 +5,6 @@
   "socialdb": "v1.social08.testnet",
   "gateway_url": "https://test.nearbuilders.org",
   "new": "builddao.testnet",
-  "old": "buildhub.testnet"
+  "old": "buildhub.testnet",
+  "potlock": "potlock.testnet"
 }

apps/new/widget/Index.jsx

@@ -6,6 +6,22 @@ const { Footer } = VM.require("${config_account}/widget/components.Footer") || {
   Footer: () => <></>,
 };
 
+const { isNearSocial } = VM.require("${alias_new}/widget/lib.gateway") || {
+  isNearSocial: false,
+};
+
+const Container = isNearSocial
+  ? styled.div`
+      position: fixed;
+      inset: 73px 0px 0px;
+      width: 100%;
+      overflow-y: scroll;
+      height: 100%;
+    `
+  : styled.div`
+      width: 100%;
+    `;
+
 const config = {
   theme: {},
   layout: {
@@ -111,7 +127,9 @@ const config = {
 };
 
 return (
-  <CSS>
-    <Widget src="${alias_old}/widget/app.view" props={{ config, ...props }} />
-  </CSS>
+  <Container>
+    <CSS>
+      <Widget src="${alias_old}/widget/app.view" props={{ config, ...props }} />
+    </CSS>
+  </Container>
 );

apps/new/widget/components/Footer.jsx

@@ -176,10 +176,12 @@ const Footer = () => {
           <p>Dive deeper BuildDAO</p>
           <SocialIcons>
             <Button
+              noLink={true}
               type="icon"
               style={{
                 borderRadius: "30%",
               }}
+              target="_blank"
               href="https://x.com/NearBuilders"
             >
               <svg
@@ -194,7 +196,9 @@ const Footer = () => {
               </svg>
             </Button>
             <Button
+              noLink={true}
               type="icon"
+              target="_blank"
               style={{
                 borderRadius: "30%",
               }}
@@ -217,6 +221,8 @@ const Footer = () => {
               </svg>
             </Button>
             <Button
+              noLink={true}
+              target="_blank"
               type="icon"
               style={{
                 borderRadius: "30%",

apps/new/widget/components/project/Card.jsx

@@ -116,6 +116,7 @@ const EditButton = ({ item }) => {
           id: item.path,
         },
       })}
+      onClick={(e) => e.stopPropagation()}
       type="icon"
       className={"rounded-3"}
       variant="primary"

apps/new/widget/components/project/ProfileCard.jsx

@@ -0,0 +1,98 @@
+const MutedText = styled.span`
+  color: #818181;
+
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px; /* 125% */
+`;
+
+const AccountName = styled.span`
+  color: #818181;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px;
+
+  max-width: 30ch;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+
+const ProfileCard = (props) => {
+  const accountId = props.accountId ?? context.accountId;
+  const link = props.link ?? true;
+  // const hideAccountId = props.hideAccountId;
+  // const hideName = props.hideName;
+  const hideImage = props.hideImage;
+  const iconOnly = props.iconOnly;
+  const openLinkInNewTab = props.openLinkInNewTab ?? false;
+
+  const profile = props.profile ?? Social.getr(`${accountId}/profile`);
+
+  const name = profile.name ?? accountId;
+  const title = props.title ?? `${name} @${accountId}`;
+  const tooltip =
+    props.tooltip && (props.tooltip === true ? title : props.tooltip);
+
+  let inner = (
+    <div className="d-flex flex-row justify-content-center align-items-center">
+      {!hideImage && (
+        <Widget
+          key="image"
+          src="${alias_mob}/widget/ProfileImage"
+          props={{
+            style: { width: "2.5em", height: "2.5em", marginRight: "0.3em" },
+            profile,
+            accountId,
+            className: "d-inline-block flex-shrink-0",
+            imageClassName: "rounded-circle w-100 h-100 align-top",
+          }}
+        />
+      )}
+      {!iconOnly && (
+        <div className="d-flex flex-column gap-1">
+          <AccountName key="accountName">{name}</AccountName>
+          <AccountName key="accountId">@{accountId}</AccountName>
+        </div>
+      )}
+    </div>
+  );
+
+  inner = link ? (
+    <a
+      href={
+        link !== true
+          ? link
+          : `/${REPL_MOB}/widget/ProfilePage?accountId=${accountId}`
+      }
+      target={openLinkInNewTab ? "_blank" : ""}
+      rel="noopener noreferrer"
+      className="link-dark text-truncate d-inline-flex"
+    >
+      {inner}
+    </a>
+  ) : (
+    <span className="text-truncate d-inline-flex">{inner}</span>
+  );
+
+  if (props.tooltip === true) {
+    return (
+      <Widget
+        src="${REPL_MOB}/widget/Profile.OverlayTrigger"
+        props={{ accountId, children: inner }}
+      />
+    );
+  }
+  if (tooltip) {
+    inner = (
+      <OverlayTrigger placement="auto" overlay={<Tooltip>{tooltip}</Tooltip>}>
+        {inner}
+      </OverlayTrigger>
+    );
+  }
+  return <div className="d-flex flex-row align-items-center">{inner}</div>;
+};
+
+return ProfileCard(props);

apps/new/widget/lib/gateway.jsx

@@ -0,0 +1,6 @@
+const data = fetch(`https://httpbin.org/headers`);
+const gatewayOrigin = data?.body?.headers?.Origin ?? "";
+
+const isNearSocial = gatewayOrigin.includes("near.social");
+
+return { isNearSocial, gatewayOrigin };

apps/new/widget/page/project/QuickView.jsx

@@ -6,6 +6,10 @@ const { href } = VM.require("${alias_old}/widget/lib.url") || {
   href: () => {},
 };
 
+const { isNearSocial } = VM.require("${alias_new}/widget/lib.gateway") || {
+  isNearSocial: false,
+};
+
 const showCanvas = props.showCanvas;
 const onClose = props.onClose;
 const project = props.project;
@@ -86,6 +90,7 @@ return (
       tabIndex="-1"
       data-bs-scroll="false"
       data-bs-backdrop="true"
+      style={{ top: isNearSocial ? "73px" : "0px" }}
     >
       <div class="close cursor" onClick={onClose}>
         <div className="d-block d-md-none">

apps/new/widget/page/project/TaskEditor.jsx

@@ -13,6 +13,7 @@ const task = props.task;
 const onEditTask = props.onEditTask;
 const onAddTask = props.onAddTask;
 const project = props.project;
+const isEditTask = props.isEditTask;
 
 const [taskDetail, setTaskDetail] = useState(task);
 
@@ -136,6 +137,7 @@ return (
               list: [...(taskDetail.list ?? []), { ...listItem }],
             })
           }
+          data-testid="add-task-item"
         >
           <i class="bi bi-plus-circle h5 pointer"></i>
         </div>

apps/new/widget/page/project/tabs/Task.jsx

@@ -369,6 +369,7 @@ const DropdownMenu = ({ columnTitle, item, index, changeStatusOptions }) => {
       onBlur={() => handleDropdownToggle(columnTitle, index, false)}
     >
       <div
+        data-testid="task-dropdown"
         data-bs-toggle="dropdown"
         aria-expanded="false"
         onClick={() => {
@@ -479,6 +480,7 @@ const AddTaskModal = useMemo(() => {
         src="${config_account}/widget/page.project.TaskEditor"
         props={{
           showAddTaskModal: showAddTaskModal,
+          isEditTask: isEditTask,
           task: taskDetail,
           onEditTask: onEditTask,
           onAddTask: onAddTask,
@@ -526,7 +528,7 @@ const ViewTaskModal = () => {
                 <div className="assignee-item" key={index}>
                   <Widget
                     src={
-                      "devhub.near/widget/devhub.components.molecule.ProfileCard"
+                      "${config_account}/widget/components.project.ProfileCard"
                     }
                     props={{
                       accountId: assignee,

apps/new/widget/page/projects/MainViewContainer.jsx

@@ -93,7 +93,10 @@ const ProjectCardWrapper = ({ children, project }) => {
   return (
     <div
       className="cursor d-flex flex-1"
-      onClick={() => setShowQuickView(project)}
+      onClick={(e) => {
+        e.stopPropagation();
+        setShowQuickView(project);
+      }}
     >
       {children}
     </div>

apps/new/widget/page/projects/PotlockImport.jsx

@@ -2,15 +2,15 @@ const { Button } = VM.require("${alias_old}/widget/components") || {
   Button: () => <></>,
 };
 const { getTagsFromSocialProfileData, getTeamMembersFromSocialProfileData } =
-  VM.require("potlock.near/widget/utils") || {
+  VM.require("${alias_potlock}/widget/utils") || {
     getTagsFromSocialProfileData: () => [],
     getTeamMembersFromSocialProfileData: () => [],
   };
 
 const bootstrapTheme = props.bootstrapTheme || "dark";
 
 let ListsSDK =
-  VM.require("potlock.near/widget/SDK.lists") ||
+  VM.require("${alias_potlock}/widget/SDK.lists") ||
   (() => ({
     getRegistrations: () => {},
   }));

apps/new/widget/page/projects/PotlockProjectCard.jsx

@@ -1,37 +1,37 @@
 const { potId, potDetail, payoutDetails, projects } = props;
 const { nearToUsd, ipfsUrlFromCid, yoctosToNear, yoctosToUsdWithFallback } =
-  VM.require("potlock.near/widget/utils") || {
+  VM.require("${alias_potlock}/widget/utils") || {
     ipfsUrlFromCid: () => "",
     yoctosToNear: () => "",
     yoctosToUsdWithFallback: () => "",
     nearToUsd: 1,
   };
 
 const { _address } = VM.require(
-  `potlock.near/widget/Components.DonorsUtils`,
+  "${alias_potlock}/widget/Components.DonorsUtils",
 ) || {
   _address: (address) => address,
 };
 
 const { ownerId, NADA_BOT_URL, SUPPORTED_FTS } = VM.require(
-  "potlock.near/widget/constants",
+  "${alias_potlock}/widget/constants",
 ) || {
   ownerId: "",
   NADA_BOT_URL: "",
   SUPPORTED_FTS: {},
 };
 const { getTagsFromSocialProfileData } = VM.require(
-  "potlock.near/widget/utils",
+  "${alias_potlock}/widget/utils",
 ) || {
   getTagsFromSocialProfileData: () => [],
 };
 
-const PotSDK = VM.require("potlock.near/widget/SDK.pot") || {
+const PotSDK = VM.require("${alias_potlock}/widget/SDK.pot") || {
   getDonationsForProject: () => {},
 };
 
 let DonateSDK =
-  VM.require("potlock.near/widget/SDK.donate") ||
+  VM.require("${alias_potlock}/widget/SDK.donate") ||
   (() => ({
     getDonationsForRecipient: () => {},
   }));
@@ -363,7 +363,10 @@ const profileImageStyle = {
 const tags = getTagsFromSocialProfileData(profile);
 
 return (
-  <div onClick={() => props.setShowCreateModalProjectId(projectId)}>
+  <div
+    data-testid="potlock-card"
+    onClick={() => props.setShowCreateModalProjectId(projectId)}
+  >
     <Card>
       <HeaderContainer className="pt-0 position-relative">
         <BackgroundImageContainer>

apps/old/widget/components/Button.jsx

@@ -103,6 +103,7 @@ function Button({
         className={linkClassName}
         style={{ textDecoration: "none" }}
         target={target}
+        onClick={(e) => e.stopPropagation()}
       >
         <StyledButton
           id={id}
@@ -128,6 +129,7 @@ function Button({
         className={linkClassName}
         style={{ textDecoration: "none" }}
         target={target}
+        onClick={(e) => e.stopPropagation()}
       >
         <StyledButton
           id={id}

apps/old/widget/components/profile/ProfileEdit.jsx

@@ -15,10 +15,6 @@ if (!accountId) {
 
 const profile = Social.getr(`${accountId}/profile`);
 
-if (!profile) {
-  return "";
-}
-
 const [name, setName] = useState(profile.name ?? "");
 const [description, setDescription] = useState(profile.description ?? "");
 const [location, setLocation] = useState(profile.location ?? "");

apps/old/widget/components/project/page/Task.jsx

@@ -677,7 +677,7 @@ const ViewTaskModal = () => {
                 <div className="assignee-item" key={index}>
                   <Widget
                     src={
-                      "devhub.near/widget/devhub.components.molecule.ProfileCard"
+                      "${config_account}/widget/components.project.ProfileCard"
                     }
                     props={{
                       accountId: assignee,