@eluvio/elv-client-js 4.0.34 → 4.0.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eluvio/elv-client-js",
-  "version": "4.0.34",
+  "version": "4.0.36",
   "description": "Javascript client for the Eluvio Content Fabric",
   "main": "src/index.js",
   "author": "Kevin Talmadge",

package/src/walletClient/ClientMethods.js

@@ -400,7 +400,27 @@ exports.ExchangeRate = async function({currency}) {
   );
 };
 
+/**
+ * Retrieve custom CSS for the specified tenant
+ *
+ * @methodGroup Tenants
+ * @namedParams
+ * @param {Object} tenantSlug
+ *
+ * @returns {Promise<string>} - The CSS of the tenant
+ */
+exports.TenantCSS = async function ({tenantSlug}) {
+  if(!this.cachedCSS[tenantSlug]) {
+    this.cachedCSS[tenantSlug] = await this.client.ContentObjectMetadata({
+      libraryId: this.mainSiteLibraryId,
+      objectId: this.mainSiteId,
+      metadataSubtree: UrlJoin("/public", "asset_metadata", "tenants", tenantSlug, "info", "branding", "wallet_css"),
+      authorizationToken: this.publicStaticToken
+    });
+  }
 
+  return this.cachedCSS[tenantSlug] || "";
+};
 
 /* MARKETPLACE */
 
@@ -1106,6 +1126,71 @@ exports.ClaimItem = async function({marketplaceParams, sku, email}) {
   });
 };
 
+/**
+ * Redirect to the wallet app to purchase the specified item from the specified marketplace
+ *
+ * Use the <a href="#.PurchaseStatus">PurchaseStatus</a> method to check minting status after purchasing
+ *
+ * @methodGroup Purchase
+ * @namedParams
+ * @param {Object} marketplaceParams - Parameters of the marketplace
+ * @param {string} sku - The SKU of the item to claim
+ * @param {string=} confirmationId - Confirmation ID with which to reference this purchase. If not specified, a confirmation ID will be automatically generated. On success, the user will be returned to `successUrl` with the `confirmationId` as a URL parameter.
+ * @param {string} successUrl - The URL to redirect back to upon successful purchase
+ * @param {string} cancelUrl - The URL to redirect back to upon cancellation of purchase
+ */
+exports.PurchaseItem = async function({marketplaceParams, sku, confirmationId, successUrl, cancelUrl}) {
+  const marketplaceInfo = await this.MarketplaceInfo({marketplaceParams});
+
+  window.location.href = this.FlowURL({
+    type: "action",
+    flow: "purchase",
+    marketplaceId: marketplaceInfo.marketplaceId,
+    parameters: {
+      sku,
+      confirmationId,
+      successUrl,
+      cancelUrl,
+      login: true,
+      auth: this.ClientAuthToken(),
+    }
+  });
+};
+
+/**
+ * Redirect to the wallet app to purchase the specified listing
+ *
+ * Use the <a href="#.PurchaseStatus">ListingPurchaseStatus</a> method to check minting status after purchasing
+ *
+ * @methodGroup Purchase
+ * @namedParams
+ * @param {Object=} marketplaceParams - Parameters of the marketplace
+ * @param {string} listingId - The SKU of the item to claim
+ * @param {string=} confirmationId - Confirmation ID with which to reference this purchase. If not specified, a confirmation ID will be automatically generated. On success, the user will be returned to `successUrl` with the `confirmationId` as a URL parameter.
+ * @param {string} successUrl - The URL to redirect back to upon successful purchase
+ * @param {string} cancelUrl - The URL to redirect back to upon cancellation of purchase
+ */
+exports.PurchaseListing = async function({marketplaceParams, listingId, confirmationId, successUrl, cancelUrl}) {
+  let marketplaceInfo;
+  if(marketplaceParams) {
+    marketplaceInfo = await this.MarketplaceInfo({marketplaceParams});
+  }
+
+  window.location.href = this.FlowURL({
+    type: "action",
+    flow: "purchase",
+    marketplaceId: marketplaceInfo && marketplaceInfo.marketplaceId,
+    parameters: {
+      listingId,
+      confirmationId,
+      successUrl,
+      cancelUrl,
+      login: true,
+      auth: this.ClientAuthToken(),
+    }
+  });
+};
+
 /* MINTING STATUS */
 
 /**

package/src/walletClient/index.js

@@ -619,6 +619,19 @@ class ElvWalletClient {
     });
   }
 
+  FlowURL({type="flow", flow, marketplaceId, parameters={}}) {
+    const url = new URL(this.appUrl);
+    if(marketplaceId) {
+      url.hash = UrlJoin("/", type, flow, "marketplace", marketplaceId, Utils.B58(JSON.stringify(parameters)));
+    } else {
+      url.hash = UrlJoin("/", type, flow, Utils.B58(JSON.stringify(parameters)));
+    }
+
+    url.searchParams.set("origin", window.location.origin);
+
+    return url.toString();
+  }
+
 
   // Internal loading methods
 
@@ -642,6 +655,7 @@ class ElvWalletClient {
       noAuth: true,
       select: [
         "*/.",
+        "*/info/branding",
         "*/marketplaces/*/.",
         "*/marketplaces/*/info/tenant_id",
         "*/marketplaces/*/info/tenant_name",
@@ -650,6 +664,7 @@ class ElvWalletClient {
         "*/marketplaces/*/info/storefront/background_mobile"
       ],
       remove: [
+        "*/info/branding/wallet_css",
         "*/marketplaces/*/info/branding/custom_css"
       ]
     });
@@ -736,6 +751,7 @@ class ElvWalletClient {
               marketplaceSlug,
               marketplaceId: objectId,
               marketplaceHash: versionHash,
+              tenantBranding: (metadata[tenantSlug].info || {}).branding || {},
               order: Configuration.__MARKETPLACE_ORDER.findIndex(slug => slug === marketplaceSlug)
             };
 
@@ -805,6 +821,16 @@ class ElvWalletClient {
         authorizationToken: this.publicStaticToken
       });
 
+      if(marketplace.branding.use_tenant_styling) {
+        marketplace.tenantBranding = (await this.client.ContentObjectMetadata({
+          libraryId: this.mainSiteLibraryId,
+          objectId: this.mainSiteId,
+          metadataSubtree: UrlJoin("/public", "asset_metadata", "tenants", marketplaceInfo.tenantSlug, "info", "branding"),
+          authorizationToken: this.publicStaticToken,
+          produceLinkUrls: true
+        })) || {};
+      }
+
       marketplace.items = await Promise.all(
         marketplace.items.map(async (item, index) => {
           if(item.requires_permissions) {