@seeka-labs/cli-apps 3.8.8 → 3.9.1

package/dist/ai-context/internal/examples/v2/yeastar/app/ui/src/components/setup/steps/user-mapping/index.tsx

@@ -1,147 +0,0 @@
-
-import { useTokens } from "@/seeka-labs-app-sdk-ui/shared/auth/useTokens"
-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 AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline'
-import { Button, Stack } from "@mui/material"
-import { appAccessTokenHeaderName, coreApiAccessTokenHeaderName } from "@seeka-labs/sdk-apps-core"
-import { enqueueSnackbar } from "notistack"
-import { useState } from "react"
-import { useFieldArray, useForm } from "react-hook-form"
-import { v4 as uuidv4 } from 'uuid'
-import * as yup from 'yup'
-import yeastarIcon from '../../../../assets/yeastar-icon.svg'
-import { UserMappingRow } from "./row"
-
-type Props = {
-    onSkip?: () => void
-    onBack?: () => void
-    onNext?: () => void
-}
-
-export const YeastarUserMappingFormSchema = yup.object({
-    mappings: yup.array().of(yup.object({
-        email: yup.string().email('Invalid email').required('Required'),
-        firstName: yup.string().required('Required'),
-        lastName: yup.string().required('Required'),
-    }).required())
-}).required();
-
-export type YeastarUserMappingFormType = yup.InferType<
-    typeof YeastarUserMappingFormSchema
->;
-
-export const YeastarUserMappingStep = ({ onSkip, onBack, onNext }: Props) => {
-    const [saving, setSaving] = useState(false);
-    const [loading, setLoading] = useState(false);
-    const appTokens = useTokens();
-
-    const serverUsers = window.seekaAppConfig.state.userMappings || [];
-    const methods = useForm<YeastarUserMappingFormType>({
-        resolver: yupResolver(YeastarUserMappingFormSchema),
-        mode: "onBlur",
-        criteriaMode: "all",
-        defaultValues: {
-            mappings: serverUsers
-        }
-    });
-    const { control, handleSubmit, watch, formState: { errors, isValid, isDirty } } = methods
-    const mappings = useFieldArray({
-        name: "mappings",
-        control: control,
-    });
-
-    const onAdd = () => {
-        mappings.append({
-            id: uuidv4(),
-            firstName: "",
-            lastName: "",
-            email: ''
-        })
-    }
-
-    const onDelete = (mappingIndex: number) => {
-        mappings.remove(mappingIndex)
-    }
-
-    const onSubmit = async (data: YeastarUserMappingFormType) => {
-        try {
-            setSaving(true)
-            let success = true;
-            try {
-                const response = await fetch(window.seekaAppConfig.appBaseUrl + '/app/api/settings/yeastar/users/mappings', {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json',
-                        [appAccessTokenHeaderName]: 'Bearer ' + appTokens?.appAccessToken,
-                        [coreApiAccessTokenHeaderName]: 'Bearer ' + appTokens?.coreApiAccessToken,
-                    },
-                    body: JSON.stringify({ users: data.mappings })
-                })
-                if (!response.ok) {
-                    success = false;
-                }
-                else {
-                    if (onNext) {
-                        onNext()
-                    }
-                }
-            }
-            catch (error) {
-                console.error(error);
-                success = false;
-            }
-            finally {
-                setSaving(false)
-            }
-            if (success) {
-                enqueueSnackbar('Saved', { variant: 'success' });
-            }
-            else {
-                enqueueSnackbar('Failed', { variant: 'error' });
-            }
-
-            enqueueSnackbar('Settings updated', { variant: 'success' });
-        } catch (err) {
-            enqueueSnackbar('Error updating', { variant: 'error' });
-        }
-    };
-
-    return (
-        <SeekaAppWizardStep>
-            <FormProvider methods={methods}>
-                {/* {JSON.stringify(accountUserActions)} */}
-                <SeekaAppWizardHeading title="Configure Yeastar users" image={yeastarIcon} />
-
-                <SeekaAppWizardStepContent>
-                    <Stack alignItems={'center'} justifyContent={'space-between'} sx={{ width: '100%' }} gap={2} direction={'column'}>
-                        {mappings && mappings.fields && mappings.fields.map((m, i) => <UserMappingRow key={i} onDelete={() => onDelete(i)} mappingIndex={i} />)}
-
-                        <Button
-                            startIcon={<AddCircleOutlineIcon />}
-                            size="small"
-                            variant="text"
-                            onClick={onAdd}
-                        >
-                            Add user
-                        </Button>
-                    </Stack>
-                </SeekaAppWizardStepContent>
-                {/* {JSON.stringify(watch())} */}
-
-                <SeekaAppWizardStepActions>
-                    <Stack direction="row" spacing={2}>
-                        {onBack && <Button variant='text' color="primary" onClick={onBack}>Back</Button>}
-                        {onSkip && <Button variant='text' color="primary" onClick={onSkip}>Skip</Button>}
-                    </Stack>
-
-                    <Button variant='contained' loading={saving} type="submit" onClick={handleSubmit(onSubmit)} color="primary" disabled={!isValid || saving || loading}>Next</Button>
-                </SeekaAppWizardStepActions>
-            </FormProvider>
-        </SeekaAppWizardStep>
-    )
-}

