npm - @seeka-labs/cli-apps - Versions diffs - 3.7.0 → 3.8.2 - Mend

@seeka-labs/cli-apps 3.7.0 → 3.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (763) hide show

package/dist/ai-context/internal/examples/v2/calendly/app/ui/public/index.html ADDED Viewed

@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="viewport" content="initial-scale=1, width=device-width" />
+  <title>CRA + Material UI + TS</title>
+  <!-- Fonts to support Material Design -->
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />
+  <script src="/app/config.js"></script>
+</head>
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+</body>
+</html>

package/dist/ai-context/internal/examples/v2/calendly/app/ui/public/manifest.json ADDED Viewed

@@ -0,0 +1,15 @@
+{
+  "short_name": "Your Orders",
+  "name": "Your Orders",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/App.tsx ADDED Viewed

@@ -0,0 +1,74 @@
+import Box from '@mui/material/Box';
+import { CalendlyLinkedUser, CalendlyTrackingSettings } from '@seeka-app-calendly/lib';
+import * as React from 'react';
+import {
+  createBrowserRouter,
+  Outlet,
+  RouterProvider,
+} from "react-router-dom";
+import { Index } from './routes/home';
+import { SeekaCoreApiReduxProvider } from './seeka-labs-app-sdk-ui/api/redux';
+import { TokenProvider } from './seeka-labs-app-sdk-ui/shared/auth/tokenProvider';
+let basename = (import.meta as any).env.BASE_URL
+// trim last /
+basename = basename.substring(0, basename.length - 1);
+function AppLayout() {
+  return (
+    <TokenProvider>
+      <SeekaCoreApiReduxProvider>
+        <Outlet />
+      </SeekaCoreApiReduxProvider>
+    </TokenProvider>
+  );
+}
+const router = createBrowserRouter([
+  {
+    element: <AppLayout />,
+    children: [
+      { path: '/', element: <Index /> },
+      // other routes…
+    ],
+  },
+], { basename });
+declare global {
+  interface Window {
+    seekaAppConfig: {
+      appBaseUrl: string
+      seekaAppId: string;
+      calendlyClientId: string
+      seekaAppInstallId: string;
+      state: {
+        linkedCalendlyUser?: CalendlyLinkedUser
+        tracking?: CalendlyTrackingSettings
+      }
+    };
+  }
+}
+export default function App() {
+  const [loaded, setLoaded] = React.useState(Boolean(window.seekaAppConfig));
+  let interval: any = null;
+  if (!loaded && !interval) {
+    interval = setInterval(() => {
+      setLoaded(Boolean(window.seekaAppConfig || process.env.NODE_ENV === 'development'));
+    }, 200);
+  }
+  React.useEffect(() => {
+    if (loaded && interval) {
+      clearInterval(interval);
+    }
+  }, [loaded]);
+  return (
+    !loaded ? <></> :
+      <Box sx={{ my: 4, mx: 2 }}>
+        <RouterProvider router={router} />
+      </Box>
+  );
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/assets/calendly-icon.svg ADDED Viewed

@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.8 535.73" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <style>
+   .cls-1{fill:none;}.cls-2{fill:#006bff;}.cls-3{fill:#0ae9ef;}
+  </style>
+ </defs>
+ <g id="Layer_2" data-name="Layer 2">
+  <g id="Logo_assets" data-name="Logo assets">
+   <g id="Brand_mark" data-name="Brand mark">
+    <path class="cls-1" d="M443.74,337.62l-27.16,47.05a139.52,139.52,0,0,1-120.82,69.75H241.43a139.52,139.52,0,0,1-120.82-69.75L93.45,337.62a139.52,139.52,0,0,1,0-139.51l27.16-47.05A139.53,139.53,0,0,1,241.43,81.3h54.33a139.53,139.53,0,0,1,120.82,69.76l27.16,47.05a139.23,139.23,0,0,1,8.55,17.55c0,.12.09.23.13.35a102.15,102.15,0,0,0,44.33-18.24c0-.14-.08-.28-.13-.43a237.8,237.8,0,0,0-33.29-67.58,240.67,240.67,0,0,0-52-53.48A239.3,239.3,0,0,0,98.65,437.08a239.43,239.43,0,0,0,398-98.69c.05-.15.09-.29.13-.43a102.15,102.15,0,0,0-44.33-18.24c0,.12-.09.23-.13.35A139.23,139.23,0,0,1,443.74,337.62Z">
+    </path>
+    <path class="cls-2" d="M360.4,347.4c-17,15.09-38.21,33.87-76.78,33.87h-23c-27.88,0-53.23-10.12-71.37-28.49-17.72-17.94-27.48-42.5-27.48-69.16V252.11c0-26.66,9.76-51.22,27.48-69.16,18.14-18.37,43.49-28.49,71.37-28.49h23c38.57,0,59.76,18.78,76.78,33.87,17.65,15.65,32.9,29.16,73.52,29.16a116.05,116.05,0,0,0,18.5-1.48c0-.12-.08-.23-.13-.35a139.23,139.23,0,0,0-8.55-17.55l-27.16-47.05A139.53,139.53,0,0,0,295.76,81.3H241.43a139.53,139.53,0,0,0-120.82,69.76L93.45,198.11a139.52,139.52,0,0,0,0,139.51l27.16,47.05a139.52,139.52,0,0,0,120.82,69.75h54.33a139.52,139.52,0,0,0,120.82-69.75l27.16-47.05a139.23,139.23,0,0,0,8.55-17.55c0-.12.09-.23.13-.35a116.05,116.05,0,0,0-18.5-1.48C393.3,318.24,378.05,331.75,360.4,347.4Z">
+    </path>
+    <path class="cls-2" d="M283.62,183h-23c-42.42,0-70.3,30.3-70.3,69.09v31.51c0,38.79,27.88,69.09,70.3,69.09h23c61.82,0,57-63,150.3-63a144.19,144.19,0,0,1,26.37,2.41,139.36,139.36,0,0,0,0-48.46,143.32,143.32,0,0,1-26.37,2.42C340.59,246.05,345.44,183,283.62,183Z">
+    </path>
+    <path class="cls-2" d="M513.91,315.13a130.21,130.21,0,0,0-53.62-23c0,.16-.05.32-.08.47a138.46,138.46,0,0,1-7.79,27.16A102.15,102.15,0,0,1,496.75,338c0,.14-.08.28-.13.43A237.8,237.8,0,0,1,463.33,406a240.67,240.67,0,0,1-52,53.48A239.3,239.3,0,0,1,98.65,98.65a239.43,239.43,0,0,1,398,98.69c.05.15.09.29.13.43A102.15,102.15,0,0,1,452.42,216a139.36,139.36,0,0,1,7.8,27.18c0,.15,0,.3.07.44a129.94,129.94,0,0,0,53.62-23c15.29-11.31,12.33-24.09,10-31.65C490.22,79.52,388.33,0,267.86,0,119.93,0,0,119.93,0,267.86S119.93,535.73,267.86,535.73c120.47,0,222.36-79.52,256-188.94C526.24,339.23,529.2,326.45,513.91,315.13Z">
+    </path>
+    <path class="cls-3" d="M452.42,216a116.05,116.05,0,0,1-18.5,1.48c-40.62,0-55.87-13.51-73.52-29.16-17-15.09-38.21-33.87-76.78-33.87h-23c-27.88,0-53.23,10.12-71.37,28.49-17.72,17.94-27.48,42.5-27.48,69.16v31.51c0,26.66,9.76,51.22,27.48,69.16,18.14,18.37,43.49,28.49,71.37,28.49h23c38.57,0,59.76-18.78,76.78-33.87,17.65-15.65,32.9-29.16,73.52-29.16a116.05,116.05,0,0,1,18.5,1.48,138.46,138.46,0,0,0,7.79-27.16c0-.15.06-.31.08-.47a144.19,144.19,0,0,0-26.37-2.41c-93.33,0-88.48,63-150.3,63h-23c-42.42,0-70.3-30.3-70.3-69.09V252.11c0-38.79,27.88-69.09,70.3-69.09h23c61.82,0,57,63,150.3,63a143.32,143.32,0,0,0,26.37-2.42c0-.14,0-.29-.07-.44A139.36,139.36,0,0,0,452.42,216Z">
+    </path>
+    <path class="cls-3" d="M452.42,216a116.05,116.05,0,0,1-18.5,1.48c-40.62,0-55.87-13.51-73.52-29.16-17-15.09-38.21-33.87-76.78-33.87h-23c-27.88,0-53.23,10.12-71.37,28.49-17.72,17.94-27.48,42.5-27.48,69.16v31.51c0,26.66,9.76,51.22,27.48,69.16,18.14,18.37,43.49,28.49,71.37,28.49h23c38.57,0,59.76-18.78,76.78-33.87,17.65-15.65,32.9-29.16,73.52-29.16a116.05,116.05,0,0,1,18.5,1.48,138.46,138.46,0,0,0,7.79-27.16c0-.15.06-.31.08-.47a144.19,144.19,0,0,0-26.37-2.41c-93.33,0-88.48,63-150.3,63h-23c-42.42,0-70.3-30.3-70.3-69.09V252.11c0-38.79,27.88-69.09,70.3-69.09h23c61.82,0,57,63,150.3,63a143.32,143.32,0,0,0,26.37-2.42c0-.14,0-.29-.07-.44A139.36,139.36,0,0,0,452.42,216Z">
+    </path>
+   </g>
+  </g>
+ </g>
+</svg>

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/components/calendly/login/index.tsx ADDED Viewed

@@ -0,0 +1,129 @@
+import { useTokens } from '@/seeka-labs-app-sdk-ui/shared/auth/useTokens';
+import RefreshIcon from '@mui/icons-material/Refresh';
+import { Alert, AlertTitle, Button, Stack } from "@mui/material";
+import { CalendlyLinkedUser } from '@seeka-app-calendly/lib';
+import { appAccessTokenHeaderName, coreApiAccessTokenHeaderName } from '@seeka-labs/sdk-apps-core';
+import { useEffect, useState } from "react";
+import { useLocation } from "react-router-dom";
+export const CalendlyLogin = ({ onUpdate }: { onUpdate: (user: CalendlyLinkedUser | null) => void }) => {
+    // Get query string params from react-router-dom
+    const location = useLocation();
+    const appTokens = useTokens();
+    const searchParams = new URLSearchParams(location.search);
+    const error = searchParams.get('error') as 'invalid_scopes' | string | null;
+    const appBaseUrl = window.seekaAppConfig?.appBaseUrl || '';
+    const [loading, setLoading] = useState(false);
+    const [waitingForAuth, setWaitingForAuth] = useState(false);
+    const [justAuthenticated, setJustAuthenticated] = useState(false);
+    const [linkedCalendlyUser, setLinkedCalendlyUser] = useState<CalendlyLinkedUser | null>(window.seekaAppConfig.state?.linkedCalendlyUser || null)
+    let errorMessage: string | null = null;
+    if (error === 'invalid_scopes') {
+        errorMessage = 'Invalid permissions granted. Click the button below to try again ensuring to select all permissions when logging into Calendly.';
+    }
+    else {
+        errorMessage = error;
+    }
+    const calendlyLogin = () => {
+        setLoading(true)
+        const redirectUrl = `${appBaseUrl}/api/auth/calendly?seekaAppId=${window.seekaAppConfig.seekaAppId}&seekaAppInstallId=${window.seekaAppConfig.seekaAppInstallId}`;
+        const authUrl = `https://auth.calendly.com/oauth/authorize?client_id=${window.seekaAppConfig.calendlyClientId}&response_type=code&redirect_uri=${encodeURIComponent(redirectUrl)}`;
+        window.open(authUrl);
+        setWaitingForAuth(true)
+    }
+    const loadAuth = async () => {
+        setLoading(true)
+        try {
+            const response = await fetch(window.seekaAppConfig.appBaseUrl + '/app/api/settings/calendly/auth', {
+                method: 'GET',
+                headers: {
+                    [appAccessTokenHeaderName]: 'Bearer ' + appTokens?.appAccessToken,
+                    [coreApiAccessTokenHeaderName]: 'Bearer ' + appTokens?.coreApiAccessToken,
+                }
+            })
+            const res: CalendlyLinkedUser | null = (await response.json())?.linkedCalendlyUser;
+            if (response.ok && res) {
+                setLinkedCalendlyUser(res)
+                setWaitingForAuth(false)
+                setJustAuthenticated(true)
+            }
+        }
+        catch (error) {
+            setLinkedCalendlyUser(null)
+        }
+        finally {
+            setLoading(false)
+        }
+    }
+    const disconnect = async () => {
+        setLoading(true)
+        try {
+            const response = await fetch(window.seekaAppConfig.appBaseUrl + '/app/api/settings/calendly/auth', {
+                method: 'DELETE',
+                headers: {
+                    [appAccessTokenHeaderName]: 'Bearer ' + appTokens?.appAccessToken,
+                    [coreApiAccessTokenHeaderName]: 'Bearer ' + appTokens?.coreApiAccessToken,
+                }
+            })
+            if (response.ok) {
+                setLinkedCalendlyUser(null)
+                setJustAuthenticated(false)
+            }
+        }
+        catch (error) {
+            // setLinkedCalendlyUser(null)
+        }
+        finally {
+            setLoading(false)
+        }
+    }
+    useEffect(() => {
+        let timer: NodeJS.Timeout | null = null;
+        if (waitingForAuth && !timer) {
+            timer = setInterval(loadAuth, 1000);
+        }
+        else if (timer && !waitingForAuth) {
+            clearInterval(timer)
+        }
+        return () => {
+            if (timer) {
+                clearInterval(timer)
+            }
+        }
+    }, [waitingForAuth])
+    useEffect(() => {
+        onUpdate(linkedCalendlyUser)
+    }, [linkedCalendlyUser])
+    const hasAuth = Boolean(linkedCalendlyUser)
+    return (
+        <Stack gap={4}>
+            {/* {linkedCalendlyUser && <Typography variant="body2">Currently authenticated</Typography>} */}
+            <Stack gap={4} direction="row">
+                {hasAuth ? (
+                    <Button color="primary" variant="text" loading={loading || waitingForAuth} size="small" onClick={calendlyLogin} endIcon={<RefreshIcon />}>Reconnect Calendly</Button>
+                ) : (
+                    <Button color="primary" variant="contained" loading={loading || waitingForAuth} size="small" onClick={calendlyLogin}>Authenticate Calendly</Button>
+                )}
+                {hasAuth && (
+                    <Button color="error" variant="text" loading={loading || waitingForAuth} size="small" onClick={disconnect}>Disconnect</Button>
+                )}
+            </Stack>
+            {justAuthenticated && <Alert severity="success">Calendly authentication succeeded</Alert>}
+            {waitingForAuth && <Alert severity="info"><AlertTitle>Waiting for Calendly authentication</AlertTitle>When complete, this window will reload.</Alert>}
+            {errorMessage && <Alert severity="error"><AlertTitle>Authentication error</AlertTitle>{errorMessage}</Alert>}
+        </Stack>
+    );
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/components/setup/steps/auth/index.tsx ADDED Viewed

@@ -0,0 +1,46 @@
+import { CalendlyLogin } from "@/components/calendly/login"
+import { SeekaAppWizardHeading } from "@/seeka-labs-app-sdk-ui/wizard/heading"
+import { SeekaAppWizardStep } from "@/seeka-labs-app-sdk-ui/wizard/step"
+import { SeekaAppWizardStepActions } from "@/seeka-labs-app-sdk-ui/wizard/step/actions"
+import { SeekaAppWizardStepContent } from "@/seeka-labs-app-sdk-ui/wizard/step/content"
+import { Button } from "@mui/material"
+import { CalendlyLinkedUser } from "@seeka-app-calendly/lib"
+import { useState } from "react"
+import calendlyIcon from '../../../../assets/calendly-icon.svg'
+type Props = {
+    onSkip?: () => void
+    onNext?: () => void
+    onUpdateUser: (user: CalendlyLinkedUser | null) => void
+}
+export const CalendlyAuthStep = ({ onSkip, onNext, onUpdateUser }: Props) => {
+    const [linkedCalendlyUser, setLinkedCalendlyUser] = useState<CalendlyLinkedUser | null>(window.seekaAppConfig.state?.linkedCalendlyUser || null)
+    const hasLinkedCalendlyUser = Boolean(linkedCalendlyUser)
+    const onUpdate = (user: CalendlyLinkedUser | null) => {
+        onUpdateUser(user)
+        setLinkedCalendlyUser(user)
+    }
+    return (
+        <SeekaAppWizardStep>
+            <SeekaAppWizardHeading title="Connect to Calendly" image={calendlyIcon}>
+                Connecting your Calendly to Seeka is super easy and can be done in around 1 minute by anyone with Admin access to Calendly.
+            </SeekaAppWizardHeading>
+            <SeekaAppWizardStepContent title="Instructions" subtitle="Authenticate Calendly">
+                <ol>
+                    <li>Click the Authenticate Calendly button</li>
+                    <li>Follow the guided prompts to authorise Seeka.</li>
+                </ol>
+                <CalendlyLogin onUpdate={(u) => onUpdate(u)} />
+            </SeekaAppWizardStepContent>
+            <SeekaAppWizardStepActions>
+                {onSkip && <Button variant='text' color="primary" onClick={onSkip}>Skip</Button>}
+                <Button variant='contained' color="primary" disabled={!hasLinkedCalendlyUser} onClick={onNext}>Next</Button>
+            </SeekaAppWizardStepActions>
+        </SeekaAppWizardStep>
+    )
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/components/setup/steps/index.tsx ADDED Viewed

@@ -0,0 +1,36 @@
+import { SeekaAppLoadingSpinner } from "@/seeka-labs-app-sdk-ui/shared/loading-spinner";
+import { Box } from "@mui/material";
+import { CalendlyLinkedUser } from "@seeka-app-calendly/lib";
+import { useState } from "react";
+import { CalendlyAuthStep } from "./auth";
+import { CalendlySuccessStep } from "./success";
+import { TrackingSettingsStep } from "./tracking";
+export const SetupSteps = () => {
+    const [activeStep, setActiveStep] = useState<number | null>(0)
+    const [linkedCalendlyUser, setLinkedCalendlyUser] = useState<CalendlyLinkedUser | null>(window.seekaAppConfig.state?.linkedCalendlyUser || null)
+    const onUpdateUser = (user: CalendlyLinkedUser | null) => {
+        setLinkedCalendlyUser(user)
+    }
+    const hasLinkedCalendlyUser = Boolean(linkedCalendlyUser)
+    // useEffect(() => {
+    //     if (hasAuth) {
+    //         setActiveStep(0)
+    //     }
+    //     else {
+    //         setActiveStep(0)
+    //     }
+    // }, [])
+    return (
+        <Box>
+            {activeStep === null && <SeekaAppLoadingSpinner />}
+            {activeStep === 0 && <CalendlyAuthStep onUpdateUser={onUpdateUser} onSkip={hasLinkedCalendlyUser ? () => setActiveStep(1) : undefined} onNext={() => setActiveStep(1)} />}
+            {activeStep === 1 && <TrackingSettingsStep onBack={() => setActiveStep(0)} onNext={() => setActiveStep(2)} />}
+            {activeStep === 2 && <CalendlySuccessStep />}
+        </Box>
+    );
+};

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/components/setup/steps/success/index.tsx ADDED Viewed

@@ -0,0 +1,18 @@
+import { SeekaAppWizardHeading } from "@/seeka-labs-app-sdk-ui/wizard/heading"
+import { SeekaAppWizardStep } from "@/seeka-labs-app-sdk-ui/wizard/step"
+import { SeekaAppWizardStepContent } from "@/seeka-labs-app-sdk-ui/wizard/step/content"
+import { Alert } from "@mui/material"
+import calendlyIcon from '../../../../assets/calendly-icon.svg'
+export const CalendlySuccessStep = () => {
+    return (
+        <SeekaAppWizardStep>
+            <SeekaAppWizardHeading title="Calendly connected" image={calendlyIcon}>
+                Success! Calendly is connected and events and identities will now flow to Seeka.
+            </SeekaAppWizardHeading>
+            <SeekaAppWizardStepContent>
+                <Alert severity="success">Success!</Alert>
+            </SeekaAppWizardStepContent>
+        </SeekaAppWizardStep>
+    )
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/components/setup/steps/tracking/index.tsx ADDED Viewed

@@ -0,0 +1,128 @@
+import { useTokens } from "@/seeka-labs-app-sdk-ui/shared/auth/useTokens"
+import { ActivityNameItem } from "@/seeka-labs-app-sdk-ui/shared/form/fields/activities"
+import { ActivitySourceActivityNameFilterSelect } from "@/seeka-labs-app-sdk-ui/shared/form/fields/activitySourceActivityNameFilterSelect"
+import { FormProvider } from "@/seeka-labs-app-sdk-ui/shared/form/provider"
+import { SeekaAppWizardHeading } from "@/seeka-labs-app-sdk-ui/wizard/heading"
+import { SeekaAppWizardStep } from "@/seeka-labs-app-sdk-ui/wizard/step"
+import { SeekaAppWizardStepActions } from "@/seeka-labs-app-sdk-ui/wizard/step/actions"
+import { SeekaAppWizardStepContent } from "@/seeka-labs-app-sdk-ui/wizard/step/content"
+import { yupResolver } from "@hookform/resolvers/yup"
+import { Button } from "@mui/material"
+import { CalendlyTrackingSettings } from "@seeka-app-calendly/lib"
+import { appApi, getActivityNameTitle, RhfAutocompleteOption, TrackingActivityNames } from "@seeka-labs-internal/lib-react-common"
+import { getActivityName } from "@seeka-labs/converge"
+import { appAccessTokenHeaderName, coreApiAccessTokenHeaderName } from "@seeka-labs/sdk-apps-core"
+import { enqueueSnackbar } from "notistack"
+import { useEffect, useState } from "react"
+import { useForm } from "react-hook-form"
+import * as yup from 'yup'
+import calendlyIcon from '../../../../assets/calendly-icon.svg'
+type Props = {
+    onBack?: () => void
+    onNext?: () => void
+}
+export const CalendlyTrackingSettingsFormSchema = yup.object({
+    eventBookedEventName: yup.mixed<RhfAutocompleteOption>().required()
+}).required();
+export type CalendlyTrackingSettingsFormType = yup.InferType<
+    typeof CalendlyTrackingSettingsFormSchema
+>;
+export const TrackingSettingsStep = ({ onBack, onNext }: Props) => {
+    const appTokens = useTokens();
+    const [saving, setSaving] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const activityNamesQuery = appApi.endpoints.referenceDataGetAllActivityNames.useQuery({})
+    const [activityNames, setActivityNames] = useState<ActivityNameItem[]>([]);
+    const trackingSettings: CalendlyTrackingSettings | null = window.seekaAppConfig.state.tracking || null;
+    const methods = useForm<CalendlyTrackingSettingsFormType>({
+        resolver: yupResolver(CalendlyTrackingSettingsFormSchema),
+        mode: "onBlur",
+        criteriaMode: "all",
+        defaultValues: {
+            eventBookedEventName: trackingSettings?.eventBookedEventName || {}
+        }
+    });
+    const { control, handleSubmit, watch, formState: { errors, isValid, isDirty } } = methods
+    const loadMetadata = async () => {
+        const activityNames = activityNamesQuery.data?.result || [];
+        setActivityNames(activityNames.map(e => ({
+            activityName: getActivityName(e),
+            activityNameCustom: getActivityName(e) === TrackingActivityNames.Custom ? e : undefined,
+            label: getActivityNameTitle(e),
+            key: e
+        })))
+    }
+    useEffect(() => {
+        loadMetadata()
+    }, [activityNamesQuery.data])
+    // const noMappings = mappings.fields.length === 0
+    const onSubmit = async (data: CalendlyTrackingSettingsFormType) => {
+        try {
+            setSaving(true)
+            let success = true;
+            try {
+                const response = await fetch(window.seekaAppConfig.appBaseUrl + '/app/api/settings/calendly/tracking', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        [appAccessTokenHeaderName]: 'Bearer ' + appTokens?.appAccessToken,
+                        [coreApiAccessTokenHeaderName]: 'Bearer ' + appTokens?.coreApiAccessToken,
+                    },
+                    body: JSON.stringify(data)
+                })
+                if (!response.ok) {
+                    success = false;
+                }
+                else {
+                    window.seekaAppConfig.state.tracking = data
+                }
+            }
+            catch (error) {
+                console.error(error);
+                success = false;
+            }
+            finally {
+                setSaving(false)
+            }
+            if (success) {
+                if (onNext) {
+                    onNext()
+                }
+                // enqueueSnackbar('Calendly app is setup!', { variant: 'success' });
+            }
+            else {
+                enqueueSnackbar('Failed', { variant: 'error' });
+            }
+        } catch (err) {
+            enqueueSnackbar('Error updating', { variant: 'error' });
+        }
+    };
+    return (
+        <SeekaAppWizardStep>
+            {/* {JSON.stringify(detailedCustomer)} */}
+            <SeekaAppWizardHeading title="Calendly Tracking settings" image={calendlyIcon}>
+                In this step you will select the event to track.
+            </SeekaAppWizardHeading>
+            <SeekaAppWizardStepContent>
+                <FormProvider methods={methods}>
+                    <ActivitySourceActivityNameFilterSelect label="Activity to track when a booking is made" name="eventBookedEventName" allowActivityNameOverride activityNames={activityNames} />
+                </FormProvider>
+            </SeekaAppWizardStepContent>
+            <SeekaAppWizardStepActions>
+                <Button variant='text' disabled={saving || loading} onClick={onBack}>Back</Button>
+                <Button variant='contained' color="primary" loading={saving} disabled={!isValid} type="submit" onClick={handleSubmit(onSubmit)}>Save</Button>
+            </SeekaAppWizardStepActions>
+        </SeekaAppWizardStep >
+    )
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/index.tsx ADDED Viewed

@@ -0,0 +1,45 @@
+import CssBaseline from '@mui/material/CssBaseline';
+import { ThemeProvider } from '@mui/material/styles';
+import { SnackbarProvider } from 'notistack';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import App from './App';
+import { fetchBaseQuery } from '@reduxjs/toolkit/query';
+import { MaterialUiTheme, setBaseQueryFn } from '@seeka-labs-internal/lib-react-common';
+import queryString from 'query-string';
+import { appAccessTokenQueryParamName, coreApiAccessTokenQueryParamName } from "@seeka-labs/sdk-apps-core";
+setBaseQueryFn(
+  fetchBaseQuery({
+    baseUrl: (import.meta as any).env.VITE_URLS_SEEKA_API_CORE || "https://api.seeka.services",
+    prepareHeaders(headers, api) {
+      const searchParams = new URLSearchParams(location.search);
+      const appAccessToken = searchParams.get(appAccessTokenQueryParamName);
+      const coreApiAccessToken = searchParams.get(coreApiAccessTokenQueryParamName);
+      headers.set('Authorization', 'Bearer ' + coreApiAccessToken);
+      return headers;
+    },
+    paramsSerializer(params) {
+      return queryString.stringify(params);
+    },
+  })
+);
+const rootElement = document.getElementById('root');
+const root = ReactDOM.createRoot(rootElement!);
+root.render(
+  <React.StrictMode>
+    <ThemeProvider theme={MaterialUiTheme}>
+      <CssBaseline />
+      <SnackbarProvider anchorOrigin={{ horizontal: 'right', vertical: 'top' }} >
+        <App />
+      </SnackbarProvider>
+    </ThemeProvider>,
+  </React.StrictMode>
+);

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/react-app-env.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="react-scripts" />

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/routes/home/index.tsx ADDED Viewed

@@ -0,0 +1,11 @@
+import { SetupSteps } from "@/components/setup/steps";
+import { Container } from "@mui/material";
+export const Index = () => {
+    return (
+        <Container>
+            <SetupSteps />
+            {/* <CalendlyCustomer /> */}
+        </Container>
+    );
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/seeka-labs-app-sdk-ui/api/redux/index.tsx ADDED Viewed

@@ -0,0 +1,16 @@
+import { createStore } from '@seeka-labs-internal/lib-react-common';
+import React from 'react';
+import { Provider as ReduxProvider } from 'react-redux';
+const store = createStore();
+export const SeekaCoreApiReduxProvider = ({ children }: { children: React.ReactNode }) => {
+    return (
+        <ReduxProvider store={store}>
+            {children}
+        </ReduxProvider>
+    )
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/seeka-labs-app-sdk-ui/shared/auth/tokenProvider/index.tsx ADDED Viewed

@@ -0,0 +1,54 @@
+const parentOrigin = (import.meta as any).env.VITE_URLS_SEEKA_APP_CORE_ORIGIN as string
+import { appAccessTokenQueryParamName, coreApiAccessTokenQueryParamName } from '@seeka-labs/sdk-apps-core';
+import React, { createContext, useEffect, useState } from 'react';
+import { useLocation } from "react-router-dom";
+interface Tokens { appAccessToken: string; coreApiAccessToken: string }
+export const TokenContext = createContext<Tokens | null>(null)
+export const TokenProvider = ({ children }: { children: React.ReactNode }) => {
+    const [tokens, setTokens] = useState<Tokens | null>({ appAccessToken: '', coreApiAccessToken: '' })
+    const location = useLocation();
+    useEffect(() => {
+        function handleMessage(evt: MessageEvent) {
+            if (evt.origin !== parentOrigin) return
+            if (evt.data?.type === 'TOKENS') {
+                console.log('hereee token message', evt)
+                setTokens({
+                    appAccessToken: evt.data.appAccessToken,
+                    coreApiAccessToken: evt.data.coreApiAccessToken
+                })
+            }
+        }
+        window.addEventListener('message', handleMessage)
+        // request once
+        window.parent.postMessage({ type: 'REQUEST_TOKENS' }, parentOrigin)
+        return () => {
+            window.removeEventListener('message', handleMessage)
+        }
+    }, [parentOrigin])
+    useEffect(() => {
+        const searchParams = new URLSearchParams(location.search);
+        const appAccessToken = searchParams.get(appAccessTokenQueryParamName);
+        const coreApiAccessToken = searchParams.get(coreApiAccessTokenQueryParamName);
+        if (appAccessToken && coreApiAccessToken) {
+            setTokens({
+                appAccessToken,
+                coreApiAccessToken
+            });
+        }
+    }, [])
+    return (
+        <TokenContext.Provider value={tokens}>
+            {children}
+        </TokenContext.Provider>
+    )
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/seeka-labs-app-sdk-ui/shared/auth/useTokens/index.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { useContext } from "react"
+import { TokenContext } from "../tokenProvider"
+export function useTokens() {
+    const ctx = useContext(TokenContext)
+    if (ctx === null) throw new Error('useTokens must be inside <TokenProvider>')
+    return ctx
+}