@ludo.ninja/components 2.3.9 → 2.3.11

package/build/api/server-opportunities/queries/useGetOpportunities.d.ts

@@ -1,4 +1,4 @@
 export declare const useGetOpportunities: (availableProfileId: string) => {
-    opportunities: import("@ludo.ninja/api/build/graphql_tools/__generated__/opportunitiesHost/schema").Maybe<Pick<import("@ludo.ninja/api/build/graphql_tools/__generated__/opportunitiesHost/schema").IOpportunityV2, "views" | "createdAt" | "shareLink" | "blockchain" | "name" | "description" | "collection" | "liked" | "opportunityId" | "brandId" | "categoryId" | "opportunityStatus" | "opportunityType" | "notificationType" | "brandName" | "brandDescription" | "brandMedia" | "brandUrl" | "brandIndustry" | "categoryName" | "ludoUrl" | "projectUrl" | "activeFrom" | "activeUntil" | "minXpLevel" | "maxXpLevel" | "minRank" | "maxRank" | "media" | "reportLink" | "clicks" | "minWalletValue" | "maxWalletValue" | "participantsLimit" | "availablePlacesForAirdrop">>[];
+    opportunities: import("@ludo.ninja/api/build/graphql_tools/__generated__/opportunitiesHost/schema").Maybe<Pick<import("@ludo.ninja/api/build/graphql_tools/__generated__/opportunitiesHost/schema").IOpportunityV2, "views" | "createdAt" | "shareLink" | "blockchain" | "name" | "description" | "collection" | "liked" | "opportunityId" | "brandId" | "categoryId" | "opportunityStatus" | "opportunityType" | "notificationType" | "brandName" | "brandDescription" | "brandMedia" | "brandUrl" | "brandIndustry" | "categoryName" | "ludoUrl" | "projectUrl" | "activeFrom" | "activeUntil" | "minXpLevel" | "maxXpLevel" | "minRank" | "maxRank" | "media" | "reportLink" | "clicks" | "minWalletValue" | "maxWalletValue" | "participantsLimit" | "availablePlacesForAirdrop" | "brandLudoUrl">>[];
     isLoadingOpportunities: boolean;
 };

package/build/modules/opportunity/OpportunityCard.js

@@ -26,13 +26,13 @@ const Headicons_1 = __importDefault(require("../../system/Cards/Styles/Headicons
 const ImageInterceptor_1 = require("../../system/Img/ImageInterceptor");
 const index_1 = require("../../system/index");
 const screen_1 = require("../../utils/screen");
-const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const colors_2 = require("@ludo.ninja/ui/build/styles/colors");
 const boxShadow_1 = __importDefault(require("@ludo.ninja/ui/build/styles/mixins/boxShadow"));
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 const moment_1 = __importDefault(require("moment/moment"));
 const react_1 = require("react");
 const styled_components_1 = __importDefault(require("styled-components"));
+const sanitize_html_1 = __importDefault(require("sanitize-html"));
 const SWrapperLink = styled_components_1.default.a `
   position: relative;
   background-color: ${colors_2.WhiteColor};
@@ -248,14 +248,18 @@ const OpportunityCard = ({ opportunity, toolsForRemove, }) => {
     const getMediaENVDomain = (0, env_1.useEnvStore)((state) => state.getMediaDomain);
     const isProd = (0, env_1.useEnvStore)((state) => state.isProd);
     const opportunityLink = opportunity.opportunityType === "TOKEN_AIRDROP"
-        ? `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"]}/brand/${opportunity.opportunityId}`
+        // ? `${ludoDomains[NEXT_PUBLIC_ENV_VALUE as TEnvValue]["app"]}/brand/${opportunity.opportunityId}`
+        ? opportunity.brandLudoUrl || ''
         : opportunity.projectUrl || opportunity.shareLink || "";
     const isShowParticipantsCount = typeof opportunity.availablePlacesForAirdrop === 'number' && typeof opportunity.participantsLimit === 'number';
+    const sanitizedHtml = (0, sanitize_html_1.default)(opportunity?.description || '', {
+        allowedTags: ['b', 'i', 'em', 'strong', 'br', 'div'],
+    });
     return ((0, jsx_runtime_1.jsxs)(SWrapperLink, { href: opportunityLink, target: "_blank", onClick: () => openOpportunityAction({ opportunityId: opportunity.opportunityId }), children: [(0, jsx_runtime_1.jsxs)(StyledCardHead, { children: [(0, jsx_runtime_1.jsx)(OpportunityImage, { alt: opportunity.name, src: opportunity.media ? `${getMediaENVDomain()}/opportunity-medias/${opportunity.media}` : "" }), (0, jsx_runtime_1.jsx)(Headicons_1.default, { isMobile: isMobile, onClick: (e) => {
                             e.stopPropagation();
                             e.preventDefault();
                         }, children: (0, jsx_runtime_1.jsxs)("div", { className: "icons", children: [(0, jsx_runtime_1.jsx)("div", { className: "icon", onClick: () => {
                                         openModalSidebarPortal((0, jsx_runtime_1.jsx)(OpportunityMenu_1.OpportunityMenu, { opportunity: opportunity, onClose: closeModalSidebarPortal }));
-                                    }, children: (0, jsx_runtime_1.jsx)(ShareIcon_1.ShareIcon, {}) }), !isProd() && ((0, jsx_runtime_1.jsx)(OpportunityLike, { isDefaultLiked: !!(isSignedIn && opportunity.liked), opportunityId: opportunity.opportunityId, toolsForRemove: toolsForRemove }))] }) })] }), (0, jsx_runtime_1.jsxs)(StyledCardContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "cardContent", children: [(0, jsx_runtime_1.jsxs)("div", { className: "cardContentWrapper", children: [(0, jsx_runtime_1.jsx)("p", { className: `secondName`, children: opportunity.name }), (0, jsx_runtime_1.jsx)("p", { className: `mainName`, children: opportunity.description }), (0, jsx_runtime_1.jsxs)("p", { className: `categoryName`, children: [opportunity.categoryName, isShowParticipantsCount && (0, jsx_runtime_1.jsx)("span", { className: 'participantsCount', children: `${opportunity.availablePlacesForAirdrop}/${opportunity.participantsLimit}` })] })] }), (0, jsx_runtime_1.jsx)(OpportunityDropDown_1.OpportunityDropDown, { opportunity: opportunity })] }), (0, jsx_runtime_1.jsxs)(index_1.Flex, { alignItems: "end", justifyContent: "space-between", className: `categoryFooter`, children: [(0, jsx_runtime_1.jsx)(CardCategory_1.default, { label: data_1.default[opportunity.opportunityType] || data_1.default.opportunity }), opportunity.activeUntil && ((0, jsx_runtime_1.jsx)("div", { className: "date", children: `till ${(0, moment_1.default)(opportunity.activeUntil).format("LL")}` }))] })] })] }));
+                                    }, children: (0, jsx_runtime_1.jsx)(ShareIcon_1.ShareIcon, {}) }), !isProd() && ((0, jsx_runtime_1.jsx)(OpportunityLike, { isDefaultLiked: !!(isSignedIn && opportunity.liked), opportunityId: opportunity.opportunityId, toolsForRemove: toolsForRemove }))] }) })] }), (0, jsx_runtime_1.jsxs)(StyledCardContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "cardContent", children: [(0, jsx_runtime_1.jsxs)("div", { className: "cardContentWrapper", children: [(0, jsx_runtime_1.jsx)("p", { className: `secondName`, children: opportunity.name }), (0, jsx_runtime_1.jsx)("p", { className: `mainName`, dangerouslySetInnerHTML: { __html: sanitizedHtml } }), (0, jsx_runtime_1.jsxs)("p", { className: `categoryName`, children: [opportunity.categoryName, isShowParticipantsCount && (0, jsx_runtime_1.jsx)("span", { className: 'participantsCount', children: `${opportunity.availablePlacesForAirdrop}/${opportunity.participantsLimit}` })] })] }), (0, jsx_runtime_1.jsx)(OpportunityDropDown_1.OpportunityDropDown, { opportunity: opportunity })] }), (0, jsx_runtime_1.jsxs)(index_1.Flex, { alignItems: "end", justifyContent: "space-between", className: `categoryFooter`, children: [(0, jsx_runtime_1.jsx)(CardCategory_1.default, { label: data_1.default[opportunity.opportunityType] || data_1.default.opportunity }), opportunity.activeUntil && ((0, jsx_runtime_1.jsx)("div", { className: "date", children: `till ${(0, moment_1.default)(opportunity.activeUntil).format("LL")}` }))] })] })] }));
 };
 exports.OpportunityCard = OpportunityCard;

