@fernir2/saas-kit-cli 0.1.4 → 0.1.5

package/packages/level2/client/pages/leads-viw-page/LeadsViewPage.jsx

@@ -1,6 +0,0 @@
-import { LeadsView } from "@/lm/lead/view/LeadsView";
-export default async function LeadsViewPage() {
-    return (<div className="flex min-h-screen flex-col items-center gap-10 overflow-auto p-10">
-            <LeadsView />
-        </div>);
-}

package/packages/level2/client/pages/microsoft-page/MicrosoftPage.jsx

@@ -1,16 +0,0 @@
-"use client";
-import { useEffect, useMemo } from "react";
-import { useFdRouter, useFdSearchParams } from "@meta/client/framework/hooks";
-import { codeParam } from "@fd-toolbox/constants/auth-constants";
-import { setMicrosoftAuthParams } from "@fd-app-toolbox/login-form/microsoft-login";
-import { initMicrosoftPage } from "@client/pages/microsoft-page/MicrosoftPage.funcs";
-export default function MicrosoftPage() {
-    const router = useFdRouter();
-    const searchParams = useFdSearchParams();
-    const code = searchParams?.get(codeParam) ?? undefined;
-    const params = useMemo(() => setMicrosoftAuthParams(code), [code]);
-    useEffect(() => {
-        initMicrosoftPage(router, params);
-    }, [code, params, router]);
-    return null;
-}

package/packages/level2/client/pages/payment-plan-page/PaymentPlanPage.jsx

@@ -1,18 +0,0 @@
-"use client";
-import { FdSubscriptionPlan } from "@client/components/subscription-plan/FdSubscriptionPlan";
-import { getSubscriptionPlanConfig } from "@client/components/subscription-plan/subscription-plan-config";
-import { useState } from "react";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-/**
- * Payment plan selection page for the user.
- * Loads the {@link SubscriptionPlanConfig} and displays the {@link FdSubscriptionPlan} component.
- */
-export default function PaymentPlanPage() {
-    const [config, setConfig] = useState();
-    useAsyncEffect(async () => {
-        setConfig(await getSubscriptionPlanConfig());
-    }, []);
-    return (<main className="space-y-2 p-2">
-            <FdSubscriptionPlan config={config}/>
-        </main>);
-}

package/packages/level2/client/pages/preload-page/PreloadPage.jsx

@@ -1,25 +0,0 @@
-"use client";
-import React, { useCallback, useEffect, useState } from "react";
-import { fetchDataFromAPI } from "@meta/preload/preload";
-function PreloadPage() {
-    const [data, setData] = useState(null);
-    const [error, setError] = useState("");
-    const fetchAndSetData = useCallback(async () => {
-        try {
-            const fetchedData = await fetchDataFromAPI();
-            setData(fetchedData);
-        }
-        catch (err) {
-            setError("Failed to load data.");
-            throw err;
-        }
-    }, []);
-    useEffect(() => {
-        fetchAndSetData();
-    }, [fetchAndSetData]);
-    return (<div>
-            {data ? <pre>{JSON.stringify(data, null, 2)}</pre> : <p>Loading...</p>}
-            {error && <p>Error: {error}</p>}
-        </div>);
-}
-export default PreloadPage;

package/packages/level2/client/pages/reset-password-page/ResetPasswordPage.jsx

@@ -1,8 +0,0 @@
-import React from "react";
-import ResetPasswordForm from "@fd-app-toolbox/reset-password-form/ResetPasswordForm";
-async function ResetPasswordPage() {
-    return (<main>
-            <ResetPasswordForm />
-        </main>);
-}
-export default ResetPasswordPage;

package/packages/level2/client/pages/screenshot-page/TestScreenshotPage.jsx

@@ -1,23 +0,0 @@
-"use client";
-import { FdImage } from "@fd-component-toolbox/image/FdImage";
-import { useCallback, useState } from "react";
-import { FdButton } from "@fd-component-toolbox/button/FdButton";
-import { FdInput } from "@fd-component-toolbox/input/FdInput";
-import { onTakeScreenshot } from "@client/pages/screenshot-page/TestScreenshotPage.funcs";
-export default function TestScreenshotPage() {
-    const [websiteUrl, setWebsiteUrl] = useState("");
-    const [imageSrc, setImageSrc] = useState("");
-    const onUrlChange = useCallback((value) => {
-        setWebsiteUrl(value);
-    }, []);
-    const takeScreenshot = useCallback(async () => {
-        onTakeScreenshot(websiteUrl, setImageSrc);
-    }, [websiteUrl]);
-    return (<div className="flex size-full flex-col items-center justify-center gap-5">
-            <div className="flex gap-5">
-                <FdInput value={websiteUrl} onChange={onUrlChange} variant="bordered"/>
-                <FdButton onClick={takeScreenshot}>Take Screenshot</FdButton>
-            </div>
-            {imageSrc && (<FdImage src={imageSrc} width={500} height={500} alt="screenshot-result" className="object-contain"/>)}
-        </div>);
-}

package/packages/level2/client/pages/sign-in-page/SignInPage.jsx

@@ -1,24 +0,0 @@
-"use client";
-import { LoginForm } from "@fd-app-toolbox/login-form/LoginForm";
-import { GoogleOAuthProvider } from "@react-oauth/google";
-import { envSettingKeys } from "@common/infra/env-setting-keys";
-import { getSetting } from "@fd-toolbox/lib/utils";
-import { getGoogleOAuthConfig } from "@fd-app-toolbox/login-form/google-login";
-import { getMicrosoftOAuthConfig } from "@fd-app-toolbox/login-form/microsoft-login";
-import { getFacebookOAuthConfig } from "@fd-app-toolbox/login-form/facebook-login";
-/**
- * Sign-in page for the user.
- * Displays the {@link LoginForm} component with OAuth login options.
- */
-export default function SignInPage() {
-    const clientId = getSetting(envSettingKeys.googleClientId);
-    return (<GoogleOAuthProvider clientId={clientId}>
-            <main>
-                <LoginForm oAuthLoginConfigs={[
-            getGoogleOAuthConfig(),
-            getMicrosoftOAuthConfig(),
-            getFacebookOAuthConfig(),
-        ]} hideSignUpLink={true}/>
-            </main>
-        </GoogleOAuthProvider>);
-}

