[WIP] - Marketplace: Seller permissions, Allow guests to become sellers, Create a shop, Post products and edit their shop settings

client/modules/accounts/templates/profile/profile.html

@@ -41,6 +41,20 @@ <h3 class="panel-title" data-i18n="accountsUI.yourOrders">Your Orders</h3>
       {{> addressBookPanel}}
     </div>
 
+    {{#if isMarketplaceGuest }}
+      <div class="flex-item">
+        <div class="panel panel-default">
+          <div class="panel-heading">
+            <h3 class="panel-title" data-i18n="marketplace.becomeSeller">Become a Seller</h3>
+          </div>
+
+          <div class="panel-content">
+            {{> becomeSellerButton}}
+          </div>
+        </div>
+      </div>
+    {{/if}}
+
   </div>
 
 </template>

client/modules/accounts/templates/profile/profile.js

@@ -1,6 +1,8 @@
+import { Reaction } from "/client/api";
 import * as Collections from "/lib/collections";
 import { Meteor } from "meteor/meteor";
 import { Template } from "meteor/templating";
+import { Marketplace } from "/imports/plugins/included/marketplace/lib/api";
 
 /**
  * onCreated: Account Profile View
@@ -64,5 +66,9 @@ Template.accountProfile.helpers({
       return "addressBookGrid";
     }
     return "addressBookAdd";
+  },
+
+  isMarketplaceGuest: function() {
+    return Marketplace.hasMarketplaceGuestAccess();
   }
 });

client/modules/core/main.js

@@ -196,6 +196,17 @@ export default {
     return this.hasPermission(dashboardPermissions);
   },
 
+  getSellerShopId: function (userId = Meteor.userId()) {
+    if (userId) {
+      const group = Roles.getGroupsForUser(userId, "admin")[0];
+      if (group) {
+        return group;
+      }
+    }
+
+    return this.getShopId();
+  },
+
   getShopId() {
     return this.shopId;
   },
@@ -213,7 +224,14 @@ export default {
   },
 
   getPackageSettings(name) {
-    return Packages.findOne({ name, shopId: this.getShopId() });
+    const shopId = this.getShopId();
+    const query = { name };
+
+    if (shopId) {
+      query.shopId = shopId;
+    }
+
+    return Packages.findOne(query);
   },
 
   allowGuestCheckout() {
@@ -226,10 +244,6 @@ export default {
     return allowGuest;
   },
 
-  getSellerShopId() {
-    return Roles.getGroupsForUser(this.userId, "admin");
-  },
-
   /**
    * @description showActionView
    *
@@ -277,6 +291,7 @@ export default {
     });
   },
 
+
   getCurrentTag() {
     if (this.Router.getRouteName() === "tag") {
       return this.Router.current().params.slug;

imports/plugins/core/dashboard/register.js

@@ -30,7 +30,11 @@ Reaction.registerPackage({
     label: "Dashboard",
     template: "dashboardPackages",
     icon: "icon-reaction-logo",
-    priority: 0
+    priority: 0,
+    permissions: [{
+      label: "Dashboard",
+      permission: "dashboard"
+    }]
   }, {
     route: "/dashboard/shop/settings",
     template: "shopSettings",

imports/plugins/core/orders/register.js

@@ -26,7 +26,11 @@ Reaction.registerPackage({
     label: "Orders",
     description: "Fulfill your orders",
     icon: "fa fa-sun-o",
-    priority: 1
+    priority: 1,
+    permissions: [{
+      label: "Create Product",
+      permission: "createProduct"
+    }]
   }, {
     route: "/dashboard/pdf/orders/:id",
     workflow: "coreOrderPrintWorkflow",

imports/plugins/included/analytics/server/publications.js

@@ -2,7 +2,7 @@ import { AnalyticsEvents } from "/lib/collections";
 import { Reaction } from "/server/api";
 
 Meteor.publish("AnalyticsEvents", function () {
-  const shopId = Reaction.getShopId();
+  const shopId = Reaction.getSellerShopId();
   if (!shopId) {
     return this.ready();
   }

imports/plugins/included/marketplace/client/index.js

@@ -0,0 +1,5 @@
+import "./templates/becomeSellerButton/becomeSellerButton.html";
+import "./templates/becomeSellerButton/becomeSellerButton.js";
+
+import "./templates/dashboard/settings.html";
+import "./templates/dashboard/settings.js";

imports/plugins/included/marketplace/client/templates/becomeSellerButton/becomeSellerButton.html

@@ -0,0 +1,9 @@
+<template name="becomeSellerButton">
+  <button
+    class="btn {{classes}}"
+    data-event-category="marketplace"
+    data-event-action="button-click-become-seller"
+    data-event-label="Become a Seller button click"
+    data-event-value="clicked"
+    data-i18n="marketplace.becomeSeller">Become a seller</button>
+</template>

imports/plugins/included/marketplace/client/templates/becomeSellerButton/becomeSellerButton.js

@@ -0,0 +1,38 @@
+import { Meteor } from "meteor/meteor";
+import { Reaction, i18next } from "/client/api";
+
+
+// Page
+
+
+// Button
+Template.becomeSellerButton.helpers({
+  /**
+   * Give it a size and style
+   * @return {String} The classes
+   */
+  classes() {
+    const classes = [
+      (this.type || "btn-info"),
+      (this.size || "")
+    ];
+
+    return classes.join(" ");
+  }
+});
+
+
+Template.becomeSellerButton.events({
+  "click [data-event-action='button-click-become-seller']": function () {
+    Meteor.call("shop/createShop", Meteor.userId(), function (error, response) {
+      if (error) {
+        const error = i18next.t("marketplace.cannotCreateShop", { defaultValue: "Could not create shop for current user {{user}}" });
+        return Alerts.toast(error, "error");
+      }
+
+      const success = i18next.t("marketplace.yourShopIsReady", { defaultValue: "Your shop is now ready!" });
+      return Alerts.toast(success, "success");
+    });
+  }
+});
+

