datastake-daf 0.6.763 → 0.6.765

package/src/@daf/pages/Partners/columns.js

@@ -0,0 +1,421 @@
+import React from "react";
+import { Modal, Popover, Tag, message } from "antd";
+import MoreMenu from '../../core/components/Table/MoreMenu/index.jsx';
+import TooltipIcon from '../../core/components/Icon/TooltipIcon.jsx';
+import { findOptions, camelCaseToTitle } from '../../../helpers/StringHelper.js';
+import { copyToClipboard } from '../../../helpers/copyToClipboard.js';
+import { partnershipTypes, partnerTypes } from './config.js';
+
+export const getColumns = ({
+	t,
+	accept,
+	decline,
+	suspend,
+	selectOptions = {},
+	resendInvite,
+	activate,
+	activeTab,
+	setOpen,
+	block,
+}) => [
+	{
+		title: t("ID"),
+		dataIndex: "datastakeId",
+		key: "datastakeId",
+		ellipsis: true,
+		render: (v, all) => {
+			if (all.empty) {
+				return <div className="daf-default-cell" />;
+			}
+			// THE FALLBACK WAS DEPENDS BEFORE
+			return v || "-";
+		},
+	},
+	{
+		title: (
+			<div className="flex-row">
+				{t("Partner Type")}
+				<Popover
+					title={t("Partner Type")}
+					content={
+						<div className="max-w-250">
+							{t("Source: This partner shares information with your organisation.")}{" "}
+							<br />
+							<br />
+							{t("Client: This partner receives information from your organisation.")}
+							<br />
+							<br />
+							{t("Exchange: You share information with each other.")}
+						</div>
+					}
+				>
+					<div className="ml-2 flex flex-column justify-content-center">
+						<TooltipIcon fontSize={12} />
+					</div>
+				</Popover>
+			</div>
+		),
+		dataIndex: "partnershipType",
+		key: "partnershipType",
+		ellipsis: true,
+		render: (val, all) => {
+			if (all.empty) {
+				return <div className="daf-default-cell" />;
+			}
+
+			return partnershipTypes.find((v) => v.value === val)?.label || val || "-";
+		},
+	},
+	{
+		title: <div className="flex-row">{t("Entity Type")}</div>,
+		dataIndex: "partnerType",
+		key: "partnerType",
+		ellipsis: true,
+		render: (val, all) => {
+			if (all.empty) {
+				return <div className="daf-default-cell" />;
+			}
+
+			return partnerTypes.find((v) => v.value === val)?.label || val || "-";
+		},
+	},
+	{
+		title: t("Name"),
+		dataIndex: "nickName",
+		key: "nickName",
+		ellipsis: true,
+		render: (v, all) => {
+			if (all.empty) {
+				return <div className="daf-default-cell" />;
+			}
+
+			return v || "-";
+		},
+	},
+	{
+		title: t("Email"),
+		dataIndex: "email",
+		key: "email",
+		ellipsis: true,
+		render: (v, all) => {
+			if (all.empty) {
+				return <div className="daf-default-cell" />;
+			}
+
+			return v || "-";
+		},
+	},
+	{
+		title: t("Category"),
+		dataIndex: "category",
+		key: "category",
+		ellipsis: true,
+		render: (v, all) => {
+			if (all.empty) {
+				return <div className="daf-default-cell" />;
+			}
+			return v ? findOptions(v, selectOptions?.category || []) : "-";
+		},
+	},
+	{
+		title: (
+			<div className="flex-row">
+				{t("Settings")}
+				<Popover
+					title={t("Settings")}
+					content={
+						<div className="max-w-250">
+							{t(
+								"Standard: information is licensed with citation and available without restriction.",
+							)}
+							<br />
+							<br />
+							{t(
+								"Custom: Information sharing settings have been adjusted by the Source as reflected in the corresponding Channel.",
+							)}
+						</div>
+					}
+				>
+					<div className="ml-2 flex flex-column justify-content-center">
+						<TooltipIcon fontSize={12} />
+					</div>
+				</Popover>
+			</div>
+		),
+		dataIndex: "settings",
+		key: "settings",
+		ellipsis: true,
+		render: (v, all) => {
+			if (all.empty) {
+				return <div className="daf-default-cell" />;
+			}
+
+			return v ? t(camelCaseToTitle(v)) : "-";
+		},
+	},
+	{
+		title: (
+			<div className="flex-row">
+				{t("Status")}
+				<Popover
+					title={t("Status")}
+					content={
+						<div className="max-w-250">
+							{t(
+								"Information is shared in accordance with settings for partners designated as Active.",
+							)}
+							<br />
+							<br />
+							{t(
+								"Information sharing is suspended for partners designated as Inactive.",
+							)}
+						</div>
+					}
+				>
+					<div className="ml-2 flex flex-column justify-content-center">
+						<TooltipIcon fontSize={12} />
+					</div>
+				</Popover>
+			</div>
+		),
+		dataIndex: "status",
+		key: "status",
+		// ellipsis: true,
+		// width: 150,
+		render: (val, all) => {
+			if (all.empty) {
+				return <div className="daf-default-cell" />;
+			}
+
+			switch (val) {
+				case "active":
+					return (
+						<Tag
+							color="green"
+							style={{
+								width: 100,
+								textAlign: "center",
+							}}
+						>
+							{t("Active")}
+						</Tag>
+					);
+				case "declined":
+					return (
+						<Tag
+							color="red"
+							style={{
+								width: 100,
+								textAlign: "center",
+							}}
+						>
+							{t("Declined")}
+						</Tag>
+					);
+				case "pending":
+					return (
+						<Tag
+							color="orange"
+							style={{
+								width: 100,
+								textAlign: "center",
+							}}
+						>
+							{t("Pending")}
+						</Tag>
+					);
+				case "blocked":
+					return (
+						<Tag
+							color="red-inverse"
+							style={{
+								width: 100,
+								textAlign: "center",
+							}}
+						>
+							{t("Blocked")}
+						</Tag>
+					);
+				case "suspended":
+					return (
+						<Tag
+							style={{
+								width: 100,
+								textAlign: "center",
+							}}
+						>
+							{t("Suspended")}
+						</Tag>
+					);
+				default:
+					return "-";
+			}
+		},
+	},
+	{
+		title: "",
+		dataIndex: "actions",
+		width: 60,
+		show: true,
+		key: "actions",
+		render: (_, val) => {
+			if (val.empty) {
+				return <div className="daf-default-cell" />;
+			}
+
+			let items = [];
+
+			if (activeTab === "requests") {
+				switch (val.status) {
+					case "declined":
+						items.push({
+							label: t("Block User"),
+							key: "block",
+							onClick: () =>
+								Modal.confirm({
+									title: t("Are you sure you want to block this user?"),
+									onOk: () => block(val.id),
+									cancelText: t("No"),
+									okText: t("Yes"),
+									closable: true,
+								}),
+						});
+						break;
+					case "pending":
+						items.push(
+							...[
+								{
+									label: t("Approve"),
+									key: "approve",
+									onClick: () =>
+										Modal.confirm({
+											content: t(
+												"Are you sure you want to approve this request?",
+											),
+											title: t("Approve"),
+											onOk: () => accept(val.id),
+											cancelText: t("No"),
+											okText: t("Yes"),
+											closable: true,
+										}),
+								},
+								{
+									label: t("Decline"),
+									key: "decline",
+									onClick: () =>
+										Modal.confirm({
+											title: t("Decline"),
+											content: t(
+												"Are you sure you want to decline this request?",
+											),
+											onOk: () => decline(val.id),
+											cancelText: t("No"),
+											okText: t("Yes"),
+											closable: true,
+										}),
+								},
+							],
+						);
+						break;
+					default:
+				}
+			} else {
+				switch (val.status) {
+					case "pending":
+						items.push({
+							label: t("Details"),
+							key: "edit",
+							onClick: () => setOpen(val),
+						});
+						items.push({
+							label: t("Suspend Partner"),
+							key: "suspend",
+							onClick: () =>
+								Modal.confirm({
+									title: t("Suspend Partner"),
+									content: t("Are you sure you want to suspend this partner?"),
+									onOk: () => suspend(val.id),
+									cancelText: t("No"),
+									okText: t("Yes"),
+									closable: true,
+								}),
+						});
+						items.push({
+							label: t("Copy Invitation Link"),
+							key: "copyInvitationLink",
+							disabled: !val.code,
+							onClick: () => {
+								const copyText = document.getElementById("myInput");
+								copyText.value = val.datastakeId
+									? `${window.location.origin}/app-invitation?code=${val.code}`
+									: `${window.location.origin}/register?code=${val.code}`;
+								copyToClipboard("myInput");
+								message.info(t("Invitation link copied!"));
+							},
+						});
+						items.push({
+							label: t("Resend Invite"),
+							key: "resendInvite",
+							onClick: () =>
+								Modal.confirm({
+									title: t("Resend Invitation"),
+									content: t(
+										"Are you sure you want to invite this user again? This user will receive a new notification",
+									),
+									onOk: () => resendInvite(val.id),
+									cancelText: t("No"),
+									okText: t("Yes"),
+									closable: true,
+								}),
+						});
+						break;
+					case "suspended":
+						items.push({
+							label: t("Details"),
+							key: "details",
+							onClick: () => setOpen(val),
+						});
+						items.push({
+							label: t("Activate Partner"),
+							key: "activate",
+							onClick: () =>
+								Modal.confirm({
+									title: t("Re-activate Partnership"),
+									content: t(
+										"Are you sure you want to re-activate this collaboration?",
+									),
+									onOk: () => activate(val.id),
+									cancelText: t("No"),
+									okText: t("Yes"),
+									closable: true,
+								}),
+						});
+						break;
+					case "active":
+						items.push({
+							label: t("Details"),
+							key: "edit",
+							onClick: () => setOpen(val),
+						});
+						items.push({
+							label: t("Suspend Partner"),
+							key: "suspend",
+							onClick: () =>
+								Modal.confirm({
+									title: t("Suspend Partner"),
+									content: t("Are you sure you want to suspend this partner?"),
+									onOk: () => suspend(val.id),
+									cancelText: t("No"),
+									okText: t("Yes"),
+									closable: true,
+								}),
+						});
+						break;
+					default:
+				}
+			}
+
+			return <MoreMenu items={items} />;
+		},
+	},
+];

