@seeka-labs/cli-apps 3.7.0 → 3.8.2

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

@@ -0,0 +1,132 @@
+
+
+import { ActivityPipelineActivityFilterSourceItem, RhfAutocomplete, RhfAutocompleteOption } from '@seeka-labs-internal/lib-react-common';
+
+type ActivitySourceFilterSelectProps = {
+    sourceLookupValues: ActivityPipelineActivityFilterSourceItem[]
+    // sourceFilter: ActivityPipelineActivitySourceFilter
+    name: string
+    // onChange: (filter: ActivityPipelineActivitySourceFilter) => void
+    // error: boolean
+    noMargin?: boolean
+    // blurOnSelect?: boolean
+    minWidth?: string
+    width?: string
+}
+
+export const ActivitySourceFilterSelect = ({
+    sourceLookupValues,
+    name,
+    // sourceFilter,
+    // error,
+    minWidth,
+    noMargin,
+    // blurOnSelect,
+    width,
+    // onChange,
+}: ActivitySourceFilterSelectProps) => {
+    // const sourceFilterValue: ActivityPipelineActivitySourceFilter = {
+    //     ...sourceFilter,
+    //     filters: sourceFilter.filters || [],
+    // } as ActivityPipelineActivitySourceFilter
+
+    const sourceLookupValuesSorted: RhfAutocompleteOption[] = sourceLookupValues
+        // .sort((a, b) => {
+        //     if (a.type?.toLowerCase() === b.type?.toLowerCase()) {
+        //         return a.label?.toLowerCase() > b.label?.toLowerCase() ? 1 : -1
+        //     }
+        //     return a.type?.toLowerCase() < b.type?.toLowerCase() ? 1 : -1
+        // })
+        .map(e => ({
+            title: e.label || e.key as string,
+            inputValue: e.key,
+            isCustomInputValue: false,
+        }))
+
+    // console.log('heree this.state.value2', sourceLookupValuesSorted, sourceFilterValue)
+
+    return (
+        (<RhfAutocomplete
+            name={name}
+            multiple
+            options={sourceLookupValuesSorted}
+            // autoHighlight
+            // blurOnSelect={blurOnSelect}
+            // clearOnBlur
+            disableClearable
+            sx={{
+                display: 'inline-block',
+                minWidth: minWidth != undefined ? minWidth : '240px',
+                width,
+                marginLeft: !noMargin ? '10px' : undefined,
+            }}
+        // fullWidth
+        // renderTags={(value, getTagProps) =>
+        //     value.map((option, index) => {
+        //         const p = getTagProps({ index })
+        //         return (
+        //             <Chip
+        //                 label={option.label}
+        //                 {...p}
+        //                 key={p.key}
+        //                 deleteIcon={sourceFilterValue.filters.length === 1 ? <></> : undefined}
+        //             />
+        //         )
+        //     })
+        // }
+        // groupBy={(option) => sentenceCase(option.type)}
+        // defaultValue={[sourceLookupValues[0]]}
+        // value={}
+        // style={{ display: 'inline-block', width: '250px', marginRight: '10px' }}
+        // getOptionLabel={(option) => option.label}
+        // isOptionEqualToValue={(option, value) =>
+        //     option.key.toLowerCase() === value.key.toLowerCase() &&
+        //     option.type.toLowerCase() === value.type.toLowerCase()
+        // }
+        // value={sourceFilterValue.filters}
+        // onChange={(_e, value) => {
+        //     let newValue = [...value]
+        //     if (newValue === null || newValue.length === 0) {
+        //         newValue = [sourceLookupValues[0]]
+        //     } else if (
+        //         newValue.length > 1 &&
+        //         newValue.findIndex(
+        //             (e) => e.type === ActivityPipelineActivityFilterSourceItemType.Wildcard
+        //         ) ===
+        //         newValue.length - 1
+        //     ) {
+        //         // Remove all but wildcard
+        //         newValue = newValue.filter(
+        //             (e) => e.type === ActivityPipelineActivityFilterSourceItemType.Wildcard
+        //         )
+        //     } else if (
+        //         newValue.find(
+        //             (e) => e.type !== ActivityPipelineActivityFilterSourceItemType.Wildcard
+        //         )
+        //     ) {
+        //         // Remove wildcard
+        //         newValue = newValue.filter(
+        //             (e) => e.type !== ActivityPipelineActivityFilterSourceItemType.Wildcard
+        //         )
+        //     }
+
+        //     onChange({
+        //         ...sourceFilterValue,
+        //         filters: newValue as any[],
+        //     } as ActivityPipelineActivitySourceFilter)
+        // }}
+        // renderInput={(params) => (
+        //     <TextField
+        //         {...params}
+        //         margin={noMargin ? 'dense' : 'normal'}
+        //         error={error}
+        //         size="small"
+        //         variant="standard"
+        //         slotProps={{
+        //             input: { ...params.InputProps, type: 'text' }
+        //         }}
+        //     />
+        // )}
+        />)
+    );
+}

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

