@fernir2/saas-kit-cli 0.1.4 → 0.1.6

package/src/lm/lead/action-dropdown/LeadActionDropdown.jsx

@@ -1,39 +0,0 @@
-"use client";
-import { FdDropdownMenu, FdDropdownMenuContent, FdDropdownMenuItem, FdDropdownMenuTrigger, } from "@fd-component-toolbox/dropdown-menu/FdDropdownMenu";
-import { FdIcon } from "@fd-component-toolbox/icon/FdIcon";
-import { FdButton } from "@fd-component-toolbox/button/FdButton";
-import { createElement, Fragment, useCallback, useContext, useState } from "react";
-import { ResourceListContext } from "@meta/resource-list/ResourceList";
-import { Spinner } from "@fd-component-toolbox/spinner/Spinner";
-import { handleActionClick, handleDropdownOpenChange, } from "@/lm/lead/action-dropdown/LeadActionDropdown.funcs";
-export function LeadActionDropdown({ actions }) {
-    const resourceListContext = useContext(ResourceListContext);
-    const [isMenuOpened, setIsMenuOpened] = useState(false);
-    const [isHidden, setIsHidden] = useState(false);
-    const [isLoading, setIsLoading] = useState(false);
-    const onDropdownOpenChange = useCallback((open) => {
-        handleDropdownOpenChange(open, setIsMenuOpened, setIsHidden);
-    }, []);
-    return (<FdDropdownMenu open={isMenuOpened} onOpenChange={onDropdownOpenChange}>
-            <FdDropdownMenuTrigger asChild>
-                <FdButton className="inline-flex w-fit items-center py-5 lg:ml-2" variant="outline" size="default">
-                    {isLoading && <Spinner size="small" className="mr-2"/>}
-                    Actions
-                </FdButton>
-            </FdDropdownMenuTrigger>
-            <FdDropdownMenuContent align="start" className={isHidden ? "hidden" : ""}>
-                {actions.map(({ label, iconName, onClick, component }) => (<Fragment key={label}>
-                        {component ? (createElement(component, {
-                label,
-                iconName,
-                setIsMenuOpened,
-                setIsHidden,
-                setIsLoading,
-            })) : (<FdDropdownMenuItem className="flex w-full cursor-pointer justify-start gap-2" onClick={() => handleActionClick(onClick, setIsLoading, resourceListContext)}>
-                                {iconName && <FdIcon name={iconName}/>}
-                                {label}
-                            </FdDropdownMenuItem>)}
-                    </Fragment>))}
-            </FdDropdownMenuContent>
-        </FdDropdownMenu>);
-}

package/src/lm/lead/actions/move-to-group-action/LeadMoveToGroupAction.jsx

@@ -1,28 +0,0 @@
-"use client";
-import { useCallback, useContext, useState } from "react";
-import { FdIcon } from "@fd-component-toolbox/icon/FdIcon";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-import { getPropertyMeta } from "@meta/edit-resource/services/property-metas";
-import { ResourceListContext } from "@meta/resource-list/ResourceList";
-import { resourceNames } from "@fd-toolbox/resources/resource-names";
-import { leadToLeadGroupProps } from "@common/leads/props/lead-to-lead-group-props";
-import { FdBrowserDialog } from "@meta/browsers/browser/browser-dialog/FdBrowserDialog";
-import { closeLeadMoveToGroupDialog, handleCloseDialogWithStateReset, } from "@/lm/lead/actions/move-to-group-action/LeadMoveToGroupAction.funcs";
-import { FdDropdownMenuItem } from "@fd-component-toolbox/dropdown-menu/FdDropdownMenu";
-export function LeadMoveToGroupAction({ label, iconName, setIsMenuOpened, setIsHidden, setIsLoading, }) {
-    const [relatedResourcePropertyMeta, setRelatedResourcePropertyMeta] = useState();
-    const resourceListContext = useContext(ResourceListContext) ?? undefined;
-    useAsyncEffect(async () => {
-        setRelatedResourcePropertyMeta(await getPropertyMeta(leadToLeadGroupProps.leadGroupId, resourceNames.leadToLeadGroup));
-    }, []);
-    const onCloseDialog = useCallback(async (leadGroup) => {
-        await closeLeadMoveToGroupDialog(setIsLoading, resourceListContext, leadGroup);
-    }, [resourceListContext, setIsLoading]);
-    if (!relatedResourcePropertyMeta) {
-        return null;
-    }
-    return (<FdBrowserDialog trigger={<FdDropdownMenuItem className="flex w-full cursor-pointer justify-start gap-2" onSelect={(event) => event.preventDefault()} onClick={() => setIsHidden(true)}>
-                    {iconName && <FdIcon name={iconName}/>}
-                    {label}
-                </FdDropdownMenuItem>} currentResourceId={relatedResourcePropertyMeta.id} propertyMeta={relatedResourcePropertyMeta} closeDialog={handleCloseDialogWithStateReset(onCloseDialog, setIsMenuOpened)}/>);
-}

