decentraland-dapps 16.9.0 → 16.11.0

package/dist/components/RarityFilter/RarityFilter.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { RarityFilterProps } from './RarityFilter.types';
+declare const RarityFilter: ({ onChange, rarities, className, defaultCollapsed }: RarityFilterProps) => JSX.Element;
+export { RarityFilter };

package/dist/components/RarityFilter/RarityFilter.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RarityFilter = void 0;
+const react_1 = __importStar(require("react"));
+const schemas_1 = require("@dcl/schemas");
+const Box_1 = require("decentraland-ui/dist/components/Box/Box");
+const Popup_1 = require("decentraland-ui/dist/components/Popup/Popup");
+const InfoTooltip_1 = require("decentraland-ui/dist/components/InfoTooltip");
+const Media_1 = require("decentraland-ui/dist/components/Media");
+const ArrayFilter_1 = require("decentraland-ui/dist/components/ArrayFilter");
+const utils_1 = require("../../modules/translation/utils");
+const RarityFilter = ({ onChange, rarities = [], className, defaultCollapsed = false }) => {
+    const isMobileOrTablet = (0, Media_1.useTabletAndBelowMediaQuery)();
+    const rarityOptions = (0, react_1.useMemo)(() => {
+        const options = Object.values(schemas_1.Rarity)
+            .filter(value => typeof value === 'string')
+            .reverse();
+        return options.map(rarity => ({
+            value: rarity,
+            text: (0, utils_1.t)(`rarity.${rarity}`)
+        }));
+    }, []);
+    const handleRaritiesChange = (0, react_1.useCallback)((newValue) => {
+        onChange(newValue);
+    }, [onChange]);
+    const allRaritiesSelected = rarities.length === 0 || rarities.length === rarityOptions.length;
+    const header = (0, react_1.useMemo)(() => (react_1.default.createElement("div", { className: 'dui-rarity-filter__header' }, isMobileOrTablet ? (react_1.default.createElement(react_1.default.Fragment, null,
+        (0, utils_1.t)('rarities_filter.title'),
+        react_1.default.createElement(Popup_1.Popup, { content: (0, utils_1.t)('rarities_filter.tooltip'), position: "bottom right", trigger: react_1.default.createElement(InfoTooltip_1.InfoTooltip, null), on: "hover" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", { className: 'dui-rarity-filter__name' }, (0, utils_1.t)('rarities_filter.title')),
+        react_1.default.createElement("span", { className: "dui-rarity-filter__value" }, allRaritiesSelected
+            ? (0, utils_1.t)('rarities_filter.all_items')
+            : (0, utils_1.t)('rarities_filter.count_items', {
+                count: rarities.length
+            })))))), [rarities, isMobileOrTablet, allRaritiesSelected]);
+    return (react_1.default.createElement(Box_1.Box, { header: header, className: 'dui-rarity-filter' + (className ? ' ' + className : ''), collapsible: true, defaultCollapsed: defaultCollapsed || isMobileOrTablet },
+        react_1.default.createElement(ArrayFilter_1.ArrayFilter, { options: rarityOptions, onChange: handleRaritiesChange, values: rarities })));
+};
+exports.RarityFilter = RarityFilter;
+//# sourceMappingURL=RarityFilter.js.map

package/dist/components/RarityFilter/RarityFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RarityFilter.js","sourceRoot":"","sources":["../../../src/components/RarityFilter/RarityFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,0CAAqC;AACrC,iEAA6D;AAC7D,uEAAmE;AACnE,6EAAyE;AACzE,iEAAmF;AACnF,6EAAyE;AACzE,2DAAmD;AAGnD,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,SAAS,EACT,gBAAgB,GAAG,KAAK,EACN,EAAE,EAAE;IACtB,MAAM,gBAAgB,GAAG,IAAA,mCAA2B,GAAE,CAAA;IACtD,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAM,CAAC;aAClC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC;aAC1C,OAAO,EAAc,CAAA;QACxB,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC5B,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,IAAA,SAAC,EAAC,UAAU,MAAM,EAAE,CAAC;SAC5B,CAAC,CAAC,CAAA;IACL,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,oBAAoB,GAAG,IAAA,mBAAW,EACtC,CAAC,QAAkB,EAAE,EAAE;QACrB,QAAQ,CAAC,QAAoB,CAAC,CAAA;IAChC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,mBAAmB,GACvB,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,CAAA;IAEnE,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,CACJ,uCAAK,SAAS,EAAE,2BAA2B,IACxC,gBAAgB,CAAC,CAAC,CAAC,CAClB;QACG,IAAA,SAAC,EAAC,uBAAuB,CAAC;QAC3B,8BAAC,aAAK,IACJ,OAAO,EAAE,IAAA,SAAC,EAAC,yBAAyB,CAAC,EACrC,QAAQ,EAAC,cAAc,EACvB,OAAO,EAAE,8BAAC,yBAAW,OAAG,EACxB,EAAE,EAAC,OAAO,GACV,CACD,CACJ,CAAC,CAAC,CAAC,CACF;QACE,wCAAM,SAAS,EAAE,yBAAyB,IACvC,IAAA,SAAC,EAAC,uBAAuB,CAAC,CACtB;QACP,wCAAM,SAAS,EAAC,0BAA0B,IACvC,mBAAmB;YAClB,CAAC,CAAC,IAAA,SAAC,EAAC,2BAA2B,CAAC;YAChC,CAAC,CAAC,IAAA,SAAC,EAAC,6BAA6B,EAAE;gBAC/B,KAAK,EAAE,QAAQ,CAAC,MAAM;aACvB,CAAC,CACD,CACN,CACJ,CACG,CACP,EACD,CAAC,QAAQ,EAAE,gBAAgB,EAAE,mBAAmB,CAAC,CAClD,CAAA;IAED,OAAO,CACL,8BAAC,SAAG,IACF,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,mBAAmB,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EACnE,WAAW,QACX,gBAAgB,EAAE,gBAAgB,IAAI,gBAAgB;QAEtD,8BAAC,yBAAW,IACV,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,GAChB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAEQ,oCAAY"}

package/dist/components/RarityFilter/RarityFilter.types.d.ts

@@ -0,0 +1,7 @@
+import { Rarity } from '@dcl/schemas';
+export declare type RarityFilterProps = {
+    className?: string;
+    rarities: string[];
+    onChange: (value: Rarity[]) => void;
+    defaultCollapsed?: boolean;
+};

package/dist/components/RarityFilter/RarityFilter.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=RarityFilter.types.js.map

package/dist/components/RarityFilter/RarityFilter.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RarityFilter.types.js","sourceRoot":"","sources":["../../../src/components/RarityFilter/RarityFilter.types.ts"],"names":[],"mappings":""}

package/dist/components/RarityFilter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RarityFilter';
+export * from './RarityFilter.types';

package/dist/components/RarityFilter/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./RarityFilter"), exports);
+__exportStar(require("./RarityFilter.types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/RarityFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RarityFilter/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA8B;AAC9B,uDAAoC"}

package/dist/components/index.d.ts

@@ -1 +1,2 @@
 export { default as Intercom } from './Intercom';
+export * from './RarityFilter';

package/dist/components/index.js

@@ -1,4 +1,14 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -6,4 +16,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Intercom = void 0;
 var Intercom_1 = require("./Intercom");
 Object.defineProperty(exports, "Intercom", { enumerable: true, get: function () { return __importDefault(Intercom_1).default; } });
+__exportStar(require("./RarityFilter"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAgD;AAAvC,qHAAA,OAAO,OAAY"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uCAAgD;AAAvC,qHAAA,OAAO,OAAY;AAC5B,iDAA8B"}

package/dist/containers/BuyManaWithFiatModal/BuyManaWithFiatModal.container.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("react-redux").ConnectedComponent<typeof BuyManaW
     networks?: (import("decentraland-ui/dist/components/BuyManaWithFiatModal/BuyManaWithFiatModal").BuyManaWithFiatModalNetworkProps & import("decentraland-ui/dist/components/BuyManaWithFiatModal/Network").BuyWithFiatNetworkProps)[] | undefined;
     hasTranslations?: boolean | undefined;
     onContinue: (network: Network, gateway: NetworkGatewayType) => void;
-}, "metadata" | "name" | "className" | "onClose" | "open" | "loading" | "hasTranslations" | "i18n" | "message" | "hasError" | "networks" | "onInfo" | "onContinue" | keyof import("react").ClassAttributes<BuyManaWithFiatModal>> & Partial<Pick<import("react").ClassAttributes<BuyManaWithFiatModal> & import("./BuyManaWithFiatModal.types").DefaultProps & Omit<import("decentraland-ui/dist/components/BuyManaWithFiatModal/BuyManaWithFiatModal").BuyManaWithFiatModalProps, "networks"> & Partial<Pick<import("decentraland-ui/dist/components/BuyManaWithFiatModal/BuyManaWithFiatModal").BuyManaWithFiatModalProps, "networks">> & Omit<import("../../providers/ModalProvider/ModalProvider.types").ModalProps, "metadata"> & {
+}, "metadata" | "className" | "name" | "onClose" | "open" | "loading" | "hasTranslations" | "i18n" | "message" | "hasError" | "networks" | "onInfo" | "onContinue" | keyof import("react").ClassAttributes<BuyManaWithFiatModal>> & Partial<Pick<import("react").ClassAttributes<BuyManaWithFiatModal> & import("./BuyManaWithFiatModal.types").DefaultProps & Omit<import("decentraland-ui/dist/components/BuyManaWithFiatModal/BuyManaWithFiatModal").BuyManaWithFiatModalProps, "networks"> & Partial<Pick<import("decentraland-ui/dist/components/BuyManaWithFiatModal/BuyManaWithFiatModal").BuyManaWithFiatModalProps, "networks">> & Omit<import("../../providers/ModalProvider/ModalProvider.types").ModalProps, "metadata"> & {
     metadata: import("./BuyManaWithFiatModal.types").Metadata;
     networks?: (import("decentraland-ui/dist/components/BuyManaWithFiatModal/BuyManaWithFiatModal").BuyManaWithFiatModalNetworkProps & import("decentraland-ui/dist/components/BuyManaWithFiatModal/Network").BuyWithFiatNetworkProps)[] | undefined;
     hasTranslations?: boolean | undefined;

package/dist/modules/translation/defaults/en.json

@@ -266,6 +266,21 @@
             "most_expensive": "Most Expensive",
             "most_expensive_range": "Most Expensive within range",
             "also_minting": "Buy directly from the creator"
+        },
+        "rarities_filter": {
+            "title": "Rarity",
+            "tooltip": "The Rarity determines the total number of NFTs that can be minted",
+            "count_items": "{count} {count, plural, one {rarity} other {rarities}}",
+            "all_items": "All rarities"
+        },
+        "rarities": {
+            "unique": "Unique",
+            "mythic": "Mythic",
+            "legendary": "Legendary",
+            "epic": "Epic",
+            "rare": "Rare",
+            "uncommon": "Uncommon",
+            "common": "Common"
         }
     }
 }

package/dist/modules/translation/defaults/es.json

@@ -265,6 +265,21 @@
             "most_expensive": "Más Caro",
             "most_expensive_range": "Más Caro en el rango",
             "also_minting": "Compra directo al creador"
+        },
+        "rarities_filter": {
+            "title": "Rareza",
+            "tooltip": "La rareza determina la cantidad de NFTs que pueden ser minteados",
+            "all_items": "Todas las rarezas",
+            "count_items": "{count} {count, plural, one {rareza} other {rarezas}}"
+        },
+        "rarities": {
+            "unique": "Único",
+            "mythic": "Mítico",
+            "legendary": "Legendario",
+            "epic": "Épico",
+            "rare": "Raro",
+            "uncommon": "Poco común",
+            "common": "Común"
         }
     }
 }

