feat: add regex step

wondrous-dev · Apr 17, 2024 · 9b38da7 · 9b38da7
1 parent 5819256
commit 9b38da7
Show file tree

Hide file tree

Showing 12 changed files with 83 additions and 5 deletions.
diff --git a/wondrous-bot-admin/src/components/AddFormEntity/components/RegexText.tsx b/wondrous-bot-admin/src/components/AddFormEntity/components/RegexText.tsx
@@ -0,0 +1,38 @@
+import { Grid } from "@mui/material";
+import TextField from "components/Shared/TextField";
+import { Label } from "./styles";
+
+const RegexComponent = ({ error, value, onChange, TextInputStyle, ...rest }) => {
+  const handleOnChange = (key, val) => {
+    onChange({
+      ...value,
+      [key]: val,
+    });
+  };
+  console.log("value", value);
+  return (
+    <Grid display="flex" gap="8px" flexDirection="column" width="100%">
+      <Label>Question / Prompt</Label>
+      <TextField
+        multiline={false}
+        value={value?.prompt || ""}
+        onChange={(value) => {
+          handleOnChange("prompt", value);
+        }}
+        {...rest}
+        error={error?.prompt}
+      />
+      <Label>Regex to use for checking the answer</Label>
+      <TextField
+        placeholder="E.g. To make sure the answer starts with 0x, use ^0x"
+        value={value?.regex || ""}
+        onChange={(value) => handleOnChange("regex", value)}
+        multiline={false}
+        error={error}
+        {...rest}
+      />
+    </Grid>
+  );
+};
+
+export default RegexComponent;
diff --git a/wondrous-bot-admin/src/components/AddFormEntity/constants.ts b/wondrous-bot-admin/src/components/AddFormEntity/constants.ts
@@ -17,6 +17,10 @@ export const COMPONENT_OPTIONS = [
     label: "Attachments",
     value: TYPES.ATTACHMENTS,
   },