package/packages/level2/client/pages/sign-up-page/SignUpPage.jsx

@@ -1,9 +0,0 @@
-import RegisterForm from "@fd-app-toolbox/register-form/RegisterForm";
-import { checkUserWorkspaceInviteCode } from "@server/workspace/workspace-invite/workspace-user-invites";
-export default async function SignUpPage({ searchParams }) {
-    const resolvedParams = await searchParams;
-    const userInviteValidationResultPromise = checkUserWorkspaceInviteCode(resolvedParams.inviteCode);
-    return (<main>
-            <RegisterForm userInviteValidationResultPromise={userInviteValidationResultPromise} userWorkspaceInviteId={resolvedParams.inviteCode}/>
-        </main>);
-}

package/packages/level2/client/pages/status-board-page/StatusBoardPage.jsx

@@ -1,6 +0,0 @@
-import React from "react";
-import { FdStatusBoard } from "@fd-app-toolbox/status-board/FdStatusBoard";
-async function StatusBoardPage() {
-    return <FdStatusBoard />;
-}
-export default StatusBoardPage;

package/packages/level2/client/pages/test-layout/TestLayout.jsx

@@ -1,11 +0,0 @@
-"use client";
-import { canActivateAuth } from "@meta/auth/auth-guards";
-import { useFdRouter } from "@meta/client/framework/hooks";
-import { useEffect } from "react";
-export default function TestLayout({ children, }) {
-    const router = useFdRouter();
-    useEffect(() => {
-        canActivateAuth();
-    }, [router]);
-    return children;
-}

package/packages/level2/client/pages/test-page/TestPage.jsx

@@ -1,12 +0,0 @@
-import { Contact } from "@common/demo/contact.resource";
-import { redirectFunction } from "@fd-toolbox/redirect/redirect-functions";
-import { isDev } from "@fd-toolbox/lib/environments";
-export default async function TestPage() {
-    if (isDev())
-        await redirectFunction("/");
-    const contact = new Contact();
-    return (<div className="flex flex-col gap-2 p-2">
-            {JSON.stringify(contact)}
-            <div className="flex flex-wrap [&>*]:size-96"></div>
-        </div>);
-}

package/packages/level2/client/pages/user-list-page/UserListPage.jsx

@@ -1,4 +0,0 @@
-import UserList from "@fd-app-toolbox/user-list/UserList";
-export default async function UserListPage() {
-    return <UserList />;
-}

package/packages/level2/client/pages/view-page/ViewPage.jsx

@@ -1,21 +0,0 @@
-import { emptyGuid } from "@fd-toolbox/constants/constants";
-import { FdView } from "@meta/view/FdView";
-import { isUuidSet } from "@fd-toolbox/functions/value-checking-functions";
-import { getUiResourceMeta } from "@meta/server/ui/ui-metas";
-import { getViewPageRelatedResourcesMetas, getViewPageResourceListResources, } from "@client/pages/view-page/ViewPage.funcs";
-import { isResourceListView } from "@meta/resource-list/resource-lists";
-export default async function ViewPage({ searchParams }) {
-    const { name, resource, id } = await searchParams;
-    const resourceId = id && isUuidSet(id) ? id : emptyGuid;
-    let uiResourceMeta;
-    let relatedUiResourceMetas;
-    let resourcesPromise;
-    if (isResourceListView(name, resourceId)) {
-        uiResourceMeta = await getUiResourceMeta(resource);
-        relatedUiResourceMetas = await getViewPageRelatedResourcesMetas(uiResourceMeta.resourceMeta);
-        resourcesPromise = getViewPageResourceListResources(uiResourceMeta.resourceMeta, relatedUiResourceMetas.map((uiMeta) => uiMeta.resourceMeta));
-    }
-    return (<main className="h-full py-4 pl-6">
-            <FdView resourceName={resource ?? ""} resourceId={resourceId} viewName={name} uiResourceMeta={uiResourceMeta} resourcesPromise={resourcesPromise} relatedUiResourceMetas={relatedUiResourceMetas}/>
-        </main>);
-}

package/packages/level2/client/payments/change-payment-method-field/ChangePaymentMethodField.jsx