package/dist/ai-context/internal/examples/v2/yeastar/app/ui/src/components/setup/steps/user-mapping/row/index.tsx

@@ -1,69 +0,0 @@
-
-import DeleteIcon from "@mui/icons-material/Delete";
-import {
-    Box,
-    FormControl,
-    IconButton,
-    Stack,
-    TextField
-} from "@mui/material";
-import { useFormContext } from "react-hook-form";
-import { YeastarUserMappingFormType } from "..";
-
-type Props = {
-    onDelete: () => void
-    mappingIndex: number
-}
-
-export const UserMappingRow = ({ mappingIndex, onDelete }: Props) => {
-    const htmlElementFormIdentifier = `mappings.${mappingIndex}` as 'mappings.0'
-    const methods = useFormContext<YeastarUserMappingFormType>();
-    const { register, control, formState, watch } = methods;
-    const mappingVal = watch(htmlElementFormIdentifier)
-
-    return (
-        <Stack gap={2} direction={"row"} sx={{ width: "100%" }} justifyContent={'space-around'} alignItems={'center'}>
-            <Box sx={{ border: "1px solid #ccc", borderRadius: "4px", padding: "8px", width: "100%" }}>
-                <Stack gap={2} direction={"row"} sx={{ width: "100%" }} justifyContent={'space-around'} alignItems={'center'}>
-                    <FormControl fullWidth>
-                        <TextField
-                            size="small"
-                            label="Email"
-                            fullWidth
-                            error={formState.errors?.mappings?.[mappingIndex]?.email !== undefined}
-                            helperText={formState.errors?.mappings?.[mappingIndex]?.email?.message}
-                            {...register(htmlElementFormIdentifier + '.email' as 'mappings.0.email')}
-                        />
-                    </FormControl>
-
-                    <FormControl fullWidth>
-                        <TextField
-                            size="small"
-                            label="First name"
-                            fullWidth
-                            error={formState.errors?.mappings?.[mappingIndex]?.firstName !== undefined}
-                            helperText={formState.errors?.mappings?.[mappingIndex]?.firstName?.message}
-                            {...register(htmlElementFormIdentifier + '.firstName' as 'mappings.0.firstName')}
-                        />
-                    </FormControl>
-
-                    <FormControl fullWidth>
-                        <TextField
-                            size="small"
-                            label="Last name"
-                            fullWidth
-                            error={formState.errors?.mappings?.[mappingIndex]?.lastName !== undefined}
-                            helperText={formState.errors?.mappings?.[mappingIndex]?.lastName?.message}
-                            {...register(htmlElementFormIdentifier + '.lastName' as 'mappings.0.lastName')}
-                        />
-                    </FormControl>
-
-                    <IconButton onClick={onDelete}
-                    >
-                        <DeleteIcon />
-                    </IconButton>
-                </Stack>
-            </Box>
-        </Stack>
-    );
-}