@@ -0,0 +1,74 @@
+import { Box, Typography } from '@mui/material'
+import {
+    ActivityPipelineActivityFilterSourceItem,
+    ConditionComparer,
+} from '@seeka-labs-internal/lib-api-app'
+import React from 'react'
+import { ActivitySourceFilterSelect } from '../activitySourceFilterSelect'
+
+export const ActivitySourceFilterSelectFieldTypeName = 'activitySourceFilterSelect'
+
+const loadSourceLookupValues = async (
+    existingContext: any
+): Promise<ActivityPipelineActivityFilterSourceItem[]> => {
+    if (!existingContext.selectedBrand) return []
+
+    const result = await api.general.referenceData.getAllActivityFilterSources(
+        existingContext.selectedBrand.id
+    )
+    return result.result
+}
+
+export const LoadActivitySourceFilterSelectFieldTypeNameContext = async (
+    existingContext: any
+): Promise<any> => {
+    const promises = [loadSourceLookupValues(existingContext)]
+    await Promise.all(promises)
+
+    const result = {
+        [ActivitySourceFilterSelectFieldTypeName]: {
+            sourceLookupValues: await promises[0],
+        },
+    }
+
+    return result
+}
+
+export class ActivitySourceFilterSelectField extends React.Component<FieldProps> {
+    constructor(props: FieldProps) {
+        super(props)
+        this.state = {
+            ...(props.formData || {
+                filters: [],
+                comparer: ConditionComparer.Or,
+            }),
+        }
+    }
+
+    render() {
+        return (
+            <Box>
+                <Box display="flex" alignContent={'center'} alignItems={'center'}>
+                    <Typography
+                        variant="body1"
+                        style={{ display: 'inline-block', marginRight: '10px', marginTop: '4px' }}
+                    >
+                        On
+                    </Typography>
+                    <ActivitySourceFilterSelect
+                        id={'sourceFilter_' + this.props.name}
+                        sourceLookupValues={
+                            this.props.formContext.fieldContext[ActivitySourceFilterSelectFieldTypeName]
+                                ?.sourceLookupValues || []
+                        }
+                        sourceFilter={this.state as any}
+                        error={Boolean(this.props.rawErrors && this.props.rawErrors.length > 0)}
+                        onChange={(newValue) => {
+                            this.setState(newValue, () => this.props.onChange(this.state))
+                        }}
+                    />
+                </Box>
+            </Box>
+        )
+    }
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/seeka-labs-app-sdk-ui/shared/form/fields/event-pipeline/filter-row/index.tsx

@@ -0,0 +1,263 @@
+import {
+    CommerceActivityTrackingEventMetadata
+} from '@seeka-labs-internal/lib-api-app';
+
+import {
+    Box, Chip,
+    Grid,
+    TextField, Typography
+} from '@mui/material';
+import { RhfAutocomplete, RhfAutocompleteOption } from '@seeka-labs-internal/lib-react-common';
+import { isArray } from 'lodash-es';
+import { ActivityNameItem } from '../../activities';
+
+
+type EventPipelineFilterRowProps = {
+    activityNames: ActivityNameItem[]
+    sourceDomains: string[]
+    activityNameFieldName: string
+    activityNameFieldName: string
+}
+
+type ParameterKey = {
+    key: string
+    data: any
+}
+
+function flattenKeys(object: any, initialPathPrefix = ''): ParameterKey[] {
+    if (!object || typeof object !== 'object') {
+        return [{
+            key: initialPathPrefix,
+            data: object
+        }]
+    }
+
+    const prefix = initialPathPrefix
+        ? isArray(object)
+            ? initialPathPrefix
+            : `${initialPathPrefix}.`
+        : ''
+
+    return Object.keys(object)
+        .flatMap((key) =>
+            flattenKeys(
+                object[key],
+                isArray(object) ? `${prefix}[${key}]` : `${prefix}${key}`
+            ),
+        )
+}
+
+const getParameterNames = (_activityName: string) => {
+    const keys = flattenKeys(CommerceActivityTrackingEventMetadata.fromJS({}), '$')
+
+    // const a = ICommerceActivityTrackingEventMetadata['sourceChannelName']
+    // type b = NonNullable<CommerceActivityTrackingEventMetadata>['sourceChannelName']
+    // b['sourceChannelName'] = 'test'
+    // console.log('heree keys getParameterNames', ReturnType<b>, keys);
+
+    return [''].map((key) => {
+        return {
+            value: key,
+            label: key.replace(/\./, ' > ')
+        };
+    });
+}
+
+export const EventPipelineFilterRow = ({ activityNames, sourceDomains, fieldName }: EventPipelineFilterRowProps) => {
+    const domainOptions = ['any domain', ...sourceDomains];
+
+    const autocompleteOptions: RhfAutocompleteOption[] = activityNames.map(e => ({
+        title: e.label,
+        inputValue: e.key,
+        isCustomInputValue: Boolean(e.activityNameCustom)
+    }))
+
+    return (
+        (<Grid item xs={12}>
+            {/* <Grid container>
+                      <Grid item sm={6}>
+                        <Box display="flex" justifyContent="flex-start">
+                          
+                        </Box>
+                      </Grid>
+                      <Grid item sm={6}>
+                        <Box display="flex" justifyContent="flex-end">
+                          
+                        </Box>
+                      </Grid>
+                    </Grid> */}
+            <Box display="flex" alignContent={'center'} alignItems={'center'}>
+
+                {/* <Select
+                    labelId="filterLogType-label"
+                    id="filterLogType"
+                    variant='outlined'
+                // value={filterLogType}
+                // onChange={(e) => setFilterLogType(e.target.value as any)}
+                // input={<Input size='small' />}
+                // inputProps={}
+                >
+                    {activityNames.map((activityName) =>
+                    (<MenuItem value={activityName.value}>
+                        {activityName.label}
+                    </MenuItem>))}
+                </Select> */}
+                <Box display="flex" alignContent={'center'} alignItems={'center'}>
+                    <Typography variant='body1' style={{ display: 'inline-block', marginRight: '10px', marginTop: '4px' }}>When event</Typography>
+                    <RhfAutocomplete
+                        freeSolo
+                        name={fieldName}
+                        disableClearable
+                        options={autocompleteOptions}
+                        sx={{ display: 'inline-block', width: '220px', marginRight: '10px' }}
+                    // getOptionLabel={(option) => typeof option === 'string' ? option : option.label}
+                    // renderInput={(params) => (
+                    //     <TextField
+                    //         {...params}
+                    //         margin="normal"
+                    //         size='small'
+                    //         variant="standard"
+                    //         slotProps={{
+                    //             input: { ...params.InputProps, type: 'text' }
+                    //         }}
+                    //     />
+                    // )}
+                    />
+                    <Typography variant='body1' style={{ display: 'inline-block', marginTop: '4px', marginRight: '10px' }}>is tracked</Typography>
+                </Box>
+            </Box>
+            {/* <Box display="flex" alignContent={'center'} alignItems={'center'}>
+                <Autocomplete
+                    id="free-solo-3-demo"
+                    disableClearable
+                    options={[{ label: 'without considering parameters', value: 'None' }, { label: 'and has certain parameters', value: 'Filtered' }]}
+                    style={{ display: 'inline-block', width: '250px', marginRight: '10px' }}
+                    getOptionLabel={(option) => option.label}
+                    renderInput={(params) => (
+                        <TextField
+                            {...params}
+                            margin="normal"
+                            size='small'
+                            variant="standard"
+                            InputProps={{ ...params.InputProps, type: 'text' }}
+                        />
+                    )}
+                /> */}
+            {/* <Typography variant='body1' style={{ display: 'inline-block', marginRight: '10px', marginTop: '4px' }}>Parameter</Typography>
+                <Autocomplete
+                    id="free-solo-1-demo"
+                    disableClearable
+                    options={getParameterNames('') as any[]}
+                    style={{ display: 'inline-block', width: '250px', marginRight: '10px' }}
+                    getOptionLabel={(option) => option.label}
+                    renderInput={(params) => (
+                        <TextField
+                            {...params}
+                            margin="normal"
+                            size='small'
+                            variant="standard"
+                            InputProps={{ ...params.InputProps, type: 'text' }}
+                        />
+                    )}
+                />
+                <Autocomplete
+                    id="free-solo-4-demo"
+                    disableClearable
+                    options={getParameterNames('') as any[]}
+                    style={{ display: 'inline-block', width: '250px', marginRight: '10px' }}
+                    getOptionLabel={(option) => option.label}
+                    renderInput={(params) => (
+                        <TextField
+                            {...params}
+                            margin="normal"
+                            size='small'
+                            variant="standard"
+                            InputProps={{ ...params.InputProps, type: 'text' }}
+                        />
+                    )}
+                /> */}
+            {/* </Box> */}
+            <Box display="flex" alignContent={'center'} alignItems={'center'}>
+                <Typography variant='body1' style={{ display: 'inline-block', marginRight: '10px', marginTop: '4px' }}>On</Typography>
+                <RhfAutocomplete
+                    id="free-solo-6-demo"
+                    multiple
+                    options={domainOptions}
+                    freeSolo
+                    // fullWidth
+                    renderTags={(value, getTagProps) =>
+                        value.map((option, index) => {
+                            const p = getTagProps({ index })
+                            return (
+                                <Chip label={option} {...p} key={p.key} />
+                            )
+                        })
+                    }
+                    // style={{ display: 'inline-block', width: '250px', marginRight: '10px' }}
+                    // getOptionLabel={(option) => option.label}
+                    isOptionEqualToValue={(option, value) => option.toLowerCase() === value.toLowerCase()}
+                    defaultValue={[domainOptions[0]]}
+                    renderInput={(params) => (
+                        <TextField
+                            {...params}
+                            margin="normal"
+                            size='small'
+                            variant="outlined"
+                            slotProps={{
+                                input: { ...params.InputProps, type: 'text' }
+                            }}
+                        />
+                    )}
+                />
+                {/* <Autocomplete
+                    id="free-solo-6-demo"
+                    disableClearable
+                    options={sourceDomains}
+                    style={{ display: 'inline-block', width: '250px', marginRight: '10px' }}
+                    renderInput={(params) => (
+                        <TextField
+                            {...params}
+                            margin="normal"
+                            size='small'
+                            variant="standard"
+                            InputProps={{ ...params.InputProps, type: 'text' }}
+                        />
+                    )}
+                /> */}
+                {/* <Typography variant='body1' style={{ display: 'inline-block', marginRight: '10px', marginTop: '4px' }}>Parameter</Typography>
+                <Autocomplete
+                    id="free-solo-1-demo"
+                    disableClearable
+                    options={getParameterNames('') as any[]}
+                    style={{ display: 'inline-block', width: '250px', marginRight: '10px' }}
+                    getOptionLabel={(option) => option.label}
+                    renderInput={(params) => (
+                        <TextField
+                            {...params}
+                            margin="normal"
+                            size='small'
+                            variant="standard"
+                            InputProps={{ ...params.InputProps, type: 'text' }}
+                        />
+                    )}
+                />
+                <Autocomplete
+                    id="free-solo-4-demo"
+                    disableClearable
+                    options={getParameterNames('') as any[]}
+                    style={{ display: 'inline-block', width: '250px', marginRight: '10px' }}
+                    getOptionLabel={(option) => option.label}
+                    renderInput={(params) => (
+                        <TextField
+                            {...params}
+                            margin="normal"
+                            size='small'
+                            variant="standard"
+                            InputProps={{ ...params.InputProps, type: 'text' }}
+                        />
+                    )}
+                /> */}
+            </Box>
+        </Grid>)
+    );
+}

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { FormProvider as Form, UseFormReturn } from 'react-hook-form';
+
+type Props = {
+    children: ReactNode;
+    methods: UseFormReturn<any>;
+    onSubmit?: VoidFunction;
+};
+
+export function FormProvider({ children, onSubmit, methods }: Props) {
+    return (
+        <Form {...methods}>
+            <form onSubmit={onSubmit} style={{ marginLeft: 0, width: '100%' }}>{children}</form>
+        </Form>
+    );
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/seeka-labs-app-sdk-ui/shared/loading-spinner/index.tsx

@@ -0,0 +1,9 @@
+import { Box, CircularProgress } from "@mui/material"
+
+export const SeekaAppLoadingSpinner = () => {
+    return (
+        <Box mt={4}>
+            <center><CircularProgress /></center>
+        </Box>
+    )
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/seeka-labs-app-sdk-ui/utils/index.ts

@@ -0,0 +1,11 @@
+import { camelCase, startCase } from "lodash-es";
+
+export function sentenceCase(str: string) {
+    return startCase(camelCase(str))
+}
+
+export function sentenceCaseWithLowercase(str: string) {
+    const a = startCase(camelCase(str))
+
+    return a[0].toUpperCase() + a.slice(1).toLowerCase()
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/seeka-labs-app-sdk-ui/wizard/heading/index.tsx

@@ -0,0 +1,33 @@
+import { Box, Stack, Typography } from "@mui/material"
+
+type Props = {
+    image?: string
+    title?: string
+    children?: React.ReactNode
+}
+export const SeekaAppWizardHeading = ({ image, title, children }: Props) => {
+    return (
+        <Box>
+            <Stack spacing={2} alignItems="flex-start">
+                <Stack direction="row" spacing={2} alignItems="center">
+                    {image && <Box
+                        component="img"
+                        style={{ height: "40px", width: '40px' }}
+                        src={image}
+                        alt="Calendly logo"
+                    />}
+                    <Typography variant="h4" color="text.primary">
+                        {title}
+                    </Typography>
+                </Stack>
+
+                {children && <Typography
+                    variant="body2"
+                    color="text.secondary"
+                >
+                    {children}
+                </Typography>}
+            </Stack>
+        </Box>
+    )
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/seeka-labs-app-sdk-ui/wizard/step/actions/index.tsx

@@ -0,0 +1,12 @@
+import { Stack } from "@mui/material"
+
+type Props = {
+    children: React.ReactNode
+}
+export const SeekaAppWizardStepActions = ({ children }: Props) => {
+    return (
+        <Stack alignItems={'center'} justifyContent={'space-between'} sx={{ width: '100%', mt: 2 }} direction={'row'}>
+            {children}
+        </Stack>
+    )
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/seeka-labs-app-sdk-ui/wizard/step/content/index.tsx

@@ -0,0 +1,24 @@
+import { Box, Stack, Typography } from "@mui/material"
+
+type Props = {
+    title?: string
+    subtitle?: string
+    children: React.ReactNode
+}
+export const SeekaAppWizardStepContent = ({ title, subtitle, children }: Props) => {
+    return (
+        <Box>
+            <Stack spacing={1} alignItems="flex-start" sx={{ width: '100%' }}>
+                {title && <Typography variant="h5" color="text.primary">
+                    {title}
+                </Typography>}
+                <Stack spacing={0} alignItems="flex-start" sx={{ width: '100%' }}>
+                    {subtitle && <Typography variant="subtitle2" color="text.primary">
+                        {subtitle}
+                    </Typography>}
+                    {children}
+                </Stack>
+            </Stack>
+        </Box>
+    )
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/src/seeka-labs-app-sdk-ui/wizard/step/index.tsx

@@ -0,0 +1,16 @@
+import { SeekaAppLoadingSpinner } from "@/seeka-labs-app-sdk-ui/shared/loading-spinner"
+import { Box, Stack } from "@mui/material"
+
+type Props = {
+    children?: React.ReactNode
+    loading?: boolean
+}
+export const SeekaAppWizardStep = ({ children, loading }: Props) => {
+    return (
+        loading ? <SeekaAppLoadingSpinner /> : <Box>
+            <Stack spacing={4} sx={{ width: '100%' }} alignItems="flex-start">
+                {children}
+            </Stack>
+        </Box>
+    )
+}

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

@@ -0,0 +1,12 @@
+/// <reference types="vite/client" />
+interface ViteTypeOptions {
+    strictImportMetaEnv: unknown
+}
+
+interface ImportMetaEnv {
+    readonly VITE_BASE_URL: string
+}
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/tsconfig.json

@@ -0,0 +1,35 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "allowJs": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true,
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+
+    /* Paths */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src", "vite.config.ts"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/dist/ai-context/internal/examples/v2/calendly/app/ui/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}