@@ -1,48 +0,0 @@
-"use client";
-import { useCallback, useState } from "react";
-import { FdDialog, FdDialogContent, FdDialogTitle } from "@fd-component-toolbox/dialog/FdDialog";
-import CheckoutForm from "@client/payments/checkout-form/CheckoutForm";
-import { FdInput } from "@fd-component-toolbox/input/FdInput";
-import { FdIcon, iconNames } from "@fd-component-toolbox/icon/FdIcon";
-import { onInitCurrentPaymentMethod, getCardNumberInputValue, setPaymentMethod, } from "@client/payments/change-payment-method-field/ChangePaymentMethodField.funcs";
-import { elements } from "@fd-toolbox/constants/elements";
-import { useAsyncEffect } from "@fd-toolbox/hooks/use-async-effect";
-/**
- * A field component that allows users to view their current payment method and click to change it.
- *
- * This component displays the current payment method (e.g., the last four digits of a credit card)
- * in a read-only input field. Clicking the field or the pencil icon opens a dialog containing a
- * form to update payment details.
- *
- * @example
- * ```tsx
- * // Simply render the component to display the payment method field.
- * <ChangePaymentMethodField />
- * ```
- */
-export function ChangePaymentMethodField() {
-    const [isDialogOpen, setIsDialogOpen] = useState(false);
-    const [isSubmittingForm, setIsSubmittingForm] = useState(false);
-    const [currentPaymentMethod, setCurrentPaymentMethod] = useState("");
-    const setActualPaymentMethod = useCallback(async () => {
-        await setPaymentMethod(setCurrentPaymentMethod, setIsDialogOpen);
-    }, [setCurrentPaymentMethod, setIsDialogOpen]);
-    useAsyncEffect(async () => {
-        await onInitCurrentPaymentMethod(setCurrentPaymentMethod);
-    }, []);
-    return (<>
-            <FdInput value={getCardNumberInputValue(currentPaymentMethod)} label="Payment method" className="cursor-pointer select-none" onClick={() => setIsDialogOpen(true)} readOnly inputId={elements.userSettings.changePaymentMethodField} id={elements.userSettings.changePaymentMethodField}>
-                <FdIcon name={iconNames.pencil2} className="cursor-pointer" onClick={() => setIsDialogOpen(true)}></FdIcon>
-            </FdInput>
-            <FdDialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
-                <FdDialogContent isCloseButtonShown={!isSubmittingForm} className="flex w-full min-w-96 flex-col justify-center gap-0" onEscapeKeyDown={isSubmittingForm ? (event) => event.preventDefault() : undefined} onInteractOutside={isSubmittingForm ? (event) => event.preventDefault() : undefined}>
-                    <FdDialogTitle className="mt-8 text-center font-semibold leading-none">
-                        {"Enter Payment Details"}
-                    </FdDialogTitle>
-                    <div>
-                        <CheckoutForm price={0} onSubmitting={setIsSubmittingForm} onSubmitSuccess={setActualPaymentMethod}/>
-                    </div>
-                </FdDialogContent>
-            </FdDialog>
-        </>);
-}

package/packages/level2/client/payments/checkout-form/CheckoutForm.jsx

@@ -1,95 +0,0 @@
-"use client";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { loadStripe } from "@stripe/stripe-js";
-import { Elements, useStripe, useElements } from "@stripe/react-stripe-js";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { getRequiredStringEnvSetting } from "@fd-toolbox/infra/env-functions";
-import { envSettingKeys } from "@common/infra/env-setting-keys";
-import { FdForm } from "@fd-component-toolbox/form/FdForm";
-import { cn } from "@fd-toolbox/lib/utils";
-import { schema, isPaymentFormValid, updateCursorOnFormSubmit, attachPaymentMethodWithSubscription, attachPaymentMethodWithoutSubscription, handleCardFieldChange, } from "@client/payments/checkout-form/CheckoutForm.funcs";
-import { getLoginState } from "@fd-toolbox/auth/login-states";
-import { useTheme } from "@fd-app-toolbox/providers/ThemeProvider/ThemeProvider";
-import { CardInformationField, CountryAndZipFields, EmailField, NameField, } from "@client/payments/checkout-form/checkout-form-fields";
-import { CheckoutFormSubmit } from "@client/payments/checkout-form/CheckoutFormSubmit";
-const stripePublicKey = getRequiredStringEnvSetting(envSettingKeys.stripePublicKey);
-const stripePromise = loadStripe(stripePublicKey);
-/*
- * The inner component of the payment form, which contains the logic for working with Stripe hooks.
- *
- * The `useStripe` and `useElements` hooks can only be called within descendants of
- * `<Elements>` from `@stripe/react-stripe-js`, as they use the context created by this provider.
- * Therefore, the `CheckoutForm` component itself wraps `CheckoutFormInner` in `<Elements>`,
- * and all form logic and hook calls are moved to `CheckoutFormInner`.
- *
- * @param props - See {@link CheckoutFormProps}
- */
-function CheckoutFormInner({ price, pricingId, onSubmitting, onSubmitSuccess, isSubmitHidden, setIsButtonEnabled, rerouteAfterSuccess, redirectUrl, setIsSubmitting, ref, }) {
-    const { appliedTheme } = useTheme();
-    const loginState = useMemo(() => getLoginState(), []);
-    const [isCardFieldValid, setIsCardFieldValid] = useState(false);
-    const [isCardFieldErrorShown, setIsCardFieldErrorShown] = useState(false);
-    const form = useForm({
-        defaultValues: {
-            name: "",
-            email: loginState.email ?? "",
-            country: "",
-            zip: "",
-        },
-        resolver: zodResolver(schema),
-        mode: "onTouched",
-    });
-    const { handleSubmit, control, formState: { isSubmitting, isValid }, } = form;
-    useEffect(() => {
-        updateCursorOnFormSubmit(isSubmitting, onSubmitting);
-    }, [isSubmitting, onSubmitting]);
-    const stripe = useStripe() ?? undefined;
-    const elements = useElements() ?? undefined;
-    useEffect(() => {
-        if (setIsButtonEnabled) {
-            if (!isPaymentFormValid(isValid, isCardFieldValid, isSubmitting, !!stripe)) {
-                setIsButtonEnabled(false);
-                return;
-            }
-            if (stripe) {
-                setIsSubmitting?.(false);
-            }
-            setIsButtonEnabled(true);
-        }
-    }, [isValid, isSubmitting, stripe, setIsButtonEnabled, isCardFieldValid, setIsSubmitting]);
-    const onSubmitWithSubscribe = useCallback(async (formData) => {
-        await attachPaymentMethodWithSubscription(formData, pricingId, onSubmitSuccess, elements ?? undefined, stripe ?? undefined, rerouteAfterSuccess, redirectUrl);
-    }, [onSubmitSuccess, elements, pricingId, redirectUrl, rerouteAfterSuccess, stripe]);
-    const onSubmitWithoutSubscribe = useCallback(async (formData) => {
-        await attachPaymentMethodWithoutSubscription(formData, onSubmitSuccess, stripe, elements);
-    }, [onSubmitSuccess, elements, stripe]);
-    const onCardFieldChange = useCallback((event) => {
-        handleCardFieldChange(event, setIsCardFieldValid, setIsCardFieldErrorShown);
-    }, []);
-    const handleCountryChange = useCallback((value, fieldName) => {
-        form.setValue(fieldName, value, { shouldValidate: true });
-    }, [form]);
-    return (<FdForm {...form}>
-            <form onSubmit={handleSubmit(pricingId ? onSubmitWithSubscribe : onSubmitWithoutSubscribe)} className={cn("flex flex-col justify-center gap-4 py-10", "w-full", isSubmitting && "pointer-events-none")}>
-                <EmailField control={control}/>
-                <CardInformationField appliedTheme={appliedTheme} onCardFieldChange={onCardFieldChange} isCardFieldErrorShown={isCardFieldErrorShown}/>
-                <NameField control={control}/>
-                <CountryAndZipFields control={control} handleCountryChange={handleCountryChange}/>
-                <CheckoutFormSubmit ref={ref} price={price} isSubmitting={isSubmitting} isSubmitHidden={isSubmitHidden} isValid={isValid} isCardFieldValid={isCardFieldValid} stripe={stripe}/>
-            </form>
-        </FdForm>);
-}
-/**
- * Handles all UI elements and logic related to collecting user data
- * and submitting the payment request.
- *
- * @param props - See {@link CheckoutFormProps}
- */
-export function CheckoutForm(props) {
-    return (<Elements stripe={stripePromise}>
-            <CheckoutFormInner {...props}/>
-        </Elements>);
-}
-CheckoutForm.displayName = "CheckoutForm";
-export default CheckoutForm;