package/dist/modules/translation/defaults/fr.json

@@ -191,6 +191,21 @@
             "most_expensive": "Le plus cher",
             "most_expensive_range": "Le plus cher dans la fourchette",
             "also_minting": "Disponible à l'achat direct auprès du créateur"
+        },
+        "rarities_filter": {
+            "title": "Rareté",
+            "tooltip": "La rareté détermine le nombre total de NFT qui peuvent être frappés",
+            "count_items": "{count} {count, plural, one {rareté} other {raretés}}",
+            "all_items": "Toutes les raretés"
+        },
+        "rarities": {
+            "unique": "unique",
+            "mythic": "Mythique",
+            "legendary": "Légendaire",
+            "epic": "Epic",
+            "rare": "Rare",
+            "uncommon": "Peu commun",
+            "common": "Commun"
         }
     }
 }

package/dist/modules/translation/defaults/ja.json

@@ -191,6 +191,21 @@
             "most_expensive": "最も高い価格",
             "most_expensive_range": "範囲内の最も高い価格",
             "also_minting": "クリエイターによる直接購入可能"
+        },
+        "rarities_filter": {
+            "title": "珍しい",
+            "tooltip": "希少性により、鋳造できるNFTの総数が決まります",
+            "count_items": "{count} {count, plural, one {珍しい} other {珍しい}}",
+            "all_items": "すべての珍しい"
+        },
+        "rarities": {
+            "unique": "個性的",
+            "mythic": "神話",
+            "legendary": "伝説",
+            "epic": "すごい",
+            "rare": "レア",
+            "uncommon": "珍しい",
+            "common": "一般"
         }
     }
 }