package/src/@daf/pages/Partners/config.js

@@ -0,0 +1,32 @@
+export const filtersConfig = {
+	name: "",
+	datastakeId: "",
+};
+
+export const selectFiltersConfig = {
+	category: {
+		type: "select",
+		label: "Category",
+		placeholder: (t) => `${t("Filter by")} ${t("Category").toLowerCase()}`,
+		style: { flex: 1 },
+		labelStyle: { flex: 1 },
+		getLabel: (option) => option.label,
+		getValue: (option) => option.value,
+	},
+};
+
+export const checkboxConfig = {
+	name: "Name",
+	datastakeId: "ID",
+};
+
+export const partnerTypes = [
+	{ label: "Individual", value: "individual" },
+	{ label: "Organisation", value: "organisation" },
+];
+
+export const partnershipTypes = [
+	{ label: "Source", value: "source" },
+	{ label: "Client", value: "client" },
+	{ label: "Exchange", value: "exchange" },
+];

package/src/@daf/pages/Partners/create.jsx

@@ -0,0 +1,145 @@
+import React, { useMemo } from 'react'
+import { message } from 'antd';
+import PartnerService from '../../services/PartnerService.js';
+import DynamicForm from '../../core/components/DynamicForm/index.jsx';
+import { partnershipTypes, partnerTypes } from './config.js';
+
+const data = {};
+
+const Create = ({
+    query,
+    goTo = () => {},
+    user,
+    t = () => {},
+    ajaxForms,
+    changeAjaxForms = () => {},
+    ajaxOptions,
+    changeAjaxOptions = () => {},
+    onClose = () => {},
+    fetchData = () => {},
+    APP,
+    getAppHeader = () => {},
+    getApiBaseUrl = () => {},
+}) => {
+
+    const form = useMemo(
+		() => ({
+			identification: {
+				partnershipType: {
+					label: t("Type of partnership"),
+					type: "select",
+					position: 1,
+					dataId: "partnershipType",
+					tooltip: (
+						<div style={{ maxWidth: 296 }}>
+							{t("Source: This partner will share information with you.")}
+							<br />
+							{t("Client: You will share information with this partner.")}
+							<br />
+							{t("Exchange: You will both share information with each other.")}
+						</div>
+					),
+					options: partnershipTypes.map((o) => ({ ...o, label: t(o.label) })),
+					rules: [{ required: true, message: "errors::field is required" }],
+				},
+				partnerType: {
+					label: t("Type of partner"),
+					type: "select",
+					position: 2,
+					dataId: "partnerType",
+					options: partnerTypes.map((o) => ({ ...o, label: t(o.label) })),
+					rules: [{ required: true, message: "errors::field is required" }],
+				},
+				nickName: {
+					label: {
+						"partnerType is individual": t("Person name"),
+						"partnerType is organisation": t("Organisation name"),
+					},
+					type: "text",
+					position: 3,
+					showIf: "partnerType notEmpty true",
+					dataId: "nickName",
+					rules: [{ required: true, message: "errors::field is required" }],
+				},
+				invitationType: {
+					label: t("Invitation type"),
+					type: "select",
+					position: 3,
+					dataId: "invitationType",
+					options: [
+						{ label: "Email", value: "email" },
+						{ label: "Application ID", value: "id" },
+					],
+					rules: [{ required: true, message: "errors::field is required" }],
+				},
+				email: {
+					label: t("Email"),
+					type: "text",
+					position: 4,
+					showIf: "invitationType is email",
+					dataId: "email",
+					rules: [
+						{ required: true, message: "errors::field is required" },
+						{ type: "email", message: "errors::field must be email" },
+					],
+				},
+				datastakeId: {
+					label: t("Application ID"),
+					type: "text",
+					position: 4,
+					showIf: "invitationType is id",
+					dataId: "datastakeId",
+					rules: [{ required: true, message: "errors::field is required" }],
+				},
+				partnerMessage: {
+					type: "message",
+					position: 4,
+					label: t(
+						"If the user you are inviting is part of an existing organisation, the invitation will be shared with the account administrator of that organisation.",
+					),
+					showIf: "partnerType is individual",
+					dataId: "partnerMessage",
+				},
+			},
+		}),
+		[t],
+	);
+
+    const submit = async (data) => {
+		try {
+			const { form, ...rest } = data;
+			await PartnerService.create(rest);
+			fetchData();
+			onClose();
+		} catch (err) {
+			onClose();
+			message.error(t(err?.response?.data?.message || "Error occured"));
+			console.log(err);
+		}
+	};
+
+    return (
+        <DynamicForm
+            form={form}
+            data={data}
+            showSaveAndNext={false}
+            module={APP}
+            t={t}
+            isCreate
+            user={user}
+            ajaxForms={ajaxForms}
+            ajaxOptions={ajaxOptions}
+            getAppHeader={getAppHeader}
+            getApiBaseUrl={getApiBaseUrl}
+            changeAjaxOptions={changeAjaxOptions}
+            app={APP}
+            query={query}
+            goTo={() => {}}
+            changeAjaxForms={changeAjaxForms}
+            onCancel={onClose}
+            submit={submit}
+        />
+    )
+}
+
+export default Create