package/packages/level2/client/payments/checkout-form/CheckoutFormSubmit.jsx

@@ -1,11 +0,0 @@
-import React from "react";
-import { FdButton } from "@fd-component-toolbox/button/FdButton";
-import { cn } from "@fd-toolbox/lib/utils";
-import { getCheckoutFormButtonText, isPaymentFormValid, } from "@client/payments/checkout-form/CheckoutForm.funcs";
-import { elements as elementsIds } from "@fd-toolbox/constants/elements";
-export function CheckoutFormSubmit(props) {
-    const { price, isSubmitting, pricingId, isSubmitHidden, isValid, isCardFieldValid, stripe, ref } = props;
-    return (<FdButton ref={ref} className={cn("mr-4 mt-6 block w-full bg-fd-tertiary-900", isSubmitHidden && "hidden")} id={elementsIds.userSettings.payButton} disabled={!isPaymentFormValid(isValid, isCardFieldValid, isSubmitting, !!stripe)} type="submit">
-            {getCheckoutFormButtonText(price, isSubmitting, pricingId)}
-        </FdButton>);
-}

package/packages/level2/client/payments/checkout-form/checkout-form-fields.jsx

@@ -1,68 +0,0 @@
-import React from "react";
-import { FdFormControl, FdFormField, FdFormItem } from "@fd-component-toolbox/form/FdForm";
-import { FdInput } from "@fd-component-toolbox/input/FdInput";
-import { FdSelect, FdSelectContent, FdSelectGroup, FdSelectItem, FdSelectTrigger, FdSelectValue, } from "@fd-component-toolbox/select/FdSelect";
-import { userRoutes } from "@fd-toolbox/constants/user-routes";
-import { elementSuffixes } from "@fd-toolbox/constants/element-suffixes";
-import { countries, getCardElementOptions } from "@client/payments/checkout-form/CheckoutForm.funcs";
-import { CardElement } from "@stripe/react-stripe-js";
-import FdLabelAnimation from "@fd-component-toolbox/animation/FdLabelAnimation";
-export function EmailField({ control }) {
-    return (<FdFormField control={control} name={userRoutes.email} render={({ field }) => (<FdFormItem>
-                    <div className="w-full">
-                        <FdFormControl>
-                            <FdInput {...field} inputId="email" label="Email *" type="email" showClearIcon={true}/>
-                        </FdFormControl>
-                    </div>
-                </FdFormItem>)}/>);
-}
-export function NameField({ control }) {
-    return (<FdFormField control={control} name={userRoutes.name} render={({ field }) => (<FdFormItem>
-                    <div className="w-full">
-                        <FdFormControl>
-                            <FdInput {...field} inputId="name" type="text" label="Cardholder Name *" showClearIcon={true} skipAnimationOnce={true}/>
-                        </FdFormControl>
-                    </div>
-                </FdFormItem>)}/>);
-}
-export function CardInformationField({ appliedTheme, onCardFieldChange, isCardFieldErrorShown, }) {
-    return (<FdFormItem>
-            <div className="border-b border-border py-2 transition hover:border-fd-accent">
-                <div className="relative h-full basis-full text-start">
-                    <CardElement id="card" options={getCardElementOptions(appliedTheme)} className="px-3" onChange={onCardFieldChange}/>
-                    <FdLabelAnimation label="Card Information *" shouldAnimate={true} className="top-0 max-w-full" isErrorStyle={isCardFieldErrorShown}/>
-                </div>
-            </div>
-        </FdFormItem>);
-}
-export function CountryAndZipFields({ control, handleCountryChange }) {
-    return (<div className="flex flex-col gap-y-4">
-            <FdFormField control={control} name={userRoutes.country} render={({ field }) => (<FdFormItem>
-                        <div className="w-full border-0">
-                            <FdFormControl>
-                                <FdSelect value={field.value} disabled={field.disabled} onValueChange={(value) => handleCountryChange(value, field.name)}>
-                                    <FdSelectTrigger label="Select Your Country *" shouldAnimate={!!field.value} id={`country${elementSuffixes.select}`}>
-                                        <FdSelectValue />
-                                    </FdSelectTrigger>
-                                    <FdSelectContent>
-                                        <FdSelectGroup>
-                                            {countries.map((country, index) => (<FdSelectItem index={index} key={country.code} value={country.code} id={`${country.code}${elementSuffixes.selectOption}`}>
-                                                    {country.name}
-                                                </FdSelectItem>))}
-                                        </FdSelectGroup>
-                                    </FdSelectContent>
-                                </FdSelect>
-                            </FdFormControl>
-                        </div>
-                    </FdFormItem>)}/>
-            <div>
-                <FdFormField control={control} name={userRoutes.zip} render={({ field }) => (<FdFormItem>
-                            <div className="w-full">
-                                <FdFormControl>
-                                    <FdInput {...field} inputId="zip" label="ZIP Code *" type="string" showClearIcon={true} skipAnimationOnce={true}/>
-                                </FdFormControl>
-                            </div>
-                        </FdFormItem>)}/>
-            </div>
-        </div>);
-}

