@fernir2/saas-kit-cli 0.1.4 → 0.1.5

package/packages/level2/meta/view/FdViewSheet.jsx

@@ -1,103 +0,0 @@
-"use client";
-import { FdSheet, FdSheetTrigger, FdSheetContent, FdSheetTitle, FdSheetHeader, FdSheetDescription, } from "@fd-component-toolbox/sheet/FdSheet";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { emptyGuid } from "@fd-toolbox/constants/constants";
-import { metaQueryParams } from "@fd-toolbox/constants/meta-query-params";
-import { FdView } from "@meta/view/FdView";
-import { resourceEditModes } from "@fd-toolbox/constants/resource-list-configs-enums";
-import { FdEditResource } from "@meta/edit-resource/FdEditResource";
-import { getEditMode } from "@meta/resource-list/resource-list-configs";
-import { getViewConfig } from "@meta/view/config/view-list-config";
-import { cn } from "@fd-toolbox/lib/utils";
-import { elements } from "@fd-toolbox/constants/elements";
-import { handleCancelClick, handleDeleteClick, handleOpenChange, handleSaveComplete, } from "@meta/view/FdViewSheet.funcs";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-import { fetchUiResourceMeta } from "@meta/ui-meta-providers";
-import { viewNames } from "@meta/view/view-names";
-import { isUuidSet } from "@fd-toolbox/functions/value-checking-functions";
-/**
- * A sheet component that displays views in a sliding panel overlay.
- *
- * This component provides a modal-like interface for {@link FdView}.
-
- *
- * @param props - {@link FdViewSheetProps}
- *
- * @example
- * ```tsx
- * <FdViewSheet
- *     id="123e4567-e89b-12d3-a456-426614174000"
- *     resourceName="student"
- *     onRefreshResources={onRefreshResources}
- * >
- *     <FdButton variant="outline">
- *         View Details
- *     </FdButton>
- * </FdViewSheet>
- * ```
- */
-export function FdViewSheet({ id: propId, resourceName, children, onEditClick, onRefreshResources, onCloseClick, defaultTab, uiResourceMeta: uiResourceMetaProp, editMode: editModeProp, }) {
-    const [isOpen, setIsOpen] = useState(false);
-    const [relatedResourceId, setRelatedResourceId] = useState();
-    const [relatedResourceName, setRelatedResourceName] = useState();
-    const [uiResourceMeta, setUiResourceMeta] = useState();
-    const viewConfig = useMemo(() => (resourceName ? getViewConfig(resourceName) : undefined), [resourceName]);
-    const enhanceParams = (search) => new URLSearchParams(search);
-    const params = enhanceParams(window.location.search);
-    const paramsId = params.get(metaQueryParams.id) ?? undefined;
-    const paramsResourceName = params.get(metaQueryParams.resource) ?? undefined;
-    const resolvedResourceName = resourceName ?? params.get(metaQueryParams.resource) ?? "";
-    const resourceId = (isUuidSet(propId) && propId) || (isUuidSet(paramsId) && paramsId) || emptyGuid;
-    const isNew = !isUuidSet(resourceId);
-    const defaultData = params.get(metaQueryParams.default);
-    const defaultDataParams = enhanceParams(defaultData ?? "");
-    const defaultDataName = defaultDataParams.get(metaQueryParams.relatedResourceName);
-    const defaultDataValue = defaultDataParams.get(metaQueryParams.relatedResourceId);
-    const editMode = editModeProp ?? getEditMode();
-    useAsyncEffect(async () => {
-        if (editMode === resourceEditModes.simple) {
-            let uiMeta = uiResourceMetaProp;
-            uiMeta ??= await fetchUiResourceMeta(resolvedResourceName);
-            setUiResourceMeta(uiMeta);
-        }
-    });
-    useEffect(() => {
-        if (defaultDataName && defaultDataValue) {
-            setRelatedResourceName(defaultDataName);
-            setRelatedResourceId(defaultDataValue);
-        }
-    }, [defaultDataName, defaultDataValue]);
-    const onOpenChange = useCallback(async (open) => {
-        handleOpenChange(open, setIsOpen, resolvedResourceName, paramsId ?? undefined, paramsResourceName ?? undefined, propId, onEditClick, editMode, onCloseClick);
-    }, [editMode, paramsId, resolvedResourceName, paramsResourceName, onCloseClick, propId, onEditClick]);
-    const onSaveComplete = useCallback(() => {
-        handleSaveComplete(onOpenChange, onRefreshResources, onCloseClick);
-    }, [onRefreshResources, onOpenChange, onCloseClick]);
-    const onCancelClick = useCallback(() => {
-        handleCancelClick(onOpenChange, onCloseClick);
-    }, [onOpenChange, onCloseClick]);
-    const onDeleteComplete = useCallback(() => {
-        handleDeleteClick(onOpenChange, onCloseClick);
-    }, [onOpenChange, onCloseClick]);
-    return (<div onClick={(e) => e.stopPropagation()}>
-            <FdSheet open={isOpen} onOpenChange={onOpenChange}>
-                <FdSheetTrigger id={elements.table.editButton + propId} asChild>
-                    {children}
-                </FdSheetTrigger>
-                <FdSheetContent className={cn("overflow-y-auto py-8 pl-2 sm:pl-6", editMode === resourceEditModes.default
-            ? "w-full pr-0 sm:w-3/4"
-            : "w-full pr-4 sm:w-2/3 lg:w-7/12 xl:w-2/5")}>
-                    <FdSheetHeader>
-                        <FdSheetDescription></FdSheetDescription>
-                    </FdSheetHeader>
-                    <FdSheetTitle className="absolute -m-px size-px overflow-hidden whitespace-nowrap border-0 p-0 text-transparent">
-                        SheetContent
-                    </FdSheetTitle>
-                    <div className="h-full">
-                        {(editMode === resourceEditModes.default && (<FdView resourceName={resolvedResourceName} resourceId={resourceId} onSaveComplete={onSaveComplete} onCancelClick={onCancelClick} onDeleteComplete={onDeleteComplete} defaultTab={defaultTab} viewConfigProp={viewConfig} viewName={viewNames.viewResource} onRefreshResource={onRefreshResources}/>)) ||
-            (uiResourceMeta && editMode === resourceEditModes.simple && (<FdEditResource uiResourceMeta={uiResourceMeta} resourceId={resourceId} isNew={isNew} onSaveComplete={onSaveComplete} onDeleteComplete={onDeleteComplete} onCancelClick={onCancelClick} onRefreshResource={onRefreshResources} relatedResourceId={relatedResourceId} relatedResourceName={relatedResourceName} showSavingStatus={true}/>))}
-                    </div>
-                </FdSheetContent>
-            </FdSheet>
-        </div>);
-}