package/src/@daf/pages/Partners/edit.jsx

@@ -0,0 +1,98 @@
+import React, { useState, useEffect } from 'react'
+import { Form, Input, Select } from "antd";
+import PartnerService from '../../services/PartnerService.js';
+import Loading from '../../core/components/Loading/index.jsx';
+import ProjectVisualisationFooter from '../../core/components/ProjectVisualisation/Footer.js';
+import { partnershipTypes } from './config.js';
+import { licensingOptions } from '../../core/components/DataStore/components/Settings/config.js';
+
+const Edit = ({
+    partner,
+    onClose = () => { },
+    fetchData = () => { },
+    t = () => { },
+}) => {
+    const [MainForm] = Form.useForm();
+    const [loading, setLoading] = useState(false);
+
+    useEffect(() => {
+        MainForm.setFieldsValue({ ...partner, licensing: 'no_citation' });
+    }, [partner]);
+
+    const onSubmit = async () => {
+        setLoading(true);
+    
+        try {
+          const val = await MainForm.validateFields();
+          await PartnerService.update(partner.id, val);
+          onClose();
+          fetchData();
+        } catch (err) {
+          console.log(err);
+        }
+    
+        setLoading(false);
+      };
+
+    return (
+        <div>
+          {loading ? <Loading /> : null}
+          <Form form={MainForm} layout="vertical">
+            <Form.Item
+              required
+              name="nickName"
+              rules={[{ required: true }]}
+              label={t('Name')}
+            >
+              <Input name="name" />
+            </Form.Item>
+    
+            <Form.Item
+              required
+              name="partnershipType"
+              label={t('Partner Type')}
+            >
+              <Select>
+                {partnershipTypes.map((type) => (
+                  <Select.Option key={type.value} value={type.value}>
+                    {type.label}
+                  </Select.Option>
+                ))}
+              </Select>
+            </Form.Item>
+    
+            <Form.Item
+              required
+              name="email"
+              label={t('Email address')}
+              rules={[{ type: 'email', required: true }]}
+            >
+              <Input disabled />
+            </Form.Item>
+    
+            <Form.Item
+              required
+              name="licensing"
+              label={t('Licensing')}
+            >
+              <Select disabled>
+                {licensingOptions.map((option) => (
+                  <Select.Option key={option.value} value={option.value}>
+                    {t(option.label)}
+                  </Select.Option>
+                ))}
+              </Select>
+            </Form.Item>
+          </Form>
+    
+          <ProjectVisualisationFooter
+            t={t}
+            loading={loading}
+            onClose={onClose}
+            onSubmit={onSubmit}
+          />
+        </div>
+    )
+}
+
+export default Edit