{"version":3,"file":"static/chunks/9110.3862b770acf60a65.js","mappings":"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","sources":["webpack://_N_E/./src/components/ModalsPortal/PermissionGuestModal.tsx"],"sourcesContent":["import { googleAnalytics } from \"@/lib/gtag\"\nimport { useManagementErrorsStore } from \"@/stores\"\nimport IconButton from \"../IconButton\"\nimport Modal from \"../Modal\"\nimport { useUserWorkspacesInfiniteQuery } from \"@/queries\"\nimport { useAuth } from \"@/providers/authContext\"\nimport useCustomRouter from \"@/hooks/useCustomRouter\"\nimport { useCallback, useMemo } from \"react\"\nimport PlansUI from \"../Setting/Plans\"\nimport classNames from \"classnames\"\nimport { SettingProvider } from \"../Setting/SettingProvider\"\n\nconst PermissionGuestModal = () => {\n  const { errorState, setErrorState } = useManagementErrorsStore()\n  const { userInfoQuery } = useAuth()\n\n  const isEnable = useMemo(() => {\n    return {\n      enabled1: errorState?.message.startsWith(\"Guest user does not have permission\") ?? false,\n      enabled2: errorState?.message.startsWith(\"Your subscription has ended\") ?? false,\n    }\n  }, [errorState?.message])\n\n  const { flattenData } = useUserWorkspacesInfiniteQuery({\n    enabled: isEnable.enabled1,\n  })\n\n  const router = useCustomRouter()\n\n  const handleClose = useCallback(() => {\n    if (router.pathname.includes(\"/workspace/macros/\")) {\n      router.push(`/workspace/macros`)\n    }\n\n    setErrorState(null)\n    googleAnalytics.event({\n      action: \"click\",\n      category: \"modal\",\n      label: \"close_permission_guest_modal\",\n      value: 1,\n    })\n  }, [setErrorState, router])\n\n  const renderBody = useCallback(() => {\n    if (isEnable.enabled1) {\n      return (\n        <>\n          <h2 className=\"text-xl font-semibold text-center mb-4\">Permission Denied</h2>\n          <p className=\"text-sm mb-2 text-atherGray-300\">With the Guest role, you cannot generate images</p>\n          <p className=\"text-sm mb-2 text-atherGray-300\">\n            Please contact the{\" \"}\n            <span className=\"font-semibold text-atherGray-0\">\n              {flattenData?.find(workspace => workspace.id === userInfoQuery?.data?.currentWorkspace?.id)?.name ?? \"\"}\n            </span>{\" \"}\n            Workspace owner to upgrade you to Member\n          </p>\n          <div className=\"flex items-center justify-end mt-6 space-x-2\">\n            <IconButton onClick={handleClose} className=\"px-4 font-semibold\">\n              Close\n            </IconButton>\n          </div>\n        </>\n      )\n    }\n\n    if (isEnable.enabled2) {\n      return (\n        <SettingProvider>\n          <PlansUI isModal />\n        </SettingProvider>\n      )\n    }\n\n    return null\n  }, [flattenData, handleClose, isEnable.enabled1, isEnable.enabled2, userInfoQuery?.data?.currentWorkspace?.id])\n\n  return (\n    <Modal\n      bodyClassName=\"p-0\"\n      closeButtonClassName={classNames({\n        \"absolute top-2 right-2 z-[10]\": isEnable.enabled2,\n      })}\n      className={classNames(\"overflow-visible max-w-md modal-content-child\", {\n        \"max-w-[58rem] bg-black border border-atherGray-800 min-h-[52.5rem] pt-0 px-2\": isEnable.enabled2,\n      })}\n      isOpen={!!errorState?.isOpen}\n      onClose={handleClose}\n    >\n      {renderBody()}\n    </Modal>\n  )\n}\n\nexport default PermissionGuestModal\n"],"names":["__webpack_exports__","userInfoQuery","errorState","setErrorState","useManagementErrorsStore","useAuth","isEnable","useMemo","enabled1","message","startsWith","enabled2","flattenData","useUserWorkspacesInfiniteQuery","enabled","router","useCustomRouter","handleClose","useCallback","pathname","includes","push","googleAnalytics","event","action","category","label","value","renderBody","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsxs","Fragment","jsx","h2","className","p","span","find","workspace","id","data","currentWorkspace","name","div","IconButton","onClick","SettingProvider","PlansUI","isModal","Modal","bodyClassName","closeButtonClassName","classNames","isOpen","onClose"],"sourceRoot":""}