package/dist/modules/translation/defaults/ko.json

@@ -191,6 +191,21 @@
             "most_expensive": "가장 비싼 가격",
             "most_expensive_range": "범위 내 가장 비싼 가격",
             "also_minting": "제작자에게 직접 구매 가능"
+        },
+        "rarities_filter": {
+            "title": "희박",
+            "tooltip": "Rarity는 민트를 사용할 수있는 총 NFT의 총 수를 결정합니다.",
+            "count_items": "{count} {count, plural, one {희박} other {희귀 성}}",
+            "all_items": "모든 희귀 성"
+        },
+        "rarities": {
+            "unique": "고유한",
+            "mythic": "신화",
+            "legendary": "전설",
+            "epic": "서사시",
+            "rare": "희귀한",
+            "uncommon": "드문",
+            "common": "흔한"
         }
     }
 }

package/dist/modules/translation/defaults/zh.json

@@ -265,6 +265,21 @@
             "most_expensive": "最貴",
             "most_expensive_range": "范围内最贵",
             "also_minting": "直接從創作者那裡購買"
+        },
+        "rarities_filter": {
+            "title": "稀有",
+            "tooltip": "稀有性决定了可以铸造的NFT的总数",
+            "count_items": "{count} {count, plural, one {稀有} other {稀有}}",
+            "all_items": "所有稀有物"
+        },
+        "rarities": {
+            "unique": "独特的",
+            "mythic": "神话",
+            "legendary": "传奇的",
+            "epic": "史诗",
+            "rare": "稀有的",
+            "uncommon": "罕见",
+            "common": "常见的"
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decentraland-dapps",
-  "version": "16.9.0",
+  "version": "16.11.0",
   "dependencies": {
     "@0xsequence/multicall": "^0.25.1",
     "@0xsequence/relayer": "^0.25.1",
@@ -16,7 +16,7 @@
     "decentraland-connect": "^5.1.0",
     "decentraland-crypto-fetch": "^2.0.1",
     "decentraland-transactions": "^1.47.0",
-    "decentraland-ui": "^4.11.4",
+    "decentraland-ui": "^4.16.0",
     "ethers": "^5.6.8",
     "events": "^3.3.0",
     "flat": "^5.0.2",