package/build/modules/opportunity/type.d.ts

@@ -1,2 +1,2 @@
 import { opportunitiesSchema } from '@ludo.ninja/api';
-export type TOpportunity = Pick<opportunitiesSchema.IOpportunityV2, 'opportunityId' | 'brandId' | 'categoryId' | 'opportunityStatus' | 'opportunityType' | 'notificationType' | 'name' | 'description' | 'brandName' | 'brandDescription' | 'brandMedia' | 'brandUrl' | 'brandIndustry' | 'categoryName' | 'ludoUrl' | 'projectUrl' | 'activeFrom' | 'activeUntil' | 'minXpLevel' | 'maxXpLevel' | 'minRank' | 'maxRank' | 'media' | 'reportLink' | 'clicks' | 'views' | 'blockchain' | 'collection' | 'createdAt' | 'minWalletValue' | 'maxWalletValue' | 'shareLink' | 'liked' | 'participantsLimit' | 'availablePlacesForAirdrop'>;
+export type TOpportunity = Pick<opportunitiesSchema.IOpportunityV2, 'opportunityId' | 'brandId' | 'categoryId' | 'opportunityStatus' | 'opportunityType' | 'notificationType' | 'name' | 'description' | 'brandName' | 'brandDescription' | 'brandMedia' | 'brandUrl' | 'brandIndustry' | 'categoryName' | 'ludoUrl' | 'projectUrl' | 'activeFrom' | 'activeUntil' | 'minXpLevel' | 'maxXpLevel' | 'minRank' | 'maxRank' | 'media' | 'reportLink' | 'clicks' | 'views' | 'blockchain' | 'collection' | 'createdAt' | 'minWalletValue' | 'maxWalletValue' | 'shareLink' | 'liked' | 'participantsLimit' | 'availablePlacesForAirdrop' | 'brandLudoUrl'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.3.9",
+  "version": "2.3.11",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -52,6 +52,7 @@
     "react-hyphen": "^1.4.0",
     "react-loading-skeleton": "^3.1.1",
     "react-player": "^2.12.0",
+    "sanitize-html": "^2.14.0",
     "react-select": "^5.7.2",
     "react-share": "^4.4.1",
     "react-slick": "^0.29.0",
@@ -88,6 +89,7 @@
     "@types/react-window-infinite-loader": "^1.0.6",
     "@types/styled-components": "^5.1.26",
     "@types/styled-system": "^5.1.16",
+    "@types/sanitize-html": "^2.13.0",
     "@typescript-eslint/eslint-plugin": "^5.43.0",
     "cross-env": "^7.0.3",
     "eslint": "8.31.0",