package/packages/level2/meta/view/view-resource/FdViewResource.jsx

@@ -1,108 +0,0 @@
-"use client";
-import { cn } from "@fd-toolbox/lib/utils";
-import { tabsNames, viewLayoutTypes } from "@meta/view/view-constants";
-import FdNavigation from "@fd-component-toolbox/navigation/FdNavigation";
-import { getViewNavigationItems, initializeMultiListResources, onViewMultiListRelationChange, onRelationUnassign, } from "@meta/view/FdView.funcs";
-import { FdEditResource } from "@meta/edit-resource/FdEditResource";
-import { FdTabs, FdTabsList, FdTabsTrigger } from "@fd-component-toolbox/tabs/FdTabs";
-import FdMultiList from "@meta/components/multi-list/FdMultiList";
-import { FdCommentList } from "@meta/comment/FdCommentList";
-import { useCallback, useMemo, useState } from "react";
-import { fdMultiListTypes, } from "@meta/components/multi-list/multi-list-types";
-import { getDefaultEditResourceConfig, getEditResourceConfig, } from "@meta/edit-resource/config/fd-edit-resource-configs";
-import { getViewConfig } from "@meta/view/config/view-list-config";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-import { elementSuffixes } from "@fd-toolbox/constants/element-suffixes";
-import { FdSaveStatus } from "@fd-component-toolbox/save-status/FdSaveStatus";
-import { onSavingViewResourceStart } from "@meta/view/view-resource/FdViewResource.funcs";
-/**
- * A universal component for displaying resources in any mode, {@link FdEditResource}, {@link FdMultiList} or others.
-
- *
- * The layout can be configured to use either navigation or tabbed interface based on the view configuration.
- *
- * @param props - {@link FdViewResourceProps}
- *
- * @example
- * ```tsx
- * <FdViewResource
- *     resourceId="d4507481-8b33-46e7-9c2e-606daab170cc"
- *     hasId={true}
- *     resourceName="student"
- *     onDeleteComplete={onDeleteComplete}
- *     onCancelClick={onCancelClick}
- *     onSaveComplete={onSaveComplete}
- *     viewConfigProp={viewConfigProp}
- *     defaultTab={defaultTab}
- * />
- * ```
- */
-export function FdViewResource({ resourceName, resourceId, hasId, viewConfigProp, onDeleteComplete, onSaveComplete, defaultTab, onCancelClick, onRefreshData, }) {
-    const [multiListItems, setMultiListItems] = useState([]);
-    const [editConfig, setEditConfig] = useState(resourceName ? getEditResourceConfig(resourceName) : getDefaultEditResourceConfig(resourceName));
-    const [uiResourceMeta, setUiResourceMeta] = useState(undefined);
-    const [resource, setResource] = useState();
-    const [multiListType, setMultiListType] = useState(fdMultiListTypes.resource);
-    const [activeTab, setActiveTab] = useState(defaultTab ?? tabsNames.overview);
-    const [isLoadComplete, setIsLoadComplete] = useState(false);
-    const [commentList, setCommentList] = useState([]);
-    const [activeSaveOperations, setActiveSaveOperations] = useState(0);
-    const [hasSavedOnce, setHasSavedOnce] = useState(false);
-    const viewConfig = useMemo(() => viewConfigProp ?? getViewConfig(resourceName), [viewConfigProp, resourceName]);
-    useAsyncEffect(async () => {
-        await initializeMultiListResources(resourceName, resourceId, viewConfig, setMultiListItems, setMultiListType, editConfig, setEditConfig, setResource, setUiResourceMeta, setIsLoadComplete, hasId, setCommentList);
-    });
-    const onRelationUnassignCallback = useCallback(async (context, multiListItem) => {
-        await onRelationUnassign(context, multiListItem, uiResourceMeta.resourceMeta, resource);
-    }, [resource, uiResourceMeta]);
-    const onViewMultiListRelationChangeCallback = useCallback((multiListItem, newRelatedResource) => {
-        onViewMultiListRelationChange(multiListItem, uiResourceMeta.resourceMeta, resource, newRelatedResource);
-    }, [resource, uiResourceMeta?.resourceMeta]);
-    const onSavingStarting = useCallback(() => {
-        onSavingViewResourceStart(hasSavedOnce, setHasSavedOnce, setActiveSaveOperations);
-    }, [hasSavedOnce]);
-    const onSavingEnding = useCallback(() => {
-        setActiveSaveOperations((prev) => prev - 1);
-    }, []);
-    return (isLoadComplete && (<div className="relative h-full">
-                {hasSavedOnce && (<div className="absolute right-9 top-1.5">
-                        <FdSaveStatus isSaved={activeSaveOperations === 0}/>
-                    </div>)}
-                <div className={cn("flex w-full flex-col justify-center lg:h-full lg:flex-row lg:overflow-hidden", multiListItems.length && "justify-around")} id={`${resourceName}${elementSuffixes.viewResource}`}>
-                    {viewConfig.layoutType === viewLayoutTypes.navigation ? (<div className="sticky max-h-full min-h-min shrink-0 border-input">
-                            <FdNavigation isOpen={true} config={{ name: "", items: getViewNavigationItems(multiListItems) }}/>
-                        </div>) : (<div className="h-1/2 w-full shrink-0 overflow-y-auto pr-2 lg:h-full lg:w-1/3 lg:pr-1">
-                            {uiResourceMeta && (<FdEditResource resourceId={resourceId} isNew={!hasId} onSaveComplete={onSaveComplete} onCancelClick={onCancelClick} onDeleteComplete={onDeleteComplete} config={editConfig} uiResourceMeta={uiResourceMeta} resource={resource} onSavingStarting={onSavingStarting} onSavingEnding={onSavingEnding} onRefreshResource={onRefreshData}/>)}
-                        </div>)}
-                    <div className="my-4 h-px w-full pr-2 lg:ml-2 lg:mr-6 lg:mt-0 lg:h-auto lg:min-h-full lg:w-px lg:pr-0">
-                        <div className="size-full bg-border"/>
-                    </div>
-                    {hasId && (<FdTabs value={String(activeTab)} className="flex h-1/2 w-full flex-col overflow-y-auto pr-2 lg:h-full lg:overflow-hidden lg:pr-0">
-                            <FdTabsList className="flex items-end text-sm">
-                                {!!multiListItems.length && (<FdTabsTrigger onClick={() => setActiveTab(tabsNames.overview)} value={String(tabsNames.overview)} className="flex h-full min-w-32 items-center justify-center rounded-tl-md border px-1 py-3 outline-none hover:text-subtle-500 data-[state=active]:border-b-0 data-[state=inactive]:bg-muted data-[state=active]:font-semibold data-[state=active]:text-muted-foreground">
-                                        Overview
-                                    </FdTabsTrigger>)}
-                                {viewConfig.isCommentTabVisible && (<FdTabsTrigger onClick={() => setActiveTab(tabsNames.comments)} value={String(tabsNames.comments)} className={cn("flex h-full min-w-32 items-center justify-center rounded-tr-md border px-1 py-3 outline-none hover:text-subtle-500 data-[state=active]:border-b-0 data-[state=inactive]:bg-muted data-[state=active]:font-semibold data-[state=active]:text-muted-foreground", { "rounded-tl-md": multiListItems?.length === 0 })}>
-                                        Comments
-                                    </FdTabsTrigger>)}
-                                <hr className="h-px w-full border-t"/>
-                            </FdTabsList>
-                            <div className={cn("h-full max-w-full overflow-y-auto overflow-x-hidden pt-7", activeTab !== tabsNames.overview ? "hidden" : "visible")}>
-                                <div className="flex w-full grow-0 basis-full flex-col gap-y-10 overflow-y-auto overflow-x-hidden">
-                                    <FdMultiList tableConfig={viewConfig.tableConfig} multiListItems={multiListItems} type={multiListType} onCustomAction={onRelationUnassignCallback} onMultiListResourceRelationChange={onViewMultiListRelationChangeCallback} commentList={commentList} onSavingStarting={() => {
-                setActiveSaveOperations((prev) => prev + 1);
-            }} onSavingEnding={() => {
-                setActiveSaveOperations((prev) => prev - 1);
-            }}/>
-                                </div>
-                            </div>
-                            <div className={cn("h-full max-w-full overflow-y-auto overflow-x-hidden pt-3", activeTab !== tabsNames.comments ? "hidden" : "visible")}>
-                                <div className="mt-2 flex w-full grow-0 basis-full flex-col gap-y-10 overflow-y-auto overflow-x-hidden">
-                                    <FdCommentList resourceName={resourceName} resourceId={resourceId} resources={commentList}/>
-                                </div>
-                            </div>
-                        </FdTabs>)}
-                </div>
-            </div>));
-}
-export default FdViewResource;