+  {
+    label: "Verify Text Answer with Regex",
+    value: TYPES.VERIFY_TEXT_WITH_REGEX,
+  },
   {
     label: "Like A Tweet",
     value: TYPES.LIKE_TWEET,

diff --git a/wondrous-bot-admin/src/components/CreateTemplate/helpers.ts b/wondrous-bot-admin/src/components/CreateTemplate/helpers.ts
@@ -39,6 +39,11 @@ const processSteps = (steps) =>
       step["additionalData"] = {
         tweetPhrase: next.value?.tweetPhrase,
       };
+    } else if (next.type === TYPES.VERIFY_TEXT_WITH_REGEX) {
+      step.prompt = next.value?.prompt;
+      step["additionalData"] = {
+        regex: next.value?.regex,
+      };
     } else if (next.type === TYPES.LIKE_YT_VIDEO) {
       step.prompt = next.value?.prompt;
       step["additionalData"] = {

diff --git a/wondrous-bot-admin/src/components/QuestSteps/QuestStepComponent.tsx b/wondrous-bot-admin/src/components/QuestSteps/QuestStepComponent.tsx
@@ -30,7 +30,7 @@ const COMPONENTS_CONFIG: any = {
   [TYPES.FOLLOW_TWITTER]: VerifyButton,
   [TYPES.REPLY_TWEET]: VerifyButton,
   [TYPES.RETWEET]: VerifyButton,
-  [TYPES.TWEET_WITH_PHRASE]: VerifyButton,
+  [TYPES.VERIFY_TEXT_WITH_REGEX]: VerifyButton,
   [TYPES.CONNECT_WALLET]: ConnectWalletField,
 };
 

diff --git a/wondrous-bot-admin/src/graphql/fragments/quest.ts b/wondrous-bot-admin/src/graphql/fragments/quest.ts
@@ -231,6 +231,7 @@ export const QuestFragment = gql`
         discordChannelIds
         tweetHandle
         tweetLink
+        regex
         tweetPhrase
         snapshotProposalLink
         snapshotSpaceLink

diff --git a/wondrous-bot-admin/src/graphql/queries/questSubmission.ts b/wondrous-bot-admin/src/graphql/queries/questSubmission.ts
@@ -115,6 +115,7 @@ export const GET_USER_QUEST_SUBMISSIONS = gql`
             tweetHandle
             tweetLink
             tweetPhrase
+            regex
             snapshotProposalLink
             snapshotSpaceLink
             snapshotVoteTimes
@@ -192,6 +193,7 @@ export const GET_ONBOARDING_QUEST_SUBMISSIONS = gql`
             tweetHandle
             tweetLink
             tweetPhrase
+            regex
             snapshotProposalLink
             snapshotSpaceLink
             snapshotVoteTimes

diff --git a/wondrous-bot-admin/src/services/validators/index.tsx b/wondrous-bot-admin/src/services/validators/index.tsx
@@ -21,6 +21,7 @@ const ALL_TYPES = [
   TYPES.REPLY_TWEET,
   TYPES.RETWEET,
   TYPES.TWEET_WITH_PHRASE,
+  TYPES.VERIFY_TEXT_WITH_REGEX,
   TYPES.SNAPSHOT_PROPOSAL_VOTE,
   TYPES.SNAPSHOT_SPACE_VOTE,
   TYPES.DISCORD_MESSAGE_IN_CHANNEL,
@@ -126,6 +127,12 @@ const stepTypes = {
       tweetPhrase: Yup.string().required("Tweet phrase is required"),
     }),
   }),
+  [TYPES.VERIFY_TEXT_WITH_REGEX]: Yup.object().shape({
+    ...sharedValidation,
+    additionalData: Yup.object().shape({
+      regex: Yup.string().required("Regex is required"),
+    }),
+  }),
   [TYPES.SNAPSHOT_PROPOSAL_VOTE]: Yup.object().shape({
     ...twitterSnapshotSharedValidation,
     additionalData: Yup.object().shape({

diff --git a/wondrous-bot-admin/src/services/validators/questValidator.tsx b/wondrous-bot-admin/src/services/validators/questValidator.tsx
@@ -14,6 +14,7 @@ const ALL_TYPES = [
   TYPES.REPLY_TWEET,
   TYPES.RETWEET,
   TYPES.TWEET_WITH_PHRASE,
+  TYPES.VERIFY_TEXT_WITH_REGEX,
   TYPES.SNAPSHOT_PROPOSAL_VOTE,
   TYPES.SNAPSHOT_SPACE_VOTE,
   TYPES.DISCORD_MESSAGE_IN_CHANNEL,
@@ -104,6 +105,12 @@ const stepTypes = {
       tweetPhrase: Yup.string().required("Tweet phrase is required"),
     }),
   }),
+  [TYPES.VERIFY_TEXT_WITH_REGEX]: Yup.object().shape({
+    ...sharedValidation,
+    additionalData: Yup.object().shape({
+      regex: Yup.string().required("Regex is required"),
+    }),
+  }),
   [TYPES.SNAPSHOT_PROPOSAL_VOTE]: Yup.object().shape({
     ...twitterSnapshotSharedValidation,
     additionalData: Yup.object().shape({

diff --git a/wondrous-bot-admin/src/utils/configComponents.tsx b/wondrous-bot-admin/src/utils/configComponents.tsx
@@ -17,6 +17,7 @@ import VerifyApeironIntegrations from "components/AddFormEntity/components/Verif
 import ConnectWallet from "components/AddFormEntity/components/ConnectWallet";
 import VerifyFhenixIntegrations from "components/AddFormEntity/components/VerifyFhenix";
 import GitcoinPassportComponent from "components/AddFormEntity/components/GitcoinPassportComponent";
+import RegexComponent from "components/AddFormEntity/components/RegexText";
 
 const APEIRON_INTEGRATIONS = {
   [TYPES.VERIFY_APEIRON_10_MINS_PLAYED]: VerifyApeironIntegrations,
@@ -57,6 +58,7 @@ export const CONFIG_COMPONENTS = {
   [TYPES.MIGRATE_ORIGIN_USERS]: MigrateOriginUsers,
   [TYPES.VERIFY_MARKETSFLARE_TRIAL]: VerifyMarketsFlareTrial,
   [TYPES.VERIFY_GITCOIN_PASSPORT_SCORE]: GitcoinPassportComponent,
+  [TYPES.VERIFY_TEXT_WITH_REGEX]: RegexComponent,
   ...APEIRON_INTEGRATIONS,
   ...FHENIX_INTEGRATIONS,
 };
diff --git a/wondrous-bot-admin/src/utils/constants.tsx b/wondrous-bot-admin/src/utils/constants.tsx
@@ -35,6 +35,7 @@ export const TYPES = {
   LIKE_YT_VIDEO: "like_yt_video",
   SUBSCRIBE_YT_CHANNEL: "subscribe_yt_channel",
   CUSTOM_ONCHAIN_ACTION: "custom_onchain_action",
+  VERIFY_TEXT_WITH_REGEX: "verify_text_with_regex",
   LIFI_VALUE_BRIDGED: "lifi_value_bridged",
   MIGRATE_ORIGIN_USERS: "migrate_origin_users",
   REFERRAL: "referral",
@@ -131,7 +132,7 @@ export const PAGES_WITHOUT_HEADER = [
   "/activity",
   "/onboarding/plan-select",
   "/onboarding/finalize",
-  "/oauth/google/callback"
+  "/oauth/google/callback",
 ];
 
 export const BG_TYPES = {
@@ -359,7 +360,7 @@ export const EXCLUDED_PATHS = [
   "/referral",
   "/referral-campaign",
   "/activity",
-  "/oauth/google/callback"
+  "/oauth/google/callback",
 ];
 
 export const TUTORIALS = {
@@ -554,4 +555,4 @@ export const LOCKED_PATHS = ["/store", "/store/items/create", "/store/items/:id"
 
 export const LOCAL_STORAGE_ORG_ID_KEY = "default-org-id";
 
-export const ALLOWLIST_ADMIN_IDS = ["46108748309069853", "54694658413953389"];
+export const ALLOWLIST_ADMIN_IDS = ["46108748309069853", "54694658413953389"];
diff --git a/wondrous-bot-admin/src/utils/exports.ts b/wondrous-bot-admin/src/utils/exports.ts
@@ -51,7 +51,8 @@ export const exportQuestSubmissionsToCsv = async ({ exportQuestSubmissionData, q
       questStepType === TYPES.ATTACHMENTS ||
       questStepType === TYPES.NUMBER ||
       questStepType === TYPES.DATA_COLLECTION ||
-      questStepType === TYPES.CONNECT_WALLET
+      questStepType === TYPES.CONNECT_WALLET ||
+      questStepType === TYPES.VERIFY_TEXT_WITH_REGEX
     ) {
       questStepTypeString = `${questStepTypeString} - ${questStep?.prompt}`;
     } else if (questStepType === TYPES.DISCORD_EVENT_ATTENDANCE) {

diff --git a/wondrous-bot-admin/src/utils/transformQuestConfig.ts b/wondrous-bot-admin/src/utils/transformQuestConfig.ts
@@ -23,6 +23,7 @@ type InputQuestStep = {
     tweetLink?: string;
     tweetHandle?: string;
     tweetPhrase?: string;
+    regex?: string;
     snapshotProposalLink?: string;
     snapshotSpaceLink?: string;
     snapshotVoteTimes?: number;
@@ -121,6 +122,10 @@ type OutputQuestStep = {
         verifyTokenId?: string;
         verifyTokenName?: string;
       }
+    | {
+        prompt?: string;
+        regex?: string;
+      }
     | {
         prompt?: string;
         options?: string[];
@@ -193,6 +198,11 @@ export function transformQuestConfig(obj: InputQuestStep[]): OutputQuestStep[] {
         prompt: step?.prompt,
         tweetPhrase: step?.additionalData?.tweetPhrase,
       };
+    } else if (step.type === TYPES.VERIFY_TEXT_WITH_REGEX) {
+      outputStep.value = {
+        prompt: step?.prompt,
+        regex: step?.additionalData?.regex,
+      };
     } else if (step.type === TYPES.LIKE_YT_VIDEO) {
       outputStep.value = {
         prompt: step?.prompt,