@greatapps/common 1.1.507 → 1.1.511

package/dist/components/navigation/ProjectSelectorPopover.mjs

@@ -58,7 +58,7 @@ function ProjectSelectorPopover({
     /* @__PURE__ */ jsx(
       PopoverContent,
       {
-        className: "w-[296px] p-0 bg-white rounded-2xl shadow-md border border-gray-200",
+        className: "w-[296px] max-h-[380px] p-0 bg-white rounded-2xl shadow-md border border-gray-200",
         align: "start",
         sideOffset: 8,
         onInteractOutside: (event) => {
@@ -74,7 +74,7 @@ function ProjectSelectorPopover({
             /* @__PURE__ */ jsx(
               CommandList,
               {
-                className: "custom-scrollbar paragraph-small-medium text-gray-600 h-[227px]",
+                className: "custom-scrollbar paragraph-small-medium text-gray-600 max-h-[227px]",
                 onScroll: handleListScroll,
                 children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx(ProjectItemSkeleton, {}),

package/dist/components/navigation/ProjectSelectorPopover.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/navigation/ProjectSelectorPopover.tsx"],"sourcesContent":["'use client';\n\nimport { Dispatch, RefObject, SetStateAction, UIEvent, useCallback } from 'react';\nimport {\n  Button,\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  UserAvatar,\n} from '../../index';\nimport { IconCheck, IconChevronDown, IconFolderOpen } from '@tabler/icons-react';\nimport type { Project } from '../../modules/projects/types';\n\nexport interface ProjectSelectorPopoverProps {\n  open: boolean;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  titleRef?: RefObject<HTMLSpanElement | null>;\n  projects: Project[];\n  selectedProject: Project | null;\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  onLoadMore?: () => void | Promise<unknown>;\n  onSelectProject: (project: Project) => void;\n  onManageProjects?: () => void;\n  search?: string;\n  onSearchChange?: (value: string) => void;\n  children?: React.ReactNode;\n}\n\nfunction ProjectItemSkeleton() {\n  return (\n    <div className=\"flex items-center justify-between px-2 py-2 gap-2\">\n      <div className=\"flex items-center gap-2 flex-1\">\n        <div className=\"skeleton size-9 rounded-lg shrink-0\" />\n        <div className=\"skeleton h-4 w-36 rounded\" />\n      </div>\n      <div className=\"skeleton size-4 rounded-full shrink-0\" />\n    </div>\n  );\n}\n\nexport function ProjectSelectorPopover({\n  open,\n  setOpen,\n  titleRef,\n  projects,\n  selectedProject,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  onLoadMore,\n  onSelectProject,\n  onManageProjects,\n  search,\n  onSearchChange,\n  children,\n}: ProjectSelectorPopoverProps) {\n  const handleListScroll = useCallback((event: UIEvent<HTMLDivElement>) => {\n    if (!hasNextPage || isFetchingNextPage || !onLoadMore) return;\n\n    const target = event.currentTarget;\n    const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;\n\n    if (distanceToBottom <= 80) {\n      onLoadMore();\n    }\n  }, [hasNextPage, isFetchingNextPage, onLoadMore]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        {children ?? (\n          <button className=\"cursor-pointer\">\n            <IconChevronDown\n              size={20}\n              className={`transition-transform duration-200 ${open ? 'rotate-180 text-gray-950' : 'text-gray-400'}`}\n            />\n          </button>\n        )}\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-[296px] p-0 bg-white rounded-2xl shadow-md border border-gray-200\"\n        align=\"start\"\n        sideOffset={8}\n        onInteractOutside={(event: Event) => {\n          if (titleRef?.current?.contains(event.target as Node)) {\n            event.preventDefault();\n          }\n        }}\n      >\n        <div className=\"flex flex-col p-3 gap-2\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"paragraph-small-semibold\">Projetos</span>\n          </div>\n          <Command className=\"gap-2\" defaultValue=\" \" shouldFilter={!onSearchChange} value=\" \" onValueChange={() => {}}>\n            <CommandInput placeholder=\"Busque aqui\" value={search} onValueChange={onSearchChange} />\n            <CommandList\n              className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[227px]\"\n              onScroll={handleListScroll}\n            >\n              {isLoading ? (\n                <>\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                </>\n              ) : projects.length === 0 ? (\n                <div className=\"flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4\">\n                  <IconFolderOpen size={28} className=\"text-gray-300\" />\n                  <span className=\"paragraph-small-medium text-center text-gray-500\">\n                    Nenhum projeto encontrado.\n                    <br />\n                    Crie um projeto para começar.\n                  </span>\n                </div>\n              ) : (\n                <>\n                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\n                  {projects.map((project) => {\n                    const isSelected = selectedProject?.id === project.id;\n                    return (\n                      <CommandItem\n                        key={project.id}\n                        value={`${project.title}-${project.id}`}\n                        keywords={[project.title]}\n                        className={isSelected ? 'bg-gray-50 min-h-[39px]' : 'min-h-[39px]'}\n                        onSelect={() => onSelectProject(project)}\n                      >\n                        <div className=\"flex items-center justify-between w-full cursor-pointer\">\n                          <div className=\"flex items-center gap-2 w-full\">\n                            <UserAvatar\n                              photo={project.photo}\n                              name={project.title}\n                              size={36}\n                            />\n                            {project.title}\n                          </div>\n                          {isSelected && (\n                            <IconCheck className=\"size-4 text-gray-950\" />\n                          )}\n                        </div>\n                      </CommandItem>\n                    );\n                  })}\n                  {isFetchingNextPage && (\n                    <>\n                      <ProjectItemSkeleton />\n                      <ProjectItemSkeleton />\n                    </>\n                  )}\n                </>\n              )}\n            </CommandList>\n          </Command>\n          {onManageProjects && (\n            <>\n              <div className=\"border-t border-gray-200\" />\n              <Button\n                variant=\"ghost\"\n                className=\"h-10! paragraph-small-medium text-gray-600 hover:text-gray-950 hover:bg-zinc-50 w-full justify-center\"\n                onClick={onManageProjects}\n              >\n                Gerenciar projetos\n              </Button>\n            </>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/navigation/ProjectSelectorPopover.tsx"],"sourcesContent":["'use client';\n\nimport { Dispatch, RefObject, SetStateAction, UIEvent, useCallback } from 'react';\nimport {\n  Button,\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  UserAvatar,\n} from '../../index';\nimport { IconCheck, IconChevronDown, IconFolderOpen } from '@tabler/icons-react';\nimport type { Project } from '../../modules/projects/types';\n\nexport interface ProjectSelectorPopoverProps {\n  open: boolean;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  titleRef?: RefObject<HTMLSpanElement | null>;\n  projects: Project[];\n  selectedProject: Project | null;\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  onLoadMore?: () => void | Promise<unknown>;\n  onSelectProject: (project: Project) => void;\n  onManageProjects?: () => void;\n  search?: string;\n  onSearchChange?: (value: string) => void;\n  children?: React.ReactNode;\n}\n\nfunction ProjectItemSkeleton() {\n  return (\n    <div className=\"flex items-center justify-between px-2 py-2 gap-2\">\n      <div className=\"flex items-center gap-2 flex-1\">\n        <div className=\"skeleton size-9 rounded-lg shrink-0\" />\n        <div className=\"skeleton h-4 w-36 rounded\" />\n      </div>\n      <div className=\"skeleton size-4 rounded-full shrink-0\" />\n    </div>\n  );\n}\n\nexport function ProjectSelectorPopover({\n  open,\n  setOpen,\n  titleRef,\n  projects,\n  selectedProject,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  onLoadMore,\n  onSelectProject,\n  onManageProjects,\n  search,\n  onSearchChange,\n  children,\n}: ProjectSelectorPopoverProps) {\n  const handleListScroll = useCallback((event: UIEvent<HTMLDivElement>) => {\n    if (!hasNextPage || isFetchingNextPage || !onLoadMore) return;\n\n    const target = event.currentTarget;\n    const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;\n\n    if (distanceToBottom <= 80) {\n      onLoadMore();\n    }\n  }, [hasNextPage, isFetchingNextPage, onLoadMore]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        {children ?? (\n          <button className=\"cursor-pointer\">\n            <IconChevronDown\n              size={20}\n              className={`transition-transform duration-200 ${open ? 'rotate-180 text-gray-950' : 'text-gray-400'}`}\n            />\n          </button>\n        )}\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-[296px] max-h-[380px] p-0 bg-white rounded-2xl shadow-md border border-gray-200\"\n        align=\"start\"\n        sideOffset={8}\n        onInteractOutside={(event: Event) => {\n          if (titleRef?.current?.contains(event.target as Node)) {\n            event.preventDefault();\n          }\n        }}\n      >\n        <div className=\"flex flex-col p-3 gap-2\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"paragraph-small-semibold\">Projetos</span>\n          </div>\n          <Command className=\"gap-2\" defaultValue=\" \" shouldFilter={!onSearchChange} value=\" \" onValueChange={() => {}}>\n            <CommandInput placeholder=\"Busque aqui\" value={search} onValueChange={onSearchChange} />\n            <CommandList\n              className=\"custom-scrollbar paragraph-small-medium text-gray-600 max-h-[227px]\"\n              onScroll={handleListScroll}\n            >\n              {isLoading ? (\n                <>\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                </>\n              ) : projects.length === 0 ? (\n                <div className=\"flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4\">\n                  <IconFolderOpen size={28} className=\"text-gray-300\" />\n                  <span className=\"paragraph-small-medium text-center text-gray-500\">\n                    Nenhum projeto encontrado.\n                    <br />\n                    Crie um projeto para começar.\n                  </span>\n                </div>\n              ) : (\n                <>\n                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\n                  {projects.map((project) => {\n                    const isSelected = selectedProject?.id === project.id;\n                    return (\n                      <CommandItem\n                        key={project.id}\n                        value={`${project.title}-${project.id}`}\n                        keywords={[project.title]}\n                        className={isSelected ? 'bg-gray-50 min-h-[39px]' : 'min-h-[39px]'}\n                        onSelect={() => onSelectProject(project)}\n                      >\n                        <div className=\"flex items-center justify-between w-full cursor-pointer\">\n                          <div className=\"flex items-center gap-2 w-full\">\n                            <UserAvatar\n                              photo={project.photo}\n                              name={project.title}\n                              size={36}\n                            />\n                            {project.title}\n                          </div>\n                          {isSelected && (\n                            <IconCheck className=\"size-4 text-gray-950\" />\n                          )}\n                        </div>\n                      </CommandItem>\n                    );\n                  })}\n                  {isFetchingNextPage && (\n                    <>\n                      <ProjectItemSkeleton />\n                      <ProjectItemSkeleton />\n                    </>\n                  )}\n                </>\n              )}\n            </CommandList>\n          </Command>\n          {onManageProjects && (\n            <>\n              <div className=\"border-t border-gray-200\" />\n              <Button\n                variant=\"ghost\"\n                className=\"h-10! paragraph-small-medium text-gray-600 hover:text-gray-950 hover:bg-zinc-50 w-full justify-center\"\n                onClick={onManageProjects}\n              >\n                Gerenciar projetos\n              </Button>\n            </>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/modules/plans/types/plan.type.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/plans/types/plan.type.ts"],"sourcesContent":["import z from 'zod';\nimport type { BillingPeriod } from '../../subscriptions/types/billing-period.type';\n\nexport const PlanItemSchema = z.object({\n  id_addon: z.number(),\n  quantity: z.number(),\n  value: z.number(),\n});\n\nexport type PlanItem = z.infer<typeof PlanItemSchema>;\n\nexport const PlanSchema = z.object({\n  id: z.number(),\n  id_plan: z.number().optional(),\n  name: z.string(),\n  value: z.number().default(0),\n  type: z.string().optional(),\n  discount_semester: z.number().default(0),\n  discount_annual: z.number().default(0),\n  items: z.array(PlanItemSchema).optional().default([]),\n});\n\nexport type Plan = z.infer<typeof PlanSchema>;\n\n// ── UI Plan types (used by list-plans action and consumers) ──\n\nexport type PlanFeature = {\n  icon: 'check' | 'x';\n  text: string;\n  disabled?: boolean;\n  tooltip?: keyof PlanTooltips;\n};\n\nexport type PlanMainFeatures = {\n  pages: string;\n  domains: string;\n  users: string;\n};\n\n/** Preços mensais equivalentes por período de cobrança (já com desconto aplicado). */\nexport type PlanPricingByPeriod = {\n  monthly: number;\n  semiannual: number;\n  annual: number;\n};\n\nexport type UiPlan = {\n  idPlan: number;\n  name: string;\n  isPopular?: boolean;\n  isCurrentPlan?: boolean;\n  currentPeriodicity?: BillingPeriod | null;\n  mainFeatures: PlanMainFeatures;\n  features: PlanFeature[];\n  originalPrice: string;\n  price: string;\n  pricingByPeriod?: PlanPricingByPeriod;\n  buttonVariant?: 'brand' | 'default';\n  items: PlanItem[];\n};\n\nexport type PlanTooltips = {\n  domains: string;\n  users: string;\n  sharePages: string;\n  projectManagement: string;\n};\n"],"mappings":"AAAA,OAAO,OAAO;AAGP,MAAM,iBAAiB,EAAE,OAAO;AAAA,EACrC,UAAU,EAAE,OAAO;AAAA,EACnB,UAAU,EAAE,OAAO;AAAA,EACnB,OAAO,EAAE,OAAO;AAClB,CAAC;AAIM,MAAM,aAAa,EAAE,OAAO;AAAA,EACjC,IAAI,EAAE,OAAO;AAAA,EACb,SAAS,EAAE,OAAO,EAAE,SAAS;AAAA,EAC7B,MAAM,EAAE,OAAO;AAAA,EACf,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;AAAA,EAC3B,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,mBAAmB,EAAE,OAAO,EAAE,QAAQ,CAAC;AAAA,EACvC,iBAAiB,EAAE,OAAO,EAAE,QAAQ,CAAC;AAAA,EACrC,OAAO,EAAE,MAAM,cAAc,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;AACtD,CAAC;","names":[]}
+{"version":3,"sources":["../../../../src/modules/plans/types/plan.type.ts"],"sourcesContent":["import z from 'zod';\nimport type { BillingPeriod } from '../../subscriptions/types/billing-period.type';\n\nexport const PlanItemSchema = z.object({\n  id_addon: z.number(),\n  quantity: z.number(),\n  value: z.number(),\n});\n\nexport type PlanItem = z.infer<typeof PlanItemSchema>;\n\nexport const PlanSchema = z.object({\n  id: z.number(),\n  id_plan: z.number().optional(),\n  name: z.string(),\n  value: z.number().default(0),\n  type: z.string().optional(),\n  discount_semester: z.number().default(0),\n  discount_annual: z.number().default(0),\n  items: z.array(PlanItemSchema).optional().default([]),\n});\n\nexport type Plan = z.infer<typeof PlanSchema>;\n\n// ── UI Plan types (used by list-plans action and consumers) ──\n\nexport type PlanFeature = {\n  icon: 'check' | 'x';\n  text: string;\n  disabled?: boolean;\n  tooltip?: keyof PlanTooltips;\n};\n\nexport type PlanMainFeatures = {\n  pages: string;\n  domains: string;\n  users: string;\n};\n\n/** Preços mensais equivalentes por período de cobrança (já com desconto aplicado). */\nexport type PlanPricingByPeriod = {\n  monthly: number;\n  semiannual: number;\n  annual: number;\n};\n\nexport type UiPlan = {\n  planId: number;\n  name: string;\n  isPopular?: boolean;\n  isCurrentPlan?: boolean;\n  currentPeriodicity?: BillingPeriod | null;\n  mainFeatures: PlanMainFeatures;\n  features: PlanFeature[];\n  originalPrice: string;\n  price: string;\n  pricingByPeriod?: PlanPricingByPeriod;\n  buttonVariant?: 'brand' | 'default';\n  items: PlanItem[];\n};\n\nexport type PlanTooltips = {\n  domains: string;\n  users: string;\n  sharePages: string;\n  projectManagement: string;\n};\n"],"mappings":"AAAA,OAAO,OAAO;AAGP,MAAM,iBAAiB,EAAE,OAAO;AAAA,EACrC,UAAU,EAAE,OAAO;AAAA,EACnB,UAAU,EAAE,OAAO;AAAA,EACnB,OAAO,EAAE,OAAO;AAClB,CAAC;AAIM,MAAM,aAAa,EAAE,OAAO;AAAA,EACjC,IAAI,EAAE,OAAO;AAAA,EACb,SAAS,EAAE,OAAO,EAAE,SAAS;AAAA,EAC7B,MAAM,EAAE,OAAO;AAAA,EACf,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;AAAA,EAC3B,MAAM,EAAE,OAAO,EAAE,SAAS;AAAA,EAC1B,mBAAmB,EAAE,OAAO,EAAE,QAAQ,CAAC;AAAA,EACvC,iBAAiB,EAAE,OAAO,EAAE,QAAQ,CAAC;AAAA,EACrC,OAAO,EAAE,MAAM,cAAc,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;AACtD,CAAC;","names":[]}

package/dist/modules/plans/utils/map-api-plan-to-ui.mjs

@@ -28,28 +28,38 @@ function computePricingByPeriod(apiPlan) {
     annual: round2(monthly * (1 - apiPlan.discount_annual / 100))
   };
 }
-function mapApiPlanToUiPlan(apiPlan, options) {
-  const { planId, isPopular, buttonVariant } = options;
-  const pricingByPeriod = computePricingByPeriod(apiPlan);
+function mapApiPlanToUiPlan(plan) {
+  const popular = plan.id === 2 || plan.id_plan === 2;
+  const buttonVariant = popular ? "brand" : "default";
+  const pricingByPeriod = computePricingByPeriod(plan);
   const monthlyFinal = pricingByPeriod.monthly;
-  const lowerName = apiPlan.name.toLowerCase();
+  const lowerName = plan.name.toLowerCase();
   const hasProjectAndOnboarding = lowerName.includes("ag\xEAncia") || lowerName.includes("agencia");
   const features = [
     ...BASE_FEATURES,
     hasProjectAndOnboarding ? { icon: "check", text: "Reuni\xE3o de Onboarding" } : { icon: "x", text: "Reuni\xE3o de Onboarding", disabled: true },
-    hasProjectAndOnboarding ? { icon: "check", text: "Gest\xE3o de projetos", tooltip: "projectManagement" } : { icon: "x", text: "Gest\xE3o de projetos", disabled: true, tooltip: "projectManagement" }
+    hasProjectAndOnboarding ? {
+      icon: "check",
+      text: "Gest\xE3o de projetos",
+      tooltip: "projectManagement"
+    } : {
+      icon: "x",
+      text: "Gest\xE3o de projetos",
+      disabled: true,
+      tooltip: "projectManagement"
+    }
   ];
   return {
-    idPlan: planId,
-    name: apiPlan.name,
-    isPopular,
+    planId: plan.id,
+    name: plan.name,
+    isPopular: popular,
     buttonVariant,
-    mainFeatures: buildMainFeaturesFromItems(apiPlan.items),
+    mainFeatures: buildMainFeaturesFromItems(plan.items),
     features,
     originalPrice: formatCurrencyNumber(monthlyFinal),
     price: formatCurrencyNumber(monthlyFinal),
     pricingByPeriod,
-    items: apiPlan.items
+    items: plan.items
   };
 }
 export {

package/dist/modules/plans/utils/map-api-plan-to-ui.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/plans/utils/map-api-plan-to-ui.ts"],"sourcesContent":["import type { Plan, PlanFeature, PlanMainFeatures, PlanPricingByPeriod, UiPlan } from '../types/plan.type';\nimport { ADDON_IDS } from '../../subscriptions/constants/addons.constants';\nimport { formatCurrencyNumber } from '../../../utils/format/currency';\n\nexport type PlanBillingPeriod = 'monthly' | 'semiannual' | 'annual';\n\nconst BASE_FEATURES: PlanFeature[] = [\n  { icon: 'check', text: 'Visitas ilimitadas' },\n  { icon: 'check', text: 'Leads ilimitadas' },\n  { icon: 'check', text: 'Compartilhar páginas', tooltip: 'sharePages' },\n  { icon: 'check', text: 'Hospedagem inclusa' },\n  { icon: 'check', text: 'SSL (HTTPS) + CDN' },\n  { icon: 'check', text: 'Templates Free' },\n];\n\nfunction buildMainFeaturesFromItems(items: Plan['items']): PlanMainFeatures {\n  const pagesItem = items.find((i) => i.id_addon === ADDON_IDS.PAGES);\n  const domainsItem = items.find((i) => i.id_addon === ADDON_IDS.DOMAINS);\n\n  const pagesQty = pagesItem?.quantity ?? 0;\n  const domainsQty = domainsItem?.quantity ?? 1;\n\n  return {\n    pages:\n      pagesQty === 0\n        ? 'Páginas ilimitadas'\n        : pagesQty === 1\n          ? '1 página'\n          : `${pagesQty} páginas`,\n    domains:\n      domainsQty >= 999\n        ? 'Domínios ilimitados'\n        : domainsQty === 1\n          ? '1 domínio externo'\n          : `${domainsQty} domínios externos`,\n    users: 'Usuários ilimitados',\n  };\n}\n\nfunction computePricingByPeriod(apiPlan: Plan): PlanPricingByPeriod {\n  const monthly = apiPlan.value;\n  const round2 = (n: number) => Math.round(n * 100) / 100;\n  return {\n    monthly,\n    semiannual: round2(monthly * (1 - apiPlan.discount_semester / 100)),\n    annual: round2(monthly * (1 - apiPlan.discount_annual / 100)),\n  };\n}\n\nexport function mapApiPlanToUiPlan(\n  apiPlan: Plan,\n  options: {\n    planId: number;\n    isPopular?: boolean;\n    buttonVariant?: 'brand' | 'default';\n  }\n): UiPlan {\n  const { planId, isPopular, buttonVariant } = options;\n\n  const pricingByPeriod = computePricingByPeriod(apiPlan);\n  const monthlyFinal = pricingByPeriod.monthly;\n\n  const lowerName = apiPlan.name.toLowerCase();\n  const hasProjectAndOnboarding =\n    lowerName.includes('agência') || lowerName.includes('agencia');\n\n  const features: PlanFeature[] = [\n    ...BASE_FEATURES,\n    hasProjectAndOnboarding\n      ? { icon: 'check', text: 'Reunião de Onboarding' }\n      : { icon: 'x', text: 'Reunião de Onboarding', disabled: true },\n    hasProjectAndOnboarding\n      ? { icon: 'check', text: 'Gestão de projetos', tooltip: 'projectManagement' }\n      : { icon: 'x', text: 'Gestão de projetos', disabled: true, tooltip: 'projectManagement' },\n  ];\n\n  return {\n    idPlan: planId,\n    name: apiPlan.name,\n    isPopular,\n    buttonVariant,\n    mainFeatures: buildMainFeaturesFromItems(apiPlan.items),\n    features,\n    originalPrice: formatCurrencyNumber(monthlyFinal),\n    price: formatCurrencyNumber(monthlyFinal),\n    pricingByPeriod,\n    items: apiPlan.items,\n  };\n}\n"],"mappings":"AACA,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;AAIrC,MAAM,gBAA+B;AAAA,EACnC,EAAE,MAAM,SAAS,MAAM,qBAAqB;AAAA,EAC5C,EAAE,MAAM,SAAS,MAAM,mBAAmB;AAAA,EAC1C,EAAE,MAAM,SAAS,MAAM,2BAAwB,SAAS,aAAa;AAAA,EACrE,EAAE,MAAM,SAAS,MAAM,qBAAqB;AAAA,EAC5C,EAAE,MAAM,SAAS,MAAM,oBAAoB;AAAA,EAC3C,EAAE,MAAM,SAAS,MAAM,iBAAiB;AAC1C;AAEA,SAAS,2BAA2B,OAAwC;AAC1E,QAAM,YAAY,MAAM,KAAK,CAAC,MAAM,EAAE,aAAa,UAAU,KAAK;AAClE,QAAM,cAAc,MAAM,KAAK,CAAC,MAAM,EAAE,aAAa,UAAU,OAAO;AAEtE,QAAM,WAAW,WAAW,YAAY;AACxC,QAAM,aAAa,aAAa,YAAY;AAE5C,SAAO;AAAA,IACL,OACE,aAAa,IACT,0BACA,aAAa,IACX,gBACA,GAAG,QAAQ;AAAA,IACnB,SACE,cAAc,MACV,2BACA,eAAe,IACb,yBACA,GAAG,UAAU;AAAA,IACrB,OAAO;AAAA,EACT;AACF;AAEA,SAAS,uBAAuB,SAAoC;AAClE,QAAM,UAAU,QAAQ;AACxB,QAAM,SAAS,CAAC,MAAc,KAAK,MAAM,IAAI,GAAG,IAAI;AACpD,SAAO;AAAA,IACL;AAAA,IACA,YAAY,OAAO,WAAW,IAAI,QAAQ,oBAAoB,IAAI;AAAA,IAClE,QAAQ,OAAO,WAAW,IAAI,QAAQ,kBAAkB,IAAI;AAAA,EAC9D;AACF;AAEO,SAAS,mBACd,SACA,SAKQ;AACR,QAAM,EAAE,QAAQ,WAAW,cAAc,IAAI;AAE7C,QAAM,kBAAkB,uBAAuB,OAAO;AACtD,QAAM,eAAe,gBAAgB;AAErC,QAAM,YAAY,QAAQ,KAAK,YAAY;AAC3C,QAAM,0BACJ,UAAU,SAAS,YAAS,KAAK,UAAU,SAAS,SAAS;AAE/D,QAAM,WAA0B;AAAA,IAC9B,GAAG;AAAA,IACH,0BACI,EAAE,MAAM,SAAS,MAAM,2BAAwB,IAC/C,EAAE,MAAM,KAAK,MAAM,4BAAyB,UAAU,KAAK;AAAA,IAC/D,0BACI,EAAE,MAAM,SAAS,MAAM,yBAAsB,SAAS,oBAAoB,IAC1E,EAAE,MAAM,KAAK,MAAM,yBAAsB,UAAU,MAAM,SAAS,oBAAoB;AAAA,EAC5F;AAEA,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM,QAAQ;AAAA,IACd;AAAA,IACA;AAAA,IACA,cAAc,2BAA2B,QAAQ,KAAK;AAAA,IACtD;AAAA,IACA,eAAe,qBAAqB,YAAY;AAAA,IAChD,OAAO,qBAAqB,YAAY;AAAA,IACxC;AAAA,IACA,OAAO,QAAQ;AAAA,EACjB;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/modules/plans/utils/map-api-plan-to-ui.ts"],"sourcesContent":["import type {\n  Plan,\n  PlanFeature,\n  PlanMainFeatures,\n  PlanPricingByPeriod,\n  UiPlan,\n} from \"../types/plan.type\";\nimport { ADDON_IDS } from \"../../subscriptions/constants/addons.constants\";\nimport { formatCurrencyNumber } from \"../../../utils/format/currency\";\n\nexport type PlanBillingPeriod = \"monthly\" | \"semiannual\" | \"annual\";\n\nconst BASE_FEATURES: PlanFeature[] = [\n  { icon: \"check\", text: \"Visitas ilimitadas\" },\n  { icon: \"check\", text: \"Leads ilimitadas\" },\n  { icon: \"check\", text: \"Compartilhar páginas\", tooltip: \"sharePages\" },\n  { icon: \"check\", text: \"Hospedagem inclusa\" },\n  { icon: \"check\", text: \"SSL (HTTPS) + CDN\" },\n  { icon: \"check\", text: \"Templates Free\" },\n];\n\nfunction buildMainFeaturesFromItems(items: Plan[\"items\"]): PlanMainFeatures {\n  const pagesItem = items.find((i) => i.id_addon === ADDON_IDS.PAGES);\n  const domainsItem = items.find((i) => i.id_addon === ADDON_IDS.DOMAINS);\n\n  const pagesQty = pagesItem?.quantity ?? 0;\n  const domainsQty = domainsItem?.quantity ?? 1;\n\n  return {\n    pages:\n      pagesQty === 0\n        ? \"Páginas ilimitadas\"\n        : pagesQty === 1\n          ? \"1 página\"\n          : `${pagesQty} páginas`,\n    domains:\n      domainsQty >= 999\n        ? \"Domínios ilimitados\"\n        : domainsQty === 1\n          ? \"1 domínio externo\"\n          : `${domainsQty} domínios externos`,\n    users: \"Usuários ilimitados\",\n  };\n}\n\nfunction computePricingByPeriod(apiPlan: Plan): PlanPricingByPeriod {\n  const monthly = apiPlan.value;\n  const round2 = (n: number) => Math.round(n * 100) / 100;\n  return {\n    monthly,\n    semiannual: round2(monthly * (1 - apiPlan.discount_semester / 100)),\n    annual: round2(monthly * (1 - apiPlan.discount_annual / 100)),\n  };\n}\n\nexport function mapApiPlanToUiPlan(plan: Plan): UiPlan {\n  const popular = plan.id === 2 || plan.id_plan === 2;\n  const buttonVariant = popular ? \"brand\" : \"default\";\n\n  const pricingByPeriod = computePricingByPeriod(plan);\n  const monthlyFinal = pricingByPeriod.monthly;\n\n  const lowerName = plan.name.toLowerCase();\n  const hasProjectAndOnboarding =\n    lowerName.includes(\"agência\") || lowerName.includes(\"agencia\");\n\n  const features: PlanFeature[] = [\n    ...BASE_FEATURES,\n    hasProjectAndOnboarding\n      ? { icon: \"check\", text: \"Reunião de Onboarding\" }\n      : { icon: \"x\", text: \"Reunião de Onboarding\", disabled: true },\n    hasProjectAndOnboarding\n      ? {\n          icon: \"check\",\n          text: \"Gestão de projetos\",\n          tooltip: \"projectManagement\",\n        }\n      : {\n          icon: \"x\",\n          text: \"Gestão de projetos\",\n          disabled: true,\n          tooltip: \"projectManagement\",\n        },\n  ];\n\n  return {\n    planId: plan.id,\n    name: plan.name,\n    isPopular: popular,\n    buttonVariant,\n    mainFeatures: buildMainFeaturesFromItems(plan.items),\n    features,\n    originalPrice: formatCurrencyNumber(monthlyFinal),\n    price: formatCurrencyNumber(monthlyFinal),\n    pricingByPeriod,\n    items: plan.items,\n  };\n}\n"],"mappings":"AAOA,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;AAIrC,MAAM,gBAA+B;AAAA,EACnC,EAAE,MAAM,SAAS,MAAM,qBAAqB;AAAA,EAC5C,EAAE,MAAM,SAAS,MAAM,mBAAmB;AAAA,EAC1C,EAAE,MAAM,SAAS,MAAM,2BAAwB,SAAS,aAAa;AAAA,EACrE,EAAE,MAAM,SAAS,MAAM,qBAAqB;AAAA,EAC5C,EAAE,MAAM,SAAS,MAAM,oBAAoB;AAAA,EAC3C,EAAE,MAAM,SAAS,MAAM,iBAAiB;AAC1C;AAEA,SAAS,2BAA2B,OAAwC;AAC1E,QAAM,YAAY,MAAM,KAAK,CAAC,MAAM,EAAE,aAAa,UAAU,KAAK;AAClE,QAAM,cAAc,MAAM,KAAK,CAAC,MAAM,EAAE,aAAa,UAAU,OAAO;AAEtE,QAAM,WAAW,WAAW,YAAY;AACxC,QAAM,aAAa,aAAa,YAAY;AAE5C,SAAO;AAAA,IACL,OACE,aAAa,IACT,0BACA,aAAa,IACX,gBACA,GAAG,QAAQ;AAAA,IACnB,SACE,cAAc,MACV,2BACA,eAAe,IACb,yBACA,GAAG,UAAU;AAAA,IACrB,OAAO;AAAA,EACT;AACF;AAEA,SAAS,uBAAuB,SAAoC;AAClE,QAAM,UAAU,QAAQ;AACxB,QAAM,SAAS,CAAC,MAAc,KAAK,MAAM,IAAI,GAAG,IAAI;AACpD,SAAO;AAAA,IACL;AAAA,IACA,YAAY,OAAO,WAAW,IAAI,QAAQ,oBAAoB,IAAI;AAAA,IAClE,QAAQ,OAAO,WAAW,IAAI,QAAQ,kBAAkB,IAAI;AAAA,EAC9D;AACF;AAEO,SAAS,mBAAmB,MAAoB;AACrD,QAAM,UAAU,KAAK,OAAO,KAAK,KAAK,YAAY;AAClD,QAAM,gBAAgB,UAAU,UAAU;AAE1C,QAAM,kBAAkB,uBAAuB,IAAI;AACnD,QAAM,eAAe,gBAAgB;AAErC,QAAM,YAAY,KAAK,KAAK,YAAY;AACxC,QAAM,0BACJ,UAAU,SAAS,YAAS,KAAK,UAAU,SAAS,SAAS;AAE/D,QAAM,WAA0B;AAAA,IAC9B,GAAG;AAAA,IACH,0BACI,EAAE,MAAM,SAAS,MAAM,2BAAwB,IAC/C,EAAE,MAAM,KAAK,MAAM,4BAAyB,UAAU,KAAK;AAAA,IAC/D,0BACI;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,IACX;AAAA,EACN;AAEA,SAAO;AAAA,IACL,QAAQ,KAAK;AAAA,IACb,MAAM,KAAK;AAAA,IACX,WAAW;AAAA,IACX;AAAA,IACA,cAAc,2BAA2B,KAAK,KAAK;AAAA,IACnD;AAAA,IACA,eAAe,qBAAqB,YAAY;AAAA,IAChD,OAAO,qBAAqB,YAAY;AAAA,IACxC;AAAA,IACA,OAAO,KAAK;AAAA,EACd;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/common",
-  "version": "1.1.507",
+  "version": "1.1.511",
   "description": "Shared library for GreatApps frontend applications",
   "main": "./dist/index.mjs",
   "types": "./src/index.ts",

package/src/components/navigation/ProjectSelectorPopover.tsx

@@ -85,7 +85,7 @@ export function ProjectSelectorPopover({
         )}
       </PopoverTrigger>
       <PopoverContent
-        className="w-[296px] p-0 bg-white rounded-2xl shadow-md border border-gray-200"
+        className="w-[296px] max-h-[380px] p-0 bg-white rounded-2xl shadow-md border border-gray-200"
         align="start"
         sideOffset={8}
         onInteractOutside={(event: Event) => {
@@ -101,7 +101,7 @@ export function ProjectSelectorPopover({
           <Command className="gap-2" defaultValue=" " shouldFilter={!onSearchChange} value=" " onValueChange={() => {}}>
             <CommandInput placeholder="Busque aqui" value={search} onValueChange={onSearchChange} />
             <CommandList
-              className="custom-scrollbar paragraph-small-medium text-gray-600 h-[227px]"
+              className="custom-scrollbar paragraph-small-medium text-gray-600 max-h-[227px]"
               onScroll={handleListScroll}
             >
               {isLoading ? (

package/src/modules/plans/types/plan.type.ts

@@ -45,7 +45,7 @@ export type PlanPricingByPeriod = {
 };
 
 export type UiPlan = {
-  idPlan: number;
+  planId: number;
   name: string;
   isPopular?: boolean;
   isCurrentPlan?: boolean;

package/src/modules/plans/utils/map-api-plan-to-ui.ts

@@ -1,19 +1,25 @@
-import type { Plan, PlanFeature, PlanMainFeatures, PlanPricingByPeriod, UiPlan } from '../types/plan.type';
-import { ADDON_IDS } from '../../subscriptions/constants/addons.constants';
-import { formatCurrencyNumber } from '../../../utils/format/currency';
+import type {
+  Plan,
+  PlanFeature,
+  PlanMainFeatures,
+  PlanPricingByPeriod,
+  UiPlan,
+} from "../types/plan.type";
+import { ADDON_IDS } from "../../subscriptions/constants/addons.constants";
+import { formatCurrencyNumber } from "../../../utils/format/currency";
 
-export type PlanBillingPeriod = 'monthly' | 'semiannual' | 'annual';
+export type PlanBillingPeriod = "monthly" | "semiannual" | "annual";
 
 const BASE_FEATURES: PlanFeature[] = [
-  { icon: 'check', text: 'Visitas ilimitadas' },
-  { icon: 'check', text: 'Leads ilimitadas' },
-  { icon: 'check', text: 'Compartilhar páginas', tooltip: 'sharePages' },
-  { icon: 'check', text: 'Hospedagem inclusa' },
-  { icon: 'check', text: 'SSL (HTTPS) + CDN' },
-  { icon: 'check', text: 'Templates Free' },
+  { icon: "check", text: "Visitas ilimitadas" },
+  { icon: "check", text: "Leads ilimitadas" },
+  { icon: "check", text: "Compartilhar páginas", tooltip: "sharePages" },
+  { icon: "check", text: "Hospedagem inclusa" },
+  { icon: "check", text: "SSL (HTTPS) + CDN" },
+  { icon: "check", text: "Templates Free" },
 ];
 
-function buildMainFeaturesFromItems(items: Plan['items']): PlanMainFeatures {
+function buildMainFeaturesFromItems(items: Plan["items"]): PlanMainFeatures {
   const pagesItem = items.find((i) => i.id_addon === ADDON_IDS.PAGES);
   const domainsItem = items.find((i) => i.id_addon === ADDON_IDS.DOMAINS);
 
@@ -23,17 +29,17 @@ function buildMainFeaturesFromItems(items: Plan['items']): PlanMainFeatures {
   return {
     pages:
       pagesQty === 0
-        ? 'Páginas ilimitadas'
+        ? "Páginas ilimitadas"
         : pagesQty === 1
-          ? '1 página'
+          ? "1 página"
           : `${pagesQty} páginas`,
     domains:
       domainsQty >= 999
-        ? 'Domínios ilimitados'
+        ? "Domínios ilimitados"
         : domainsQty === 1
-          ? '1 domínio externo'
+          ? "1 domínio externo"
           : `${domainsQty} domínios externos`,
-    users: 'Usuários ilimitados',
+    users: "Usuários ilimitados",
   };
 }
 
@@ -47,43 +53,46 @@ function computePricingByPeriod(apiPlan: Plan): PlanPricingByPeriod {
   };
 }
 
-export function mapApiPlanToUiPlan(
-  apiPlan: Plan,
-  options: {
-    planId: number;
-    isPopular?: boolean;
-    buttonVariant?: 'brand' | 'default';
-  }
-): UiPlan {
-  const { planId, isPopular, buttonVariant } = options;
+export function mapApiPlanToUiPlan(plan: Plan): UiPlan {
+  const popular = plan.id === 2 || plan.id_plan === 2;
+  const buttonVariant = popular ? "brand" : "default";
 
-  const pricingByPeriod = computePricingByPeriod(apiPlan);
+  const pricingByPeriod = computePricingByPeriod(plan);
   const monthlyFinal = pricingByPeriod.monthly;
 
-  const lowerName = apiPlan.name.toLowerCase();
+  const lowerName = plan.name.toLowerCase();
   const hasProjectAndOnboarding =
-    lowerName.includes('agência') || lowerName.includes('agencia');
+    lowerName.includes("agência") || lowerName.includes("agencia");
 
   const features: PlanFeature[] = [
     ...BASE_FEATURES,
     hasProjectAndOnboarding
-      ? { icon: 'check', text: 'Reunião de Onboarding' }
-      : { icon: 'x', text: 'Reunião de Onboarding', disabled: true },
+      ? { icon: "check", text: "Reunião de Onboarding" }
+      : { icon: "x", text: "Reunião de Onboarding", disabled: true },
     hasProjectAndOnboarding
-      ? { icon: 'check', text: 'Gestão de projetos', tooltip: 'projectManagement' }
-      : { icon: 'x', text: 'Gestão de projetos', disabled: true, tooltip: 'projectManagement' },
+      ? {
+          icon: "check",
+          text: "Gestão de projetos",
+          tooltip: "projectManagement",
+        }
+      : {
+          icon: "x",
+          text: "Gestão de projetos",
+          disabled: true,
+          tooltip: "projectManagement",
+        },
   ];
 
   return {
-    idPlan: planId,
-    name: apiPlan.name,
-    isPopular,
+    planId: plan.id,
+    name: plan.name,
+    isPopular: popular,
     buttonVariant,
-    mainFeatures: buildMainFeaturesFromItems(apiPlan.items),
+    mainFeatures: buildMainFeaturesFromItems(plan.items),
     features,
     originalPrice: formatCurrencyNumber(monthlyFinal),
     price: formatCurrencyNumber(monthlyFinal),
     pricingByPeriod,
-    items: apiPlan.items,
+    items: plan.items,
   };
 }