imports/plugins/included/marketplace/client/templates/dashboard/settings.html

@@ -0,0 +1,28 @@
+<template name="marketplaceSettings">
+    <div class="panel panel-default">
+      <div class="panel-heading panel-heading-flex">
+        <h3 class="panel-title">
+          <i class="{{PackageData.settings.icon}}"></i> General
+        </h3>
+      </div>
+      <div class="panel-body">
+        {{#autoForm collection=Collections.Packages schema=MarketplacePackageConfig
+                    doc=packageData id="marketplaceOptionsForm" type="update" autosave=true}}
+          {{> afFieldInput name="settings.public.allowGuestSellers"}}
+        {{/autoForm}}
+
+        {{schema}}
+      </div>
+    </div>
+</template>
+
+<template name="marketplaceCatalogSettings">
+  {{#autoForm collection=Collections.Packages schema=MarketplacePackageConfig
+              doc=packageData id="marketplaceOptionsForm" type="update" autosave=true}}
+    {{> afFieldInput name="settings.public.allowGuestSellers"}}
+  {{/autoForm}}
+
+  {{schema}}
+</template>
+
+

imports/plugins/included/marketplace/client/templates/dashboard/settings.js

@@ -0,0 +1,43 @@
+import { i18next } from "/client/api";
+import { Packages } from "/lib/collections";
+import { MarketplacePackageConfig } from "../../../lib/collections/schemas";
+
+
+/**
+ * marketplaceSettings helpers
+ *
+ */
+Template.marketplaceSettings.helpers({
+  MarketplacePackageConfig() {
+    return MarketplacePackageConfig;
+  },
+
+  packageData() {
+    return Packages.findOne({
+      name: "reaction-marketplace"
+    });
+  }
+});
+
+/**
+ * marketplace Catalog settings
+ */
+Template.marketplaceCatalogSettings.inheritsHelpersFrom("marketplaceSettings");
+
+/**
+ * marketplaceSettings autoform alerts
+ */
+
+AutoForm.hooks({
+  marketplaceOptionsForm: {
+    onSuccess() {
+      return Alerts.toast(i18next.t("marketplace.dashboardSettingsSaved"),
+        "success");
+    },
+    onError(operation, error) {
+      return Alerts.toast(
+        `${i18next.t("marketplace.dashboardSettingsFailed")} ${error}`, "error"
+      );
+    }
+  }
+});