package/packages/level2/meta/view/view-resource/templates/ManyToOneTableHeaderCellTemplate.jsx

@@ -1,13 +0,0 @@
-import { FdBrowserDialog } from "@meta/browsers/browser/browser-dialog/FdBrowserDialog";
-import { FdTableHeaderActionButton } from "@meta/table/header-cell/FdTableHeaderCellActionButton";
-import { iconNames } from "@fd-component-toolbox/icon/FdIcon";
-import { useCallback } from "react";
-export function ManyToOneTableHeaderCellTemplate({ parentResourcePropertyMeta, resourceId, multiListItem, onViewMultiListRelationChange, onCustomAction, }) {
-    const onBrowserCloseDialog = useCallback((newRelatedResource) => {
-        if (!newRelatedResource?.id)
-            return;
-        onViewMultiListRelationChange(multiListItem, newRelatedResource);
-        onCustomAction();
-    }, [multiListItem, onViewMultiListRelationChange, onCustomAction]);
-    return (<FdBrowserDialog propertyMeta={parentResourcePropertyMeta} currentResourceId={resourceId} closeDialog={onBrowserCloseDialog} trigger={<FdTableHeaderActionButton tooltipText="Change" icon={iconNames.link}/>}/>);
-}

package/src/app/error.jsx