package/src/lm/lead/cell-templates/LeadBusinessInfoCellTemplate.jsx

@@ -1,64 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-import { LeadGooglePlaceInfo } from "@/lm/lead/lead-google-place/LeadGooglePlaceInfo";
-import { LeadGooglePlaceIndicators } from "@/lm/lead/lead-google-place/LeadGooglePlaceIndicators";
-import { iconNames } from "@fd-component-toolbox/icon/FdIcon";
-import { LeadGooglePlaceIndicator } from "@/lm/lead/lead-google-place/LeadGooglePlaceIndicator";
-import { FdWebsiteScanResult } from "@client/website-scan/FdWebsiteScanResult";
-import { lmTooltipLabels } from "@/lm/constants/lm-tooltip-labels";
-export function LeadBusinessInfoCellTemplate({ resource }) {
-    const [websiteScanResult, setWebsiteScanResult] = useState();
-    useEffect(() => {
-        setWebsiteScanResult(resource.websiteScanResult);
-    }, [resource]);
-    return (<div className="flex flex-col">
-            <LeadGooglePlaceInfo resource={resource}/>
-            <LeadGooglePlaceIndicators indicators={[
-            {
-                content: (<LeadGooglePlaceIndicator icon={iconNames.fileText} isActive={!!resource.description}/>),
-                tooltip: (<p>
-                                {resource.description
-                        ? `${lmTooltipLabels.description}: ${resource.description}`
-                        : `${lmTooltipLabels.hasNo} ${lmTooltipLabels.description}`}
-                            </p>),
-            },
-            {
-                content: (<LeadGooglePlaceIndicator icon={iconNames.clock} isActive={!!resource.workingHours}/>),
-                tooltip: !resource.workingHours ? (<p>{`${lmTooltipLabels.hasNo} ${lmTooltipLabels.workingHours}`}</p>) : (<div className="flex flex-col gap-1">
-                                {resource.workingHours.split(",").map((value) => (<p key={value}>{value}</p>))}
-                            </div>),
-            },
-            {
-                content: (<LeadGooglePlaceIndicator icon={iconNames.image} isActive={resource.numberOfImages !== undefined && resource.numberOfImages > 0}>
-                                {resource.numberOfImages}
-                            </LeadGooglePlaceIndicator>),
-                tooltip: (<p>
-                                {resource.numberOfImages
-                        ? `${lmTooltipLabels.numberOfImages}: ${resource.numberOfImages}`
-                        : `${lmTooltipLabels.hasNo} ${lmTooltipLabels.images}`}
-                            </p>),
-            },
-            {
-                content: (<LeadGooglePlaceIndicator icon={iconNames.camera} isActive={resource.numberOfVideos !== undefined && resource.numberOfVideos > 0}>
-                                {resource.numberOfVideos}
-                            </LeadGooglePlaceIndicator>),
-                tooltip: (<p>
-                                {resource.numberOfVideos
-                        ? `${lmTooltipLabels.numberOfVideos}: ${resource.numberOfVideos}`
-                        : `${lmTooltipLabels.hasNo} ${lmTooltipLabels.videos}`}
-                            </p>),
-            },
-            {
-                content: (<LeadGooglePlaceIndicator icon={iconNames.pencil2} isActive={resource.numberOfPosts !== undefined && resource.numberOfPosts > 0}>
-                                {resource.numberOfPosts}
-                            </LeadGooglePlaceIndicator>),
-                tooltip: (<p>
-                                {resource.numberOfPosts
-                        ? `${lmTooltipLabels.numberOfPosts}: ${resource.numberOfPosts}`
-                        : `${lmTooltipLabels.hasNo} ${lmTooltipLabels.posts}`}
-                            </p>),
-            },
-        ]}/>
-            {websiteScanResult && <FdWebsiteScanResult websiteScanResult={websiteScanResult}/>}
-        </div>);
-}