package/dist/ai-context/internal/examples/v2/yeastar/app/ui/src/index.tsx

@@ -1,45 +0,0 @@
-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/yeastar/app/ui/src/react-app-env.d.ts

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

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

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

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

@@ -1,16 +0,0 @@
-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/yeastar/app/ui/src/seeka-labs-app-sdk-ui/shared/auth/tokenProvider/index.tsx

@@ -1,53 +0,0 @@
-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') {
-                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/yeastar/app/ui/src/seeka-labs-app-sdk-ui/shared/auth/useTokens/index.ts

@@ -1,8 +0,0 @@
-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
-}

package/dist/ai-context/internal/examples/v2/yeastar/app/ui/src/seeka-labs-app-sdk-ui/shared/form/fields/activities/index.tsx

@@ -1,188 +0,0 @@
-import { TrackingActivityNames } from '@seeka-labs-internal/lib-api-app'
-import { forIn, sortBy } from 'lodash-es'
-import { useState } from 'react'
-
-import { Box, Button, Divider, Grid } from '@mui/material'
-
-import { sentenceCaseWithLowercase } from '@/seeka-labs-app-sdk-ui/utils'
-import { getActivityName } from '@seeka-labs/converge'
-import { EventPipelineFilterRow } from '../event-pipeline/filter-row'
-
-export const CustomActivityNameLabelPrefix = 'Custom: '
-export const CustomExactActivityNameLabelPrefix = 'Exact: '
-
-export interface ActivityNameItem {
-    activityName: TrackingActivityNames
-    activityNameCustom?: string
-    label: string
-    key: string
-    activityNameOverride?: string
-}
-export function getActivityNames(
-    excludeActivityNames: TrackingActivityNames[],
-    overrideDefault?: string[],
-    alwaysIncludeDefault = false
-): ActivityNameItem[] {
-    const names: ActivityNameItem[] = []
-    const exclude = [
-        TrackingActivityNames.Undefined,
-        TrackingActivityNames.Custom,
-        TrackingActivityNames.PageViewOrganic,
-        TrackingActivityNames.PageViewUtmAttributed,
-        TrackingActivityNames.FilterItemsByAttribute,
-        TrackingActivityNames.ChangeProductAttribute,
-    ]
-
-    if (overrideDefault && overrideDefault.length > 0) {
-        const excludeAsString = exclude.map((x) => x.toString())
-        const excludeActivityNamesAsString = excludeActivityNames.map((x) => x.toString())
-        for (const value of overrideDefault) {
-            if (
-                excludeAsString.indexOf(value) > -1 ||
-                excludeActivityNamesAsString.indexOf(value) > -1
-            )
-                continue
-
-            const standardActivityName = getActivityName(value);
-            const label = getFriendlyEventName(value);
-
-            names.push({
-                activityName: standardActivityName,
-                activityNameCustom: standardActivityName === TrackingActivityNames.Custom ? value : undefined,
-                key: value,
-                label: standardActivityName === TrackingActivityNames.Custom ? CustomActivityNameLabelPrefix + label : label,
-            })
-        }
-    } else {
-        forIn(overrideDefault || TrackingActivityNames, (value, key) => {
-            if (exclude.indexOf(value) > -1 || excludeActivityNames.indexOf(value) > -1) return
-
-            const standardActivityName = getActivityName(value);
-            const label = getFriendlyEventName(value);
-
-            names.push({
-                activityName: standardActivityName,
-                activityNameCustom: standardActivityName === TrackingActivityNames.Custom ? value : undefined,
-                key: key,
-                label: standardActivityName === TrackingActivityNames.Custom ? CustomActivityNameLabelPrefix + label : label,
-            })
-        })
-    }
-
-    if (alwaysIncludeDefault && overrideDefault) {
-        forIn(TrackingActivityNames, (value, key) => {
-            if (
-                exclude.indexOf(value) > -1 ||
-                excludeActivityNames.indexOf(value) > -1 ||
-                names.find((e) => e.activityName === value)
-            ) {
-                return;
-            }
-
-            const standardActivityName = getActivityName(value);
-            names.push({
-                activityName: standardActivityName,
-                activityNameCustom: standardActivityName === TrackingActivityNames.Custom ? value : undefined,
-                key: key,
-                label: getFriendlyEventName(value),
-            })
-        })
-    }
-
-    return sortBy(names, 'label')
-}
-
-type EventPipelineFilterProps = {
-    excludeActivityNames?: TrackingActivityNames[]
-}
-
-export const EventPipelineFilter = ({
-    excludeActivityNames,
-}: EventPipelineFilterProps) => {
-    const [activityNames, setActivityNames] = useState<ActivityNameItem[]>(
-        getActivityNames(excludeActivityNames || [])
-    )
-    const [sourceDomains, setSourceDomains] = useState<string[]>([
-        'tickets.oztix.com.au',
-    ])
-
-    const [filters, setFilters] = useState<any[]>([{ id: 1 }, { id: 2 }])
-    const [filterCondition, setFilterCondition] = useState<'or' | 'and'>('and')
-
-    const toggleCondition = () => {
-        setFilterCondition(filterCondition === 'and' ? 'or' : 'and')
-    }
-
-    return (
-        <Grid container>
-            {filters.map((filter, index) => (
-                <Box
-                    key={filter.id}>
-                    <EventPipelineFilterRow
-                        activityNames={activityNames}
-                        sourceDomains={sourceDomains}
-                    />
-                    {index < filters.length - 1 && (
-                        <Grid item xs={12}>
-                            <div style={{ textAlign: 'center' }}>
-                                <Divider style={{ marginTop: '20px' }} />
-                                <Button
-                                    variant="text"
-                                    color="primary"
-                                    onClick={toggleCondition}
-                                    style={{ marginTop: '-19px', backgroundColor: 'white' }}
-                                >
-                                    {filterCondition.toUpperCase()}
-                                </Button>{' '}
-                            </div>
-                        </Grid>
-                    )}
-                </Box>
-            ))}
-        </Grid>
-    )
-}
-
-
-export const eventNameMapping = {
-    AddPaymentInfo: 'Add payment info',
-    AddToCart: 'Add to cart',
-    AddToWishlist: 'Add to wishlist',
-    CompleteRegistration: 'Complete registration',
-    Contact: 'Contact',
-    CustomizeProduct: 'Customize product',
-    Donate: 'Donate',
-    FindLocation: 'Find location',
-    InitiateCheckout: 'Initiate checkout',
-    Lead: 'Lead',
-    PageView: 'Page view',
-    Purchase: 'Purchase',
-    Schedule: 'Schedule',
-    Search: 'Search',
-    StartTrial: 'Start trial',
-    SubmitApplication: 'Submit application',
-    Subscribe: 'Subscribe',
-    ViewContent: 'View content',
-    KeywordSearch: 'Keyword search',
-    AddPaymentMethod: 'Add payment method',
-    ViewProduct: 'View product',
-    ViewPage: 'View page',
-    Order: 'Order',
-    ViewContentItem: 'View content item',
-}
-
-export const getFriendlyEventName = (eventName: string, maxLength?: number) => {
-    let mappedEventName =
-        eventName in eventNameMapping
-            ? eventNameMapping[eventName]
-            : sentenceCaseWithLowercase(eventName)
-
-    if (maxLength && maxLength > 0) {
-        const shouldTruncateName = mappedEventName.length >= maxLength
-        mappedEventName = shouldTruncateName
-            ? `${mappedEventName.substring(0, maxLength)}...`
-            : mappedEventName
-    }
-
-    return mappedEventName;
-}