mirror of
https://github.com/hexastack/hexabot
synced 2024-12-02 00:54:56 +00:00
fix: remove unused components
This commit is contained in:
yassinedorbozgithub
parent
e9633b4614
commit
2a3290be4b
@ -1,113 +0,0 @@
|
||||
/*
|
||||
* Copyright © 2024 Hexastack. All rights reserved.
|
||||
*
|
||||
* Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
|
||||
* 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
|
||||
* 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
|
||||
*/
|
||||
|
||||
import { Box, Typography } from "@mui/material";
|
||||
import { useMemo } from "react";
|
||||
|
||||
import AutoCompleteSelect from "@/app-components/inputs/AutoCompleteSelect";
|
||||
import { useFind } from "@/hooks/crud/useFind";
|
||||
import { useGetFromCache } from "@/hooks/crud/useGet";
|
||||
import { useTranslate } from "@/hooks/useTranslate";
|
||||
import { EntityType, Format } from "@/services/types";
|
||||
import { IBlock, PayloadPattern } from "@/types/block.types";
|
||||
|
||||
import { useBlock } from "../../BlockFormProvider";
|
||||
|
||||
type ContentPayloadOption = {
|
||||
id: string;
|
||||
label: string;
|
||||
};
|
||||
|
||||
type ContentPostbackInputProps = {
|
||||
value?: string | null;
|
||||
onChange: (pattern: PayloadPattern) => void;
|
||||
};
|
||||
|
||||
export const ContentPostbackInput = ({
|
||||
value,
|
||||
onChange,
|
||||
}: ContentPostbackInputProps) => {
|
||||
const { t } = useTranslate();
|
||||
const block = useBlock();
|
||||
const { data: contents } = useFind(
|
||||
{ entity: EntityType.CONTENT, format: Format.FULL },
|
||||
{
|
||||
hasCount: false,
|
||||
},
|
||||
);
|
||||
const getBlockFromCache = useGetFromCache(EntityType.BLOCK);
|
||||
const options = useMemo(
|
||||
() =>
|
||||
(block?.previousBlocks || [])
|
||||
.map((bId) => getBlockFromCache(bId))
|
||||
.filter((b) => {
|
||||
return (
|
||||
b &&
|
||||
b.options?.content?.entity &&
|
||||
b.options.content.buttons.length > 0
|
||||
);
|
||||
})
|
||||
.map((b) => b as IBlock)
|
||||
.map((b) => {
|
||||
const availableContents = (contents || []).filter(
|
||||
({ entity, status }) =>
|
||||
status && entity === b.options?.content?.entity,
|
||||
);
|
||||
|
||||
return (b.options?.content?.buttons || []).reduce((payloads, btn) => {
|
||||
// Return a payload for each node/button combination
|
||||
payloads.push({
|
||||
id: btn.title,
|
||||
label: btn.title,
|
||||
});
|
||||
|
||||
return availableContents.reduce((acc, n) => {
|
||||
acc.push({
|
||||
id: btn.title + ":" + n.title,
|
||||
label: btn.title + ":" + n.title,
|
||||
});
|
||||
|
||||
return acc;
|
||||
}, payloads);
|
||||
}, [] as ContentPayloadOption[]);
|
||||
})
|
||||
.flat(),
|
||||
[block?.previousBlocks, contents, getBlockFromCache],
|
||||
);
|
||||
|
||||
return (
|
||||
<AutoCompleteSelect<ContentPayloadOption, "label", false>
|
||||
value={value}
|
||||
options={options}
|
||||
labelKey="label"
|
||||
label={t("label.content")}
|
||||
multiple={false}
|
||||
onChange={(_e, content) => {
|
||||
content &&
|
||||
onChange({
|
||||
label: content.label,
|
||||
value: content.id,
|
||||
type: "content",
|
||||
} as PayloadPattern);
|
||||
}}
|
||||
groupBy={(option) => {
|
||||
const [btn] = option.label.split(":");
|
||||
|
||||
return btn;
|
||||
}}
|
||||
renderGroup={(params) => (
|
||||
<li key={params.key}>
|
||||
<Typography component="h4" p={2} fontWeight={700} color="primary">
|
||||
{params.group}
|
||||
</Typography>
|
||||
<Box>{params.children}</Box>
|
||||
</li>
|
||||
)}
|
||||
/>
|
||||
);
|
||||
};
|
||||
@ -1,152 +0,0 @@
|
||||
/*
|
||||
* Copyright © 2024 Hexastack. All rights reserved.
|
||||
*
|
||||
* Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
|
||||
* 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
|
||||
* 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
|
||||
*/
|
||||
|
||||
import { Box, Typography } from "@mui/material";
|
||||
import { useMemo } from "react";
|
||||
|
||||
import AutoCompleteSelect from "@/app-components/inputs/AutoCompleteSelect";
|
||||
import { useGetFromCache } from "@/hooks/crud/useGet";
|
||||
import { useTranslate } from "@/hooks/useTranslate";
|
||||
import { EntityType } from "@/services/types";
|
||||
import { IBlock, PayloadPattern } from "@/types/block.types";
|
||||
import {
|
||||
PostBackButton,
|
||||
StdOutgoingButtonsMessage,
|
||||
StdOutgoingQuickRepliesMessage,
|
||||
StdQuickReply,
|
||||
} from "@/types/message.types";
|
||||
|
||||
import { useBlock } from "../../BlockFormProvider";
|
||||
|
||||
type PayloadOption = {
|
||||
id: string;
|
||||
label: string;
|
||||
group?: string;
|
||||
};
|
||||
|
||||
type PostbackInputProps = {
|
||||
value?: string | null;
|
||||
onChange: (pattern: PayloadPattern) => void;
|
||||
};
|
||||
|
||||
export const PostbackInput = ({ value, onChange }: PostbackInputProps) => {
|
||||
const block = useBlock();
|
||||
const getBlockFromCache = useGetFromCache(EntityType.BLOCK);
|
||||
const { t } = useTranslate();
|
||||
// General options
|
||||
const generalOptions = [
|
||||
{
|
||||
id: "GET_STARTED",
|
||||
label: t("label.get_started"),
|
||||
group: t("label.general"),
|
||||
},
|
||||
|
||||
{
|
||||
id: "VIEW_MORE",
|
||||
label: t("label.view_more"),
|
||||
group: t("label.general"),
|
||||
},
|
||||
{
|
||||
id: "LOCATION",
|
||||
label: t("label.location"),
|
||||
group: t("label.general"),
|
||||
},
|
||||
];
|
||||
// Gather previous blocks buttons
|
||||
const btnOptions = useMemo(
|
||||
() =>
|
||||
(block?.previousBlocks || [])
|
||||
.map((b) => getBlockFromCache(b))
|
||||
.filter((b) => {
|
||||
return b && typeof b.message === "object" && "buttons" in b.message;
|
||||
})
|
||||
.map((b) => b as IBlock)
|
||||
.reduce((acc, b) => {
|
||||
const postbackButtons = (
|
||||
(b.message as StdOutgoingButtonsMessage)?.buttons || []
|
||||
)
|
||||
.filter((btn) => btn.type === "postback")
|
||||
.map((btn) => {
|
||||
return { ...btn, group: b.name };
|
||||
});
|
||||
|
||||
return acc.concat(postbackButtons);
|
||||
}, [] as (PostBackButton & { group: string })[])
|
||||
.map((btn) => {
|
||||
return {
|
||||
id: btn.payload,
|
||||
label: btn.title,
|
||||
group: btn.group,
|
||||
};
|
||||
}),
|
||||
[block?.previousBlocks, getBlockFromCache],
|
||||
);
|
||||
// Gather previous blocks quick replies
|
||||
const qrOptions = useMemo(
|
||||
() =>
|
||||
(block?.previousBlocks || [])
|
||||
.map((b) => getBlockFromCache(b))
|
||||
.filter((b) => {
|
||||
return (
|
||||
b && typeof b.message === "object" && "quickReplies" in b.message
|
||||
);
|
||||
})
|
||||
.map((b) => b as IBlock)
|
||||
.reduce((acc, b) => {
|
||||
const postbackQuickReplies = (
|
||||
(b.message as StdOutgoingQuickRepliesMessage)?.quickReplies || []
|
||||
)
|
||||
.filter((btn) => btn.content_type === "text")
|
||||
.map((btn) => {
|
||||
return { ...btn, group: b.name };
|
||||
});
|
||||
|
||||
return acc.concat(postbackQuickReplies);
|
||||
}, [] as (StdQuickReply & { group: string })[])
|
||||
.map((btn) => {
|
||||
return {
|
||||
id: btn.payload as string,
|
||||
label: btn.title as string,
|
||||
group: btn.group,
|
||||
};
|
||||
}),
|
||||
[block?.previousBlocks],
|
||||
);
|
||||
// Concat all previous blocks
|
||||
const options = [...generalOptions, ...btnOptions, ...qrOptions];
|
||||
|
||||
return (
|
||||
<>
|
||||
<AutoCompleteSelect<PayloadOption, "label", false>
|
||||
value={value}
|
||||
options={options}
|
||||
labelKey="label"
|
||||
label={t("label.postback")}
|
||||
multiple={false}
|
||||
onChange={(_e, content) => {
|
||||
content &&
|
||||
onChange({
|
||||
label: content.label,
|
||||
value: content.id,
|
||||
} as PayloadPattern);
|
||||
}}
|
||||
groupBy={(option) => {
|
||||
return option.group ?? t("label.other");
|
||||
}}
|
||||
renderGroup={(params) => (
|
||||
<li key={params.key}>
|
||||
<Typography component="h4" p={2} fontWeight={700} color="primary">
|
||||
{params.group}
|
||||
</Typography>
|
||||
<Box>{params.children}</Box>
|
||||
</li>
|
||||
)}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
};
|
||||
Loading…
Reference in New Issue
Block a user