package/src/lm/lead/cell-templates/LeadScanAction.jsx

@@ -1,15 +0,0 @@
-import { FdIcon } from "@fd-component-toolbox/icon/FdIcon";
-import { useCallback, useContext } from "react";
-import { FdDropdownMenuItem } from "@fd-component-toolbox/dropdown-menu/FdDropdownMenu";
-import { scanLeadWebsite } from "@/lm/lead/cell-templates/LeadScanAction.funcs";
-import { ResourceListContext } from "@meta/resource-list/ResourceList";
-export function LeadScanAction({ label, iconName, setIsLoading }) {
-    const resourceListContext = useContext(ResourceListContext) ?? undefined;
-    const onScan = useCallback(async () => {
-        scanLeadWebsite(setIsLoading, resourceListContext);
-    }, [setIsLoading, resourceListContext]);
-    return (<FdDropdownMenuItem className="flex w-full cursor-pointer justify-start gap-2" onClick={onScan}>
-            {iconName && <FdIcon name={iconName}/>}
-            {label}
-        </FdDropdownMenuItem>);
-}

package/src/lm/lead/lead-google-place/LeadGooglePlaceIndicator.jsx

@@ -1,8 +0,0 @@
-import { FdIcon, iconSizes } from "@fd-component-toolbox/icon/FdIcon";
-import { cn } from "@fd-toolbox/lib/utils";
-export function LeadGooglePlaceIndicator({ icon, isActive, children }) {
-    return (<>
-            <FdIcon name={icon} size={iconSizes.small} className={cn("text-muted-foreground", isActive && "text-fd-accent")}/>
-            <p className={cn("text-muted-foreground", isActive && "text-fd-accent")}>{children}</p>
-        </>);
-}

package/src/lm/lead/lead-google-place/LeadGooglePlaceIndicators.jsx

@@ -1,17 +0,0 @@
-import { FdButton } from "@fd-component-toolbox/button/FdButton";
-import { FdTooltipProvider, FdTooltip, FdTooltipTrigger, FdTooltipContent, } from "@fd-component-toolbox/tooltip/FdTooltip";
-import { cn } from "@fd-toolbox/lib/utils";
-export function LeadGooglePlaceIndicators({ indicators, cssClass }) {
-    return (<div className={cn("flex flex-row gap-3", cssClass)}>
-            {indicators.map(({ tooltip, content }) => (<FdTooltipProvider key={`${content.toString()}_${tooltip ? tooltip.toString() : ""}`}>
-                    <FdTooltip>
-                        <FdTooltipTrigger asChild>
-                            <FdButton size="sm" variant="icon" className="m-0 flex flex-row gap-1 p-0">
-                                {content}
-                            </FdButton>
-                        </FdTooltipTrigger>
-                        <FdTooltipContent>{tooltip}</FdTooltipContent>
-                    </FdTooltip>
-                </FdTooltipProvider>))}
-        </div>);
-}

package/src/lm/lead/lead-google-place/LeadGooglePlaceInfo.jsx

