02b935bcde
* create basic app structure * add zapierSubscription model to prisma.schema * change column name triggerEvent to lower case * add zapier functionality + enpoints + adjust prisma.schema * add subscriptionType + refactor code * add app store information * create setup page to generate api key * clean code * add copy functionality in setup page * clean code * add apiKeyType and delte key when uninstalled or new key generated * clean code * use Promise.all * only approve zapier api key * clean code * fix findValidApiKey for api keys that don't expire * fix migrations * clean code * small fixes * add i18n * add README.md file * add setup guide to README.md * fix yarn.lock * Renames zapierother to zapier * Typo * Updates package name * Rename fixes * Adds zapier to the App Store seeder * Adds missing zapier to apiHandlers * Adds credential relationship to App * Rename fixes * Allows tailwind to pick up custom app-store components * Consolidates zapier_setup_instructions * Webhook fixes * Uses app relationship instead of custom type * Refactors sendPayload to accept webhook object Instead of individual parameters * refactoring * Removes unused zapier check * Update cancel.ts * Refactoring * Removes example comments * Update InstallAppButton.tsx * Type fixes * E2E fixes * Deletes all user zapier webhooks on integration removal Co-authored-by: CarinaWolli <wollencarina@gmail.com> Co-authored-by: zomars <zomars@me.com>
62 lines
3 KiB
TypeScript
62 lines
3 KiB
TypeScript
import { useSession } from "next-auth/react";
|
|
import dynamic from "next/dynamic";
|
|
|
|
import { WEBAPP_URL } from "@calcom/lib/constants";
|
|
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
import type { App } from "@calcom/types/App";
|
|
import Button from "@calcom/ui/Button";
|
|
|
|
import { InstallAppButtonProps } from "./types";
|
|
|
|
export const InstallAppButtonMap = {
|
|
// examplevideo: dynamic(() => import("./_example/components/InstallAppButton")),
|
|
applecalendar: dynamic(() => import("./applecalendar/components/InstallAppButton")),
|
|
caldavcalendar: dynamic(() => import("./caldavcalendar/components/InstallAppButton")),
|
|
googlecalendar: dynamic(() => import("./googlecalendar/components/InstallAppButton")),
|
|
hubspotothercalendar: dynamic(() => import("./hubspotothercalendar/components/InstallAppButton")),
|
|
office365calendar: dynamic(() => import("./office365calendar/components/InstallAppButton")),
|
|
slackmessaging: dynamic(() => import("./slackmessaging/components/InstallAppButton")),
|
|
stripepayment: dynamic(() => import("./stripepayment/components/InstallAppButton")),
|
|
tandemvideo: dynamic(() => import("./tandemvideo/components/InstallAppButton")),
|
|
zoomvideo: dynamic(() => import("./zoomvideo/components/InstallAppButton")),
|
|
office365video: dynamic(() => import("./office365video/components/InstallAppButton")),
|
|
wipemycalother: dynamic(() => import("./wipemycalother/components/InstallAppButton")),
|
|
zapier: dynamic(() => import("./zapier/components/InstallAppButton")),
|
|
jitsivideo: dynamic(() => import("./jitsivideo/components/InstallAppButton")),
|
|
huddle01video: dynamic(() => import("./huddle01video/components/InstallAppButton")),
|
|
metamask: dynamic(() => import("./metamask/components/InstallAppButton")),
|
|
giphy: dynamic(() => import("./giphy/components/InstallAppButton")),
|
|
};
|
|
|
|
export const InstallAppButton = (
|
|
props: {
|
|
type: App["type"];
|
|
} & InstallAppButtonProps
|
|
) => {
|
|
const { status } = useSession();
|
|
const { t } = useLocale();
|
|
let appName = props.type.replace(/_/g, "");
|
|
let InstallAppButtonComponent = InstallAppButtonMap[appName as keyof typeof InstallAppButtonMap];
|
|
/** So we can either call it by simple name (ex. `slack`, `giphy`) instead of
|
|
* `slackmessaging`, `giphyother` while maintaining retro-compatibility. */
|
|
if (!InstallAppButtonComponent) {
|
|
[appName] = props.type.split("_");
|
|
InstallAppButtonComponent = InstallAppButtonMap[appName as keyof typeof InstallAppButtonMap];
|
|
}
|
|
if (!InstallAppButtonComponent) return null;
|
|
if (status === "unauthenticated")
|
|
return (
|
|
<InstallAppButtonComponent
|
|
render={() => (
|
|
<Button
|
|
data-testid="install-app-button"
|
|
color="primary"
|
|
href={`${WEBAPP_URL}/auth/login?callbackUrl=${WEBAPP_URL + location.pathname + location.search}`}>
|
|
{t("install_app")}
|
|
</Button>
|
|
)}
|
|
onChanged={props.onChanged}
|
|
/>
|
|
);
|
|
return <InstallAppButtonComponent render={props.render} onChanged={props.onChanged} />;
|
|
};
|