package/packages/level2/client/website-scan/FdWebsiteScanResult.funcs.jsx

@@ -1,12 +0,0 @@
-import { getWebsiteResultScanSocialMediaTypeBySocialMediaLink } from "@client/website-scan/website-scan-result-social-media";
-import { socialMediaIcons } from "@client/website-scan/website-scan-data";
-import FdLink from "@fd-component-toolbox/link/FdLink";
-export function mapSocialMediaLinkToIndicator(socialMediaLink) {
-    const socialMediaType = getWebsiteResultScanSocialMediaTypeBySocialMediaLink(socialMediaLink);
-    return {
-        content: (<FdLink href={socialMediaLink} className="size-6" openInNewTab>
-                {socialMediaIcons[socialMediaType]?.icon ?? null}
-            </FdLink>),
-        tooltip: <p>{socialMediaIcons[socialMediaType]?.name ?? "Unknown"}</p>,
-    };
-}

package/packages/level2/client/website-scan/FdWebsiteScanResult.jsx

@@ -1,33 +0,0 @@
-import { LeadGooglePlaceIndicators } from "@/lm/lead/lead-google-place/LeadGooglePlaceIndicators";
-import { analyticsIcons, platformIcons } from "@client/website-scan/website-scan-data";
-import { mapSocialMediaLinkToIndicator } from "@client/website-scan/FdWebsiteScanResult.funcs";
-export function FdWebsiteScanResult({ websiteScanResult }) {
-    return (<div className="flex w-full flex-wrap items-center gap-2 text-muted-foreground">
-            <div className="flex items-center gap-1">
-                <p>Platform:</p>
-                <LeadGooglePlaceIndicators cssClass="gap-1" indicators={[
-            {
-                content: (<div className="size-6">
-                                    {platformIcons[websiteScanResult.platform].icon}
-                                </div>),
-                tooltip: <p>{platformIcons[websiteScanResult.platform].name}</p>,
-            },
-        ]}/>
-            </div>
-
-            {websiteScanResult.analytics && (<div className="flex items-center gap-1">
-                    <p>Analytics:</p>
-                    <LeadGooglePlaceIndicators cssClass="gap-1" indicators={websiteScanResult.analytics.split(",").map((analytics) => ({
-                content: <div className="size-6">{analyticsIcons[parseInt(analytics)].icon}</div>,
-                tooltip: <p>{analyticsIcons[parseInt(analytics)].name}</p>,
-            }))}/>
-                </div>)}
-
-            {websiteScanResult.socialMediaLinks && (<div className="flex items-center gap-1">
-                    <p>Social Media:</p>
-                    <LeadGooglePlaceIndicators cssClass="gap-1" indicators={websiteScanResult.socialMediaLinks
-                .split(",")
-                .map(mapSocialMediaLinkToIndicator)}/>
-                </div>)}
-        </div>);
-}

package/packages/level2/client/website-scan/website-scan-data.jsx

@@ -1,28 +0,0 @@
-import { websiteScanResultPlatformTypes } from "@common/website-scan/website-scan-result-platform-type";
-import { websiteScanResultAnalyticsTypes } from "@common/website-scan/website-scan-result-analytics-type";
-import { websiteScanResultSocialMediaType } from "@client/website-scan/website-scan-result-social-media-type";
-import { OtherPlatformIcon, WordpressIcon, WixIcon, ShopifyIcon, SquarespaceIcon, GoogleAnalyticsIcon, FacebookPixelIcon, FacebookIcon, InstagramIcon, LinkedinIcon, TiktokIcon, XIcon, } from "@client/website-scan/website-scan-icons";
-export const platformIcons = {
-    [websiteScanResultPlatformTypes.other]: { icon: <OtherPlatformIcon />, name: "Other Platform" },
-    [websiteScanResultPlatformTypes.wordpress]: { icon: <WordpressIcon />, name: "Wordpress" },
-    [websiteScanResultPlatformTypes.wix]: { icon: <WixIcon />, name: "Wix" },
-    [websiteScanResultPlatformTypes.shopify]: { icon: <ShopifyIcon />, name: "Shopify" },
-    [websiteScanResultPlatformTypes.squarespace]: { icon: <SquarespaceIcon />, name: "Squarespace" },
-};
-export const analyticsIcons = {
-    [websiteScanResultAnalyticsTypes.googleAnalytics]: {
-        icon: <GoogleAnalyticsIcon />,
-        name: "Google Analytics",
-    },
-    [websiteScanResultAnalyticsTypes.facebookPixel]: {
-        icon: <FacebookPixelIcon />,
-        name: "Facebook Pixel",
-    },
-};
-export const socialMediaIcons = {
-    [websiteScanResultSocialMediaType.facebook]: { icon: <FacebookIcon />, name: "Facebook" },
-    [websiteScanResultSocialMediaType.instagram]: { icon: <InstagramIcon />, name: "Instagram" },
-    [websiteScanResultSocialMediaType.linkedin]: { icon: <LinkedinIcon />, name: "LinkedIn" },
-    [websiteScanResultSocialMediaType.tiktok]: { icon: <TiktokIcon />, name: "TikTok" },
-    [websiteScanResultSocialMediaType.xCom]: { icon: <XIcon />, name: "Twitter" },
-};