imports/plugins/included/marketplace/lib/api/index.js

@@ -0,0 +1 @@
+export * from "./marketplace";

imports/plugins/included/marketplace/lib/api/marketplace.js

@@ -0,0 +1,32 @@
+import { Meteor } from "meteor/meteor";
+import { Reaction } from "/lib/api";
+
+/**
+ * hasMarketplaceGuestAccess
+ * @summary Checks if the current user is a guest in the marketplace and not a seller
+ *          Owners always have full access
+ * @returns {Boolean} True if current user is a guest and not a seller, or the owner
+ */
+function hasMarketplaceGuestAccess() {
+  const currentUser = Meteor.user();
+
+  // parent shop owners have full access
+  if (Roles.getGroupsForUser(currentUser, "owner").length) {
+    return true;
+  }
+
+  const packageSettings = Reaction.getPackageSettings("reaction-marketplace");
+
+  // if marketplace is on
+  // allow only guests, who aren't sellers already
+  // to become sellers for their shop group
+  return (
+    packageSettings.enabled &&
+    packageSettings.settings.public.allowGuestSellers &&
+    Roles.getGroupsForUser(currentUser, "admin").length < 1
+  );
+}
+
+export const Marketplace = {
+  hasMarketplaceGuestAccess
+};

imports/plugins/included/marketplace/lib/collections/schemas/index.js

@@ -0,0 +1 @@
+export * from "./marketplace";

imports/plugins/included/marketplace/lib/collections/schemas/marketplace.js

@@ -0,0 +1,24 @@
+import { SimpleSchema } from "meteor/aldeed:simple-schema";
+import { PackageConfig } from "/lib/collections/schemas/registry";
+/*
+ *  Meteor.settings.marketplace =
+ *    allowGuestSellers: false
+ *
+ *
+ */
+
+export const MarketplacePackageConfig = new SimpleSchema([
+  PackageConfig, {
+    "settings.public": {
+      type: Object,
+      optional: true
+    }
+  },
+  {
+    "settings.public.allowGuestSellers": {
+      type: Boolean,
+      defaultValue: false
+    }
+  }
+]);
+

imports/plugins/included/marketplace/register.js

@@ -0,0 +1,40 @@
+import { Reaction } from "/server/api";
+
+Reaction.registerPackage({
+  label: "Marketplace",
+  name: "reaction-marketplace",
+  icon: "fa fa-globe",
+  autoEnable: true,
+  settings: {
+    name: "Marketplace",
+    public: {
+      allowGuestSellers: true
+    }
+  },
+  registry: [
+    // Dashboard card
+    /* Moved into catalog - settings below will provide a card instead
+    {
+      provides: "dashboard",
+      label: "Marketplace",
+      description: "Allow users to become sellers, switch shops UI",
+      icon: "fa fa-globe",
+      priority: 2,
+      container: "marketplace",
+      permissions: [{
+        label: "Marketplace",
+        permission: "dashboard/marketplace"
+      }]
+    },*/
+
+    // Settings reside in Catalog settings
+    {
+      label: "Marketplace Settings",
+      icon: "fa fa-globe",
+      provides: "catalogSettings",
+      container: "dashboard",
+      template: "marketplaceCatalogSettings"
+    }
+  ]
+});
+

imports/plugins/included/product-variant/client/templates/products/productGrid/controls.html

@@ -1,14 +1,13 @@
 <template name="gridControls">
-  {{#if hasPermission "createProduct"}}
+  {{#if hasControl }}
     <div class="product-grid-controls">
       <label class="like-button hidden" for="select-product-{{product._id}}">
         <input
           type="checkbox"
           name="selectProduct"
           value="{{product._id}}"
           id="select-product-{{product._id}}"
-          checked={{checked}}
-        >
+          checked={{checked}}>
       </label>
 
       {{#if product.isDeleted}}