@@ -1,5 +0,0 @@
-"use client";
-import { FdErrorFallback } from "@client/components/error-fallback/FdErrorFallback";
-export default function ErrorFallback({ error, reset }) {
-    return <FdErrorFallback error={error} reset={reset}/>;
-}

package/src/app/global-error.jsx

@@ -1,5 +0,0 @@
-"use client";
-import { FdErrorFallback } from "@client/components/error-fallback/FdErrorFallback";
-export default function GlobalError({ error, reset }) {
-    return <FdErrorFallback error={error} reset={reset}/>;
-}

package/src/app/loading.jsx

@@ -1,11 +0,0 @@
-import { FdImage } from "@fd-component-toolbox/image/FdImage";
-export default async function Loading() {
-    return (<div className="flex size-full flex-col items-center justify-center gap-6">
-            <FdImage src="/favicon.ico" alt="Fernir Logo" width={40} height={40} className="opacity-90"/>
-            <div className="flex gap-2">
-                <span className="size-2 animate-bounce rounded-full bg-fd-tertiary-900 delay-0"/>
-                <span className="size-2 animate-bounce rounded-full bg-fd-tertiary-900 delay-150"/>
-                <span className="size-2 animate-bounce rounded-full bg-fd-tertiary-900 delay-300"/>
-            </div>
-        </div>);
-}

