-
- You connected {linkedUsers ? linkedUsers.length :
+ You connected {linkedUsers ? linkedUsers.length :
{row.getValue("created")} ,
- filterFn: (row, id, value) => {
- return value.includes(row.getValue(id))
- },
- },
{
id: "actions",
cell: ({ row }) => ,
diff --git a/apps/client-ts/src/components/ApiKeys/schema.ts b/apps/client-ts/src/components/ApiKeys/schema.ts
index b7fcd2442..dfb2acf32 100644
--- a/apps/client-ts/src/components/ApiKeys/schema.ts
+++ b/apps/client-ts/src/components/ApiKeys/schema.ts
@@ -4,7 +4,6 @@ export const apiKeySchema = z.object({
id_api_key: z.string(),
name: z.string(),
token: z.string(),
- created: z.string(),
})
export type ApiKey = z.infer
\ No newline at end of file
diff --git a/apps/client-ts/src/components/Configuration/Catalog/CatalogWidget.tsx b/apps/client-ts/src/components/Configuration/Catalog/CatalogWidget.tsx
new file mode 100644
index 000000000..6d17b6062
--- /dev/null
+++ b/apps/client-ts/src/components/Configuration/Catalog/CatalogWidget.tsx
@@ -0,0 +1,130 @@
+import { ComponentProps, useState } from "react"
+import { cn } from "@/lib/utils"
+import { Badge } from "@/components/ui/badge"
+import { ScrollArea } from "@/components/ui/scroll-area"
+import { AuthStrategy, categoriesVerticals, Provider, providersArray } from "@panora/shared"
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
+import { Button } from "@/components/ui/button"
+import { ListFilter } from "lucide-react"
+import { Card } from "@/components/ui/card"
+import { Switch } from "@/components/ui/switch"
+import { Label } from "@/components/ui/label"
+
+export const verticals = categoriesVerticals as string[];
+
+export function CatalogWidget() {
+ const [vertical, setVertical] = useState("All")
+ const filteredConnectors = vertical === "All"
+ ? providersArray()
+ : providersArray(vertical);
+
+ const handleCheckboxChange = (vertical: string) => {
+ setVertical(vertical);
+ };
+ return (
+ <>
+
+
+
+ )
+}
+
+function getBadgeVariantFromLabel(
+ label?: string
+): ComponentProps["variant"] {
+ if (label === AuthStrategy.oauth2) {
+ return "secondary"
+ }
+ return "default"
+}
diff --git a/apps/client-ts/src/components/Configuration/Catalog/CopySnippet.tsx b/apps/client-ts/src/components/Configuration/Catalog/CopySnippet.tsx
new file mode 100644
index 000000000..084b9d49a
--- /dev/null
+++ b/apps/client-ts/src/components/Configuration/Catalog/CopySnippet.tsx
@@ -0,0 +1,199 @@
+'use client'
+
+import { Button } from "@/components/ui/button";
+import { Card } from "@/components/ui/card";
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogHeader,
+ DialogTitle,
+ } from "@/components/ui/dialog"
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import { Copy } from "lucide-react";
+import { useState } from "react";
+
+export const CopySnippet = () => {
+ const [open,setOpen] = useState(false);
+ const [copiedLeft, setCopiedLeft] = useState(false);
+ const [copiedRight, setCopiedRight] = useState(false);
+
+ const handleClick = () => {
+ setOpen(true);
+ }
+
+ const handleCopyLeft = () => {
+ navigator.clipboard.writeText(
+ `
+ projectId={'c9a1b1f8-466d-442d-a95e-11cdd00baf49'}
+ returnUrl={'https://acme.inc'}
+ linkedUserId={'b860d6c1-28f9-485c-86cd-fb09e60f10a2'}
+ `
+ );
+ setCopiedLeft(true);
+ setTimeout(() => {
+ setCopiedLeft(false);
+ }, 2000);
+ };
+
+ const handleCopyRight = () => {
+ navigator.clipboard.writeText(
+ `
+ name={'hubspot'}
+ vertical={'crm'}
+ projectId={'c9a1b1f8-466d-442d-a95e-11cdd00baf49'}
+ returnUrl={'https://acme.inc'}
+ linkedUserId={'b860d6c1-28f9-485c-86cd-fb09e60f10a2'}
+ `
+ );
+ setCopiedRight(true);
+ setTimeout(() => {
+ setCopiedRight(false);
+ }, 2000);
+ };
+
+ return (
+ <>
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/apps/client-ts/src/components/Configuration/Connector/CustomConnectorPage.tsx b/apps/client-ts/src/components/Configuration/Connector/CustomConnectorPage.tsx
index 74f81e840..5f3628174 100644
--- a/apps/client-ts/src/components/Configuration/Connector/CustomConnectorPage.tsx
+++ b/apps/client-ts/src/components/Configuration/Connector/CustomConnectorPage.tsx
@@ -12,7 +12,7 @@ export default function CustomConnectorPage() {
setSearchQuery(query)
}
- const filteredConnectors = vertical === ""
+ const filteredConnectors = vertical === "All"
? providersArray()
: providersArray(vertical);
diff --git a/apps/client-ts/src/components/Configuration/Connector/VerticalSelector.tsx b/apps/client-ts/src/components/Configuration/Connector/VerticalSelector.tsx
index 9745d639a..b709fbd59 100644
--- a/apps/client-ts/src/components/Configuration/Connector/VerticalSelector.tsx
+++ b/apps/client-ts/src/components/Configuration/Connector/VerticalSelector.tsx
@@ -10,7 +10,7 @@ import {
CommandGroup,
CommandInput,
CommandItem,
-} from "@/components/ui/command"
+} from "@/components/ui/command"
import {
Popover,
PopoverContent,
@@ -18,6 +18,7 @@ import {
} from "@/components/ui/popover"
import useVerticalStore from "@/state/verticalStore"
import { categoriesVerticals } from '@panora/shared';
+import { Separator } from "@/components/ui/separator"
export const verticals = categoriesVerticals as string[];
@@ -45,6 +46,26 @@ export function VerticalSelector({ onSelectVertical }: { onSelectVertical: (vert
No verticals found.
+ {
+ setVertical("All")
+ setSelectedVertical("All")
+ setOpen(false)
+ onSelectVertical("All")
+ }}
+ >
+ All
+
+ void; fieldToMa
- {isLoading ? "Loading..." : error ? "Error fetching properties" : sourceCustomFieldsData.map(field => (
+ {isLoading ? {field.name}
))}
diff --git a/apps/client-ts/src/components/Configuration/LinkedUsers/AddLinkedAccount.tsx b/apps/client-ts/src/components/Configuration/LinkedUsers/AddLinkedAccount.tsx
index e2772bb28..a5c388f82 100644
--- a/apps/client-ts/src/components/Configuration/LinkedUsers/AddLinkedAccount.tsx
+++ b/apps/client-ts/src/components/Configuration/LinkedUsers/AddLinkedAccount.tsx
@@ -94,8 +94,6 @@ const AddLinkedAccount = () => {
})
form.reset()
}
-
-
return (
-
@@ -131,8 +139,8 @@ export default function Page() {
- What are linked accounts ?
+
+
What are linked accounts ?
+The linked-user object represents your end-user entity inside our system.
+It is a mirror of the end-user that exist in your backend. It helps Panora have the same source of truth about your user’s information.
-
- You built {mappings ? mappings.length :
+ You built {mappings ? mappings.length :
@@ -191,8 +209,8 @@ export default function Page() {
Your Webhooks
-
- You enabled {webhooks ? webhooks.length :
+ You enabled {webhooks ? webhooks.length :
@@ -207,6 +225,24 @@ export default function Page() {
+
+
+
diff --git a/apps/client-ts/src/components/ApiKeys/columns.tsx b/apps/client-ts/src/components/ApiKeys/columns.tsx
index cb399e906..00183c51d 100644
--- a/apps/client-ts/src/components/ApiKeys/columns.tsx
+++ b/apps/client-ts/src/components/ApiKeys/columns.tsx
@@ -82,16 +82,6 @@ export function useColumns() {
);
},
},
- {
- accessorKey: "created",
- header: ({ column }) => (
-
-
@@ -172,8 +190,8 @@ export default function Page() {
- What are field mappings ?
+
+
What are field mappings ?
+
+ By default, our unified models are predefined as you can see in the API reference.
+
Now with field mappings, you have the option to map your custom fields (that may exist in your end-customer's tools) to our unified model !
++ It is done in 2 steps. First you must define your custom field so it is recognized by Panora. Lastly, you must map this field to your remote field that exist in a 3rd party. +
+
+
That way, Panora can retrieve the newly created custom field directly within the unified model.
+
+
+
+ Customize Your Embedded Widget
+
+ Select connectors you would like to have in the UI widget catalog. By default, they are all displayed.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Filter by
+ handleCheckboxChange("All")}
+ >
+ All
+
+ handleCheckboxChange(v)}
+ >
+ {v}
+
+ ))}
+
+
+
+
+
+
+
+ {filteredConnectors.map((item) => (
+
+
+
+ ))}
+
+
+
+
+
+
+ 
+
+ {`${item.name.substring(0, 1).toUpperCase()}${item.name.substring(1)}`}
+
+ {item.description!.substring(0, 300)}
+
+
+ {item.vertical &&
+
+ {item.vertical}
+
+ }
+ {item.authStrategy &&
+
+ {item.authStrategy}
+
+ }
+
+
+ disableWebhook(row.original.id_webhook_endpoint, !row.getValue('active')) }
+ />
+
+ Error fetching properties
: sourceCustomFieldsData.map(field => (