package/packages/level2/client/website-scan/website-scan-icons/FacebookIcon.jsx

@@ -1,6 +0,0 @@
-import { cn } from "@fd-toolbox/lib/utils";
-export function FacebookIcon({ className }) {
-    return (<svg viewBox="-2.4 -2.4 52.80 52.80" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="#000000" className={cn(className)}>
-            <path d="M29.6157 25.4991L30.2996 21.1577H26.0868V18.3358C26.0868 17.1487 26.6749 15.9887 28.5557 15.9887H30.498V12.2917C29.3669 12.1115 28.224 12.014 27.0785 12C23.6111 12 21.3473 14.0825 21.3473 17.8474V21.1577H17.5038V25.4991H21.3473V36H26.0868V25.4991H29.6157Z" fill="#337FFF"/>
-        </svg>);
-}

package/packages/level2/client/website-scan/website-scan-icons/FacebookPixelIcon.jsx

@@ -1,49 +0,0 @@
-import { cn } from "@fd-toolbox/lib/utils";
-export function FacebookPixelIcon({ className }) {
-    return (<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 72.47 69.79" className={cn(className)}>
-            <path fill="#4367b1" d="
-                    M179.37,182.93
-                    l-21.46-12.39
-                    a7,7,0,0,0-6.29,0
-                    l-21.46,12.39
-                    a7,7,0,0,0-3.14,5.45
-                    v24.78
-                    a7,7,0,0,0,3.14,5.44
-                    l2.39,1.38
-                    h0
-                    l22.22,13.37
-                    L177,220
-                    h0
-                    l2.36-1.36
-                    a7,7,0,0,0,3.14-5.44
-                    V188.37
-                    A7,7,0,0,0,179.37,182.93
-
-                    M142,214.13
-                    a2.84,2.84,0,0,1-2-.84
-                    l-10.61-10.62
-                    a2.86,2.86,0,0,1,0-4
-                    L140,188
-                    a2.86,2.86,0,1,1,4,4
-                    l-8.62,8.62
-                    l8.59,8.59
-                    A2.86,2.86,0,0,1,142,214.13
-
-                    M150.22,216.64
-                    a2.88,2.88,0,0,1-2.59,1.65
-                    a2.86,2.86,0,0,1-2.59-4.08
-                    l14.58-31
-                    a2.86,2.86,0,1,1,5.18,2.43
-
-                    M180.16,202.65
-                    l-10.64,10.64
-                    a2.86,2.86,0,1,1-4-4
-                    l8.62-8.62
-                    L165.5,192
-                    a2.86,2.86,0,0,1,0-4
-                    a2.93,2.93,0,0,1,4,0
-                    l10.62,10.61
-                    A2.86,2.86,0,0,1,180.16,202.65
-                " transform="translate(-119 -169.79)"/>
-        </svg>);
-}

package/packages/level2/client/website-scan/website-scan-icons/GoogleAnalyticsIcon.jsx

@@ -1,7 +0,0 @@
-import { cn } from "@fd-toolbox/lib/utils";
-export function GoogleAnalyticsIcon({ className }) {
-    return (<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 301112 333331" shapeRendering="geometricPrecision" textRendering="geometricPrecision" imageRendering="optimizeQuality" fillRule="evenodd" clipRule="evenodd" className={cn(className)}>
-            <path d="M301110 291619c124 22886-18333 41521-41206 41644-1700 14-3415-82-5101-288-21227-3140-36776-21611-36256-43057V43342c-507-21474 15084-39944 36324-43057 22721-2660 43304 13602 45964 36324 192 1673 288 3346 274 5032v249977z" fill="#f9ab00"/>
-            <path d="M41288 250756c22804 0 41288 18484 41288 41288s-18484 41288-41288 41288S0 314848 0 292044s18484-41288 41288-41288zm108630-125126c-22913 1261-40685 20472-40150 43413v110892c0 30099 13246 48364 32649 52258 22393 4539 44209-9928 48748-32320 562-2743 836-5526 822-8323V167124c41-22886-18470-41467-41356-41507-233 0-480 0-713 14z" fill="#e37400"/>
-        </svg>);
-}

package/packages/level2/client/website-scan/website-scan-icons/InstagramIcon.jsx