package/src/hd/footer/HdFooter.jsx

@@ -1,27 +0,0 @@
-import React from "react";
-import { FdImage } from "@fd-component-toolbox/image/FdImage";
-import FdLink from "@fd-component-toolbox/link/FdLink";
-import { footerItems } from "@/hd/footer/hd-footer";
-import { HdFooterItem } from "@/hd/footer/hd-footer-item/HdFooterItem";
-import { ArrowRight } from "lucide-react";
-export function HdFooter() {
-    return (<footer className="absolute bottom-0 flex w-full justify-center bg-hd-footer-bg text-hd-text-primary">
-            <div className="w-4/5 pb-8 pt-12">
-                <div className="flex flex-col justify-between gap-11 lg:flex-row lg:gap-0">
-                    <div className="flex gap-11 lg:flex-col">
-                        <FdImage className="!rounded-none" priority src="/hd-logo.svg" alt="logo" width={48} height={48}/>
-                        <FdLink href={footerItems[0].path} className="flex gap-3 whitespace-nowrap rounded-md bg-hd-button px-8 py-3 hover:bg-hd-button-hover active:bg-hd-button-active">
-                            View homes
-                            <ArrowRight size={24}/>
-                        </FdLink>
-                    </div>
-                    <div className="flex justify-between lg:w-2/3">
-                        {footerItems.map((item) => (<HdFooterItem key={`${item.name}_${item.path}`} item={item}></HdFooterItem>))}
-                    </div>
-                </div>
-                <div className="mt-10 border-t border-hd-border pt-8 text-right text-hd-text-secondary">
-                    © 2025 All rights reserved.
-                </div>
-            </div>
-        </footer>);
-}

package/src/hd/footer/hd-footer-item/HdFooterItem.jsx

@@ -1,14 +0,0 @@
-import React from "react";
-import FdLink from "@fd-component-toolbox/link/FdLink";
-export function HdFooterItem({ item }) {
-    return (<div className="flex flex-col">
-            <FdLink href={item.path} className="mb-8 text-xl font-semibold">
-                {item.name}
-            </FdLink>
-            <div className="flex flex-col gap-6 text-hd-text-secondary">
-                {item.children.map(({ name, path }) => (<FdLink key={`${name}_${path}`} href={path}>
-                        {name}
-                    </FdLink>))}
-            </div>
-        </div>);
-}

package/src/lm/ai-scan/AiScanAction.jsx

@@ -1,21 +0,0 @@
-"use client";
-import { FdIcon } from "@fd-component-toolbox/icon/FdIcon";
-import { FdDropdownMenuItem } from "@fd-component-toolbox/dropdown-menu/FdDropdownMenu";
-import { useCallback, useContext } from "react";
-import { ResourceListContext } from "@meta/resource-list/ResourceList";
-import { handleMenuItemClick } from "@/lm/ai-scan/AiScanAction.funcs";
-import { useFdSearchParams } from "@meta/client/framework/hooks";
-import { metaQueryParams } from "@fd-toolbox/constants/meta-query-params";
-export function AiScanAction({ label, iconName, setIsLoading }) {
-    const resourceListContext = useContext(ResourceListContext) ?? undefined;
-    const selectedTableRows = resourceListContext?.tableComponentRef.current?.getSelectedRows();
-    const searchParams = useFdSearchParams();
-    const resourceName = searchParams.get(metaQueryParams.resource);
-    const onMenuItemClickCallback = useCallback(async () => {
-        await handleMenuItemClick(setIsLoading, resourceName, resourceListContext ?? undefined, selectedTableRows);
-    }, [setIsLoading, resourceName, resourceListContext, selectedTableRows]);
-    return (<FdDropdownMenuItem className="flex w-full cursor-pointer justify-start gap-2" onClick={onMenuItemClickCallback}>
-            {iconName && <FdIcon name={iconName}/>}
-            {label}
-        </FdDropdownMenuItem>);
-}

package/src/lm/ai-scan/cell-templates/AiScanWebsiteResultCellTemplate.jsx