@@ -1,15 +0,0 @@
-"use client";
-import { FdFadeOutText } from "@fd-component-toolbox/fade-out-text/FdFadeOutText";
-export function LeadGooglePlaceInfo({ resource }) {
-    return (<div className="flex flex-col gap-1">
-            <FdFadeOutText>
-                <p className="text-foreground">{resource.name}</p>
-            </FdFadeOutText>
-            <FdFadeOutText>
-                <p className="text-muted-foreground">{resource.phoneNumber}</p>
-            </FdFadeOutText>
-            <FdFadeOutText>
-                <p className="text-muted-foreground">{resource.address}</p>
-            </FdFadeOutText>
-        </div>);
-}

package/src/lm/lead/view/LeadsView.jsx

@@ -1,8 +0,0 @@
-"use client";
-import { ResourceList } from "@meta/resource-list/ResourceList";
-import { resourceNames } from "@fd-toolbox/resources/resource-names";
-export function LeadsView() {
-    return (<div className="flex min-h-screen flex-col items-center gap-10 overflow-auto p-10">
-            <ResourceList resourceName={resourceNames.lead}/>
-        </div>);
-}

package/src/lm/pages/HomePage.jsx

@@ -1,53 +0,0 @@
-"use client";
-import { resourceNames } from "@fd-toolbox/resources/resource-names";
-import { ResourceList } from "@meta/resource-list/ResourceList";
-import { LmCardReport } from "@/lm/components/LmCardReport";
-import { useEffect, useState } from "react";
-import { permissionNames } from "@fd-toolbox/constants/permission-names-constants";
-import { hasPermission } from "@meta/auth/permissions/permission-checker";
-import { iconNames } from "@fd-component-toolbox/icon/FdIcon";
-import { tableCustomActionTypes } from "@meta/table/table-models";
-import { leadGroupCustomActionName, viewRelatedLeads, } from "@/lm/lead-group/table-custom-action/lead-group-table-custom-action";
-import { fdFilterListPositions } from "@meta/filtering/filter-list-positions";
-import { resourceEditModes } from "@fd-toolbox/constants/resource-list-configs-enums";
-import { capitalizeString } from "@fd-toolbox/strings/case-converters";
-export function getLeadGroupResourceListConfig() {
-    const defaultConfig = {
-        tableConfig: {
-            excludeColumns: [],
-            customActions: [],
-            filterListPosition: fdFilterListPositions.top,
-            editMode: resourceEditModes.default,
-            multiSelect: false,
-        },
-    };
-    defaultConfig.tableConfig.customActions ??= [];
-    defaultConfig.tableConfig.customActions.push({
-        name: leadGroupCustomActionName,
-        icon: iconNames.visibility,
-        actionType: tableCustomActionTypes.icon,
-        cellAction: viewRelatedLeads,
-    });
-    return defaultConfig;
-}
-export default function HomePage({ subscriptionData }) {
-    const resourceName = resourceNames.leadGroup;
-    const [hasLmPermission, setHasLmPermission] = useState(false);
-    useEffect(() => {
-        setHasLmPermission(hasPermission(permissionNames.viewHomePageDashboard));
-    }, []);
-    return (<div className="m-8 flex flex-col gap-4">
-            <h1 className="text-xl font-bold">Lead Groups</h1>
-            <ResourceList resourceName={resourceName} resourceListConfig={getLeadGroupResourceListConfig()} showFilters={true}/>
-            {hasLmPermission && (
-        /// replace the div below with the fragment after creating the dashboard component
-        <div className="hidden">
-                    <h1 className="mt-6 text-xl font-bold">Dashboards</h1>
-                    <div className="flex w-full flex-row flex-wrap gap-4 p-2">
-                        {Array.from(subscriptionData.entries()).map(([planId, data]) => (<div key={planId} className="flex">
-                                <LmCardReport title={capitalizeString(data.name)} value={`ARR: $${data.totalPrice}`} subtitle={`Count: ${data.count}`} className="flex h-32 w-56 flex-col justify-between"/>
-                            </div>))}
-                    </div>
-                </div>)}
-        </div>);
-}