@@ -1,32 +0,0 @@
-import { cn } from "@fd-toolbox/lib/utils";
-export function InstagramIcon({ className }) {
-    return (<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" className={cn(className)}>
-            <path d="M19.6301 24.0001C19.6301 21.5874 21.5865 19.6311 24.0006 19.6311C26.4147 19.6311 28.3722 21.5874 28.3722 24.0001C28.3722 26.4127 26.4147 28.3691 24.0006 28.3691C21.5865 28.3691 19.6301 26.4127 19.6301 24.0001ZM17.2668 24.0001C17.2668 27.7169 20.2815 30.7298 24.0006 30.7298C27.7197 30.7298 30.7344 27.7169 30.7344 24.0001C30.7344 20.2832 27.7197 17.2704 24.0006 17.2704C20.2815 17.2704 17.2668 20.2832 17.2668 24.0001ZM29.4273 17.0035C29.4272 17.3146 29.5193 17.6187 
-                29.6921 17.8774C29.865 18.1361 30.1107 18.3378 30.3982 18.4569C30.6856 18.5761 31.002 18.6073 31.3073 18.5468C31.6126 18.4862 31.8931 18.3365 32.1132 18.1167C32.3334 17.8968 32.4834 17.6166 32.5442 17.3116C32.6051 17.0065 32.574 16.6903 32.455 16.4029C32.3361 16.1155 32.1345 15.8698 31.8757 15.6968C31.617 15.5239 31.3128 15.4316 31.0016 15.4314H31.0009C30.5838 15.4316 30.1837 15.5973 29.8886 15.8921C29.5936 16.1868 29.4277 16.5866 29.4273 17.0035V17.0035ZM18.7026 
-                34.668C17.4241 34.6098 16.7292 34.3969 16.2674 34.2171C15.6551 33.9789 15.2183 33.6952 14.759 33.2368C14.2997 32.7784 14.0154 32.3423 13.7781 31.7304C13.598 31.269 13.3851 30.5743 13.3269 29.2965C13.2634 27.9151 13.2507 27.5001 13.2507 24.0002C13.2507 20.5003 13.2644 20.0864 13.3269 18.7038C13.3852 17.4261 13.5997 16.7327 13.7781 16.27C14.0164 15.6581 14.3003 15.2215 14.759 14.7625C15.2176 14.3035 15.6541 14.0194 16.2674 13.7822C16.729 13.6023 17.4241 13.3894 18.7026
-                13.3314C20.0849 13.2678 20.5002 13.2551 24.0006 13.2551C27.501 13.2551 27.9167 13.2689 29.3001 13.3314C30.5787
-                13.3895 31.2725 13.604 31.7354 13.7822C32.3477 14.0194 32.7845 14.3041 33.2438 14.7625C33.7031 15.2209 33.9864 15.6581 34.2247 16.27C34.4048 16.7313 34.6177 17.4261 34.6758 18.7038C34.7394 20.0864 34.7521 20.5003 34.7521 24.0002C34.7521 27.5001 34.7394 27.9139 34.6758 29.2965C34.6176 30.5743 34.4036 31.2688 34.2247 31.7304C33.9864 32.3423 33.7025 32.7788 33.2438 33.2368C32.7851 33.6948 32.3477 33.9789 31.7354 34.2171C31.2738 34.397 30.5787 34.6099 29.3001 34.668C27.9178
-                34.7315 27.5026 34.7442 24.0006 34.7442C20.4986 34.7442 20.0845 34.7315 18.7026 34.668V34.668ZM18.5941 10.9735C17.198 11.0371 16.2441 11.2583 15.411 11.5823C14.5482 11.9169 13.8178 12.3657 13.088 13.094C12.3581 13.8222 11.9101 14.5533 11.5754 15.4156C11.2512 16.2487 11.0298 17.2016 10.9663 18.5968C10.9016 19.9942 10.8868 20.4409 10.8868 24.0001C10.8868 27.5592 10.9016 28.006 10.9663 29.4034C11.0298 30.7987 11.2512 31.7514 11.5754 32.5846C11.9101 33.4463 12.3582 34.1782 
-                13.088 34.9062C13.8177 35.6341 14.5482 36.0824
-                15.411 36.4179C16.2456 36.7419 17.198 36.9631 18.5941 37.0266C19.993 37.0902 20.4393 37.106 24.0006 37.106C27.5619 37.106 28.0089 37.0912
-                29.4071 37.0266C30.8033 36.9631 31.7566 36.7419 32.5902 36.4179C33.4525 36.0824 34.1834 35.6345 34.9133 34.9062C35.6431 34.1779 36.0901 33.4463 36.4258 32.5846C36.75 31.7514 36.9724 30.7986 37.035 29.4034C37.0985 28.0049 37.1133 27.5592 37.1133 24.0001C37.1133 20.4409 37.0985 19.9942 37.035 18.5968C36.9714 17.2015 36.75 16.2482 36.4258 15.4156C36.0901 14.5539
-                35.642 13.8234 34.9133 13.094C34.1845 12.3646 33.4525 11.9169 32.5913 11.5823C31.7566 11.2583 30.8032 11.036 29.4082 10.9735C28.01 10.91 27.5629 10.8942 24.0017 10.8942C20.4404 10.8942 19.993 10.909 18.5941 10.9735Z" fill="url(#paint0_radial_8_74)"/>
-            <path d="M19.6301 24.0001C19.6301 21.5874 21.5865 19.6311 24.0006 19.6311C26.4147 19.6311 28.3722 21.5874 28.3722 24.0001C28.3722 26.4127 26.4147 28.3691 24.0006 28.3691C21.5865 28.3691 19.6301 26.4127 19.6301 24.0001ZM17.2668 24.0001C17.2668 27.7169 20.2815 30.7298 24.0006 30.7298C27.7197 30.7298 30.7344 27.7169 30.7344 24.0001C30.7344 20.2832 27.7197 17.2704 24.0006 17.2704C20.2815 17.2704 17.2668 20.2832 17.2668 24.0001ZM29.4273 17.0035C29.4272 17.3146 29.5193 17.6187 
-                29.6921 17.8774C29.865 18.1361 30.1107 18.3378 30.3982 18.4569C30.6856 18.5761 31.002 18.6073 31.3073 18.5468C31.6126 18.4862 31.8931 18.3365 32.1132 18.1167C32.3334 17.8968 32.4834 17.6166 32.5442 17.3116C32.6051 17.0065 32.574 16.6903 32.455 16.4029C32.3361 16.1155 32.1345 15.8698 31.8757 15.6968C31.617 15.5239 31.3128 15.4316 31.0016 15.4314H31.0009C30.5838 15.4316 30.1837 15.5973 29.8886 15.8921C29.5936 16.1868 29.4277 16.5866 29.4273 17.0035V17.0035ZM18.7026 
-                34.668C17.4241 34.6098 16.7292 34.3969 16.2674 34.2171C15.6551 33.9789 15.2183 33.6952 14.759 33.2368C14.2997 32.7784 14.0154 32.3423 13.7781 31.7304C13.598 31.269 13.3851 30.5743 13.3269 29.2965C13.2634 27.9151 13.2507 27.5001 13.2507 24.0002C13.2507 20.5003 13.2644 20.0864 13.3269 18.7038C13.3852 17.4261 13.5997 16.7327 13.7781 16.27C14.0164 15.6581 14.3003 15.2215 14.759 14.7625C15.2176 14.3035 15.6541 14.0194 16.2674 13.7822C16.729 13.6023 17.4241 13.3894 18.7026
-                13.3314C20.0849 13.2678 20.5002 13.2551 24.0006 13.2551C27.501 13.2551 27.9167 13.2689 29.3001 13.3314C30.5787 13.3895 31.2725 13.604 31.7354 13.7822C32.3477 14.0194 32.7845 14.3041 33.2438 14.7625C33.7031 15.2209 33.9864 15.6581 34.2247 16.27C34.4048 16.7313 34.6177 17.4261 34.6758 18.7038C34.7394 20.0864 34.7521 20.5003 34.7521 24.0002C34.7521 27.5001 34.7394 27.9139 34.6758 29.2965C34.6176 30.5743 34.4036 31.2688 34.2247 31.7304C33.9864 32.3423 33.7025 32.7788 
-                33.2438 33.2368C32.7851 33.6948 32.3477 33.9789 31.7354 34.2171C31.2738 34.397 30.5787 34.6099 29.3001 34.668C27.9178 34.7315 27.5026 34.7442 24.0006 34.7442C20.4986 34.7442 20.0845 34.7315 18.7026 34.668V34.668ZM18.5941 10.9735C17.198 11.0371 16.2441 11.2583 15.411 11.5823C14.5482 11.9169 13.8178 12.3657 13.088 13.094C12.3581 13.8222 11.9101 14.5533 11.5754 15.4156C11.2512 16.2487 11.0298 17.2016 10.9663 18.5968C10.9016 19.9942 10.8868 20.4409 10.8868 24.0001C10.8868
-                27.5592 10.9016 28.006 10.9663 29.4034C11.0298 30.7987 11.2512 31.7514 11.5754 32.5846C11.9101 33.4463 12.3582 34.1782 13.088 34.9062C13.8177 35.6341 14.5482 36.0824 15.411 36.4179C16.2456 36.7419 17.198 36.9631 18.5941 37.0266C19.993 37.0902 20.4393 37.106 24.0006 37.106C27.5619 37.106 28.0089 37.0912 29.4071 37.0266C30.8033 36.9631 31.7566 36.7419 32.5902 36.4179C33.4525 36.0824 34.1834 35.6345 34.9133 34.9062C35.6431 34.1779 36.0901 33.4463 36.4258 32.5846C36.75 
-                31.7514 36.9724 30.7986 37.035 29.4034C37.0985 28.0049 37.1133 27.5592 37.1133 24.0001C37.1133 20.4409 37.0985 19.9942 37.035 18.5968C36.9714 17.2015 36.75 16.2482 36.4258 15.4156C36.0901 14.5539 35.642 13.8234 34.9133 13.094C34.1845 12.3646 33.4525 11.9169 32.5913 11.5823C31.7566 11.2583 30.8032 11.036 29.4082 10.9735C28.01 10.91 27.5629 10.8942 24.0017 10.8942C20.4404 10.8942 19.993 10.909 18.5941 10.9735Z" fill="url(#paint1_radial_8_74)"/>
-            <defs>
-                <radialGradient id="paint0_radial_8_74" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.3713 37.2298) scale(34.2378 34.2173)">
-                    <stop offset="0.09" stop-color="#FA8F21"/>
-                    <stop offset="0.78" stop-color="#D82D7E"/>
-                </radialGradient>
-                <radialGradient id="paint1_radial_8_74" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(26.7927 38.4041) scale(26.9841 26.968)">
-                    <stop offset="0.64" stop-color="#8C3AAA" stop-opacity="0"/>
-                    <stop offset="1" stop-color="#8C3AAA"/>
-                </radialGradient>
-            </defs>
-        </svg>);
-}

package/packages/level2/client/website-scan/website-scan-icons/LinkedinIcon.jsx

@@ -1,6 +0,0 @@
-import { cn } from "@fd-toolbox/lib/utils";
-export function LinkedinIcon({ className }) {
-    return (<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 50 50" className={cn(className)}>
-            <path fill="#0077B5" d="M41,4H9C6.24,4,4,6.24,4,9v32c0,2.76,2.24,5,5,5h32c2.76,0,5-2.24,5-5V9C46,6.24,43.76,4,41,4z M17,20v19h-6V20H17z M11,14.47c0-1.4,1.2-2.47,3-2.47s2.93,1.07,3,2.47c0,1.4-1.12,2.53-3,2.53C12.2,17,11,15.87,11,14.47z M39,39h-6c0,0,0-9.26,0-10 c0-2-1-4-3.5-4.04h-0.08C27,24.96,26,27.02,26,29c0,0.91,0,10,0,10h-6V20h6v2.56c0,0,1.93-2.56,5.81-2.56 c3.97,0,7.19,2.73,7.19,8.26V39z"></path>
-        </svg>);
-}