@@ -1,31 +0,0 @@
-"use client";
-import { FdButton } from "@fd-component-toolbox/button/FdButton";
-import { FdDialog, FdDialogContent, FdDialogTrigger } from "@fd-component-toolbox/dialog/FdDialog";
-import { parseMarkdown } from "@fd-component-toolbox/markdown/markdown-parser";
-import { useState } from "react";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-export function AiScanWebsiteResultCellTemplate({ resource }) {
-    const [convertedText, setConvertedText] = useState([]);
-    useAsyncEffect(async () => {
-        if (resource.aiScan) {
-            setConvertedText(await parseMarkdown(resource.aiScan));
-        }
-    }, [resource]);
-    if (resource.aiScan) {
-        return (<FdDialog>
-                <FdDialogTrigger asChild>
-                    <FdButton className="p-0" variant="link">
-                        View Result
-                    </FdButton>
-                </FdDialogTrigger>
-                <FdDialogContent className="max-h-[80%] w-full max-w-5xl overflow-scroll">
-                    <div className="[&>ol>li]:ml-4 [&>ol]:list-decimal [&>p]:my-4 [&>p]:text-xl [&>p]:font-bold [&>ul>li]:ml-4 [&>ul]:list-disc">
-                        {convertedText}
-                    </div>
-                </FdDialogContent>
-            </FdDialog>);
-    }
-    else {
-        return null;
-    }
-}

package/src/lm/components/LmCardReport.jsx

@@ -1,12 +0,0 @@
-import { FdCard, FdCardContent } from "@fd-component-toolbox/card/FdCard";
-import { cn } from "@fd-toolbox/lib/utils";
-export function LmCardReport({ title, value, subtitle, className }) {
-    const contentVariation = subtitle ? "" : "text-center text-3xl";
-    return (<FdCard className={cn("size-full", className)}>
-            <FdCardContent>
-                <div className="py-2">{title}</div>
-                <div className={cn("text-2xl font-bold", contentVariation)}>{value}</div>
-                {subtitle && <p className="text-sm font-light">{subtitle}</p>}
-            </FdCardContent>
-        </FdCard>);
-}

package/src/lm/configs/lm-list-configs.jsx

@@ -1,72 +0,0 @@
-import { googlePlaceDropdownActions } from "@/lm/google-place/action-dropdown/google-place-dropdown-actions";
-import { GooglePlaceActionDropdown } from "@/lm/google-place/action-dropdown/GooglePlaceActionDropdown";
-import { GooglePlaceBusinessInfoCellTemplate } from "@/lm/google-place/cell-templates/GooglePlaceBusinessInfoCellTemplate";
-import { LeadActionDropdown } from "@/lm/lead/action-dropdown/LeadActionDropdown";
-import { leadDropdownActions } from "@/lm/lead/action-dropdown/lead-dropdown-actions";
-import { LeadBusinessInfoCellTemplate } from "@/lm/lead/cell-templates/LeadBusinessInfoCellTemplate";
-import { AiScanWebsiteResultCellTemplate } from "@/lm/ai-scan/cell-templates/AiScanWebsiteResultCellTemplate";
-import { leadGroupCustomActionName, viewRelatedLeads, } from "@/lm/lead-group/table-custom-action/lead-group-table-custom-action";
-import { GooglePlaceEmailsCellTemplate } from "@/lm/google-place/cell-templates/GooglePlaceEmailsCellTemplate";
-import { getNewUuid } from "@fd-toolbox/uuids";
-import { leadProps } from "@common/leads/props/lead-props";
-import { tableCustomActionTypes } from "@meta/table/table-models";
-import FdMultiselectCellTemplate from "@meta/table/body-cell/FdMultiselectCellTemplate";
-import { websiteScanResultProps } from "@common/resources/props/website-scan-result-props";
-import { googlePlaceProps } from "@common/leads/props/google-place-props";
-import { resourceEditModes } from "@fd-toolbox/constants/resource-list-configs-enums";
-import { userProps } from "@meta/core/resources/users/props/user-props";
-import { resourceNames } from "@fd-toolbox/resources/resource-names";
-import { iconNames } from "@fd-component-toolbox/icon/FdIcon";
-export const lmResourceConfigs = {
-    [resourceNames.lead]: getLeadResourceListConfig,
-    [resourceNames.googlePlace]: getGooglePlaceResourceListConfig,
-    [resourceNames.leadGroup]: getLeadGroupResourceListConfig,
-    [resourceNames.paymentPlan]: getPaymentPlanResourceListConfig,
-    [resourceNames.user]: getUserResourceListConfig,
-};
-function getLeadResourceListConfig(defaultConfig) {
-    defaultConfig.filtersTableInBetweenContainer = [
-        <LeadActionDropdown actions={leadDropdownActions} key={getNewUuid()}/>,
-    ];
-    defaultConfig.oDataConfig = {
-        expands: [leadProps.screenshotBlob, leadProps.websiteScanResult, leadProps.leadToLeadGroupList],
-    };
-    defaultConfig.tableConfig.columnConfigs = {
-        [leadProps.businessInfo]: { cellTemplate: LeadBusinessInfoCellTemplate },
-        [leadProps.leadEmailList]: {
-            cellTemplate: (props) => (<FdMultiselectCellTemplate resource={props.resource} entityPath={leadProps.websiteScanResult} valueProperty={websiteScanResultProps.emails}/>),
-        },
-        [leadProps.aiScan]: { cellTemplate: AiScanWebsiteResultCellTemplate },
-    };
-    defaultConfig.tableConfig.multiSelect = true;
-    return defaultConfig;
-}
-function getGooglePlaceResourceListConfig(defaultConfig) {
-    defaultConfig.filtersTableInBetweenContainer = [
-        <GooglePlaceActionDropdown actions={googlePlaceDropdownActions} key={getNewUuid()}/>,
-    ];
-    defaultConfig.tableConfig.columnConfigs = {
-        [googlePlaceProps.businessInfo]: { cellTemplate: GooglePlaceBusinessInfoCellTemplate },
-        [googlePlaceProps.emails]: { cellTemplate: GooglePlaceEmailsCellTemplate },
-    };
-    defaultConfig.tableConfig.multiSelect = true;
-    return defaultConfig;
-}
-function getLeadGroupResourceListConfig(defaultConfig) {
-    defaultConfig.tableConfig.customActions ??= [];
-    defaultConfig.tableConfig.customActions.push({
-        name: leadGroupCustomActionName,
-        icon: iconNames.visibility,
-        actionType: tableCustomActionTypes.icon,
-        cellAction: viewRelatedLeads,
-    });
-    return defaultConfig;
-}
-function getPaymentPlanResourceListConfig(defaultConfig) {
-    defaultConfig.tableConfig.editMode = resourceEditModes.simple;
-    return defaultConfig;
-}
-function getUserResourceListConfig(defaultConfig) {
-    defaultConfig.tableConfig.columnConfigs = { [userProps.lastLoginDate]: { isDateAsTimeAgo: true } };
-    return defaultConfig;
-}

package/src/lm/google-place/action-dropdown/GooglePlaceActionDropdown.jsx

@@ -1,42 +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, useContext, useState, useCallback } from "react";
-import { ResourceListContext } from "@meta/resource-list/ResourceList";
-import { Spinner } from "@fd-component-toolbox/spinner/Spinner";
-import { handleActionClick, handleDropdownOpenChange, } from "@/lm/google-place/action-dropdown/GooglePlaceActionDropdown.funcs";
-export function GooglePlaceActionDropdown({ 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);
-    }, []);
-    const onActionClick = useCallback(async (onClick) => {
-        await handleActionClick({ onClick, setIsLoading, resourceListContext });
-    }, [resourceListContext]);
-    return (<FdDropdownMenu open={isMenuOpened} onOpenChange={onDropdownOpenChange}>
-            <FdDropdownMenuTrigger asChild>
-                <FdButton className="inline-flex w-fit items-center" variant="outline" size="default">
-                    {isLoading && <Spinner size="small" className="mr-2"/>}
-                    Actions
-                </FdButton>
-            </FdDropdownMenuTrigger>
-            <FdDropdownMenuContent align="start" className={isHidden ? "hidden" : ""}>
-                {actions.map(({ id, label, iconName, onClick, component }) => (<Fragment key={id}>
-                        {component ? (createElement(component, {
-                label,
-                iconName,
-                setIsMenuOpened,
-                setIsHidden,
-                setIsLoading,
-            })) : (<FdDropdownMenuItem className="flex w-full cursor-pointer justify-start gap-2" onClick={() => onActionClick(onClick)}>
-                                {iconName && <FdIcon name={iconName}/>}
-                                {label}
-                            </FdDropdownMenuItem>)}
-                    </Fragment>))}
-            </FdDropdownMenuContent>
-        </FdDropdownMenu>);
-}

package/src/lm/google-place/actions/GooglePlaceSaveToGroupAction.jsx

@@ -1,22 +0,0 @@
-"use client";
-import { FdIcon } from "@fd-component-toolbox/icon/FdIcon";
-import { ResourceListContext } from "@meta/resource-list/ResourceList";
-import { useContext, useState } from "react";
-import { FdBrowserDialog } from "@meta/browsers/browser/browser-dialog/FdBrowserDialog";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-import { handleCloseBrowserDialog, loadMeta, } from "@/lm/google-place/actions/GooglePlaceSaveToGroupAction.funcs";
-import { FdDropdownMenuItem } from "@fd-component-toolbox/dropdown-menu/FdDropdownMenu";
-export function GooglePlaceSaveToGroupAction({ label, iconName, setIsMenuOpened, setIsHidden, setIsLoading, }) {
-    const [relatedResourcePropertyMeta, setRelatedResourcePropertyMeta] = useState();
-    const resourceListContext = useContext(ResourceListContext) ?? undefined;
-    useAsyncEffect(async () => {
-        loadMeta(setRelatedResourcePropertyMeta);
-    }, []);
-    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={(leadGroup) => handleCloseBrowserDialog(setIsLoading, setIsMenuOpened, leadGroup, resourceListContext)}/>);
-}

package/src/lm/google-place/cell-templates/GooglePlaceBusinessInfoCellTemplate.jsx

@@ -1,59 +0,0 @@
-"use client";
-import { LeadGooglePlaceInfo } from "@/lm/lead/lead-google-place/LeadGooglePlaceInfo";
-import { LeadGooglePlaceIndicators } from "@/lm/lead/lead-google-place/LeadGooglePlaceIndicators";
-import { LeadGooglePlaceIndicator } from "@/lm/lead/lead-google-place/LeadGooglePlaceIndicator";
-import { iconNames } from "@fd-component-toolbox/icon/FdIcon";
-import { lmTooltipLabels } from "@/lm/constants/lm-tooltip-labels";
-import { FdWebsiteScanResult } from "@client/website-scan/FdWebsiteScanResult";
-export function GooglePlaceBusinessInfoCellTemplate({ resource }) {
-    return (<div className="flex flex-col gap-3">
-            <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>),
-            },
-        ]}/>
-            {resource.websiteScanResult && (<FdWebsiteScanResult websiteScanResult={resource.websiteScanResult}/>)}
-        </div>);
-}

package/src/lm/google-place/cell-templates/GooglePlaceEmailsCellTemplate.jsx

@@ -1,34 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-import { FdMultiselect, FdMultiselectTrigger, FdMultiselectInput, FdMultiselectContent, FdMultiselectList, FdMultiselectItem, } from "@fd-component-toolbox/multiselect/FdMultiselect";
-import { FdFadeOutText } from "@fd-component-toolbox/fade-out-text/FdFadeOutText";
-import { syncEmailsFromResource } from "@/lm/google-place/cell-templates/GooglePlaceEmailsCellTemplate.funcs";
-export function GooglePlaceEmailsCellTemplate({ resource }) {
-    const [emails, setEmails] = useState();
-    const [selectedEmails, setSelectedEmails] = useState([]);
-    useEffect(() => {
-        syncEmailsFromResource(setEmails, setSelectedEmails, resource);
-    }, [resource]);
-    if (!emails)
-        return null;
-    const emailsMap = new Map();
-    for (const email of emails) {
-        emailsMap.set(email, email);
-    }
-    return (<div>
-            {emails.length === 1 ? (<FdFadeOutText>
-                    <p>{emails[0]}</p>
-                </FdFadeOutText>) : (<FdMultiselect values={selectedEmails} onValuesChange={setSelectedEmails} disabled={false} displayValues={emailsMap} variant="float" withSelectAll>
-                    <FdMultiselectTrigger>
-                        <FdMultiselectInput className="mt-0 w-full"/>
-                    </FdMultiselectTrigger>
-                    <FdMultiselectContent className="absolute">
-                        <FdMultiselectList className="top-9 z-50">
-                            {emails.map((email) => (<FdMultiselectItem className="min-h-6 whitespace-nowrap" key={email} value={email}>
-                                    {email}
-                                </FdMultiselectItem>))}
-                        </FdMultiselectList>
-                    </FdMultiselectContent>
-                </FdMultiselect>)}
-        </div>);
-}

package/src/lm/google-place/cell-templates/GooglePlaceScanAction.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 { handleGooglePlaceScan } from "@/lm/google-place/cell-templates/GooglePlaceScanAction.funcs";
-import { ResourceListContext } from "@meta/resource-list/ResourceList";
-export function GooglePlaceScanAction({ label, iconName, setIsLoading }) {
-    const resourceListContext = useContext(ResourceListContext) ?? undefined;
-    const onScan = useCallback(async () => {
-        handleGooglePlaceScan(setIsLoading, resourceListContext ?? undefined);
-    }, [setIsLoading, resourceListContext]);
-    return (<FdDropdownMenuItem className="flex w-full cursor-pointer justify-start gap-2" onClick={onScan}>
-            {iconName && <FdIcon name={iconName}/>}
-            {label}
-        </FdDropdownMenuItem>);
-}