Widget kLoadingWidget(context) => Center(
        child: SpinKitFadingCube(
          color: Theme.of(context).primaryColor,
          size: 30.0,
        ),
      );

  "defaultDrawer": {
    "logo": "assets/images/logo.png", ///change the logo on drawer here 
    "items": [
      {"type": "home", "show": true},
      {"type": "blog", "show": true},
      {"type": "categories", "show": true},
      {"type": "cart", "show": true},
      {"type": "profile", "show": true},
      {"type": "login", "show": true},
      {"type": "category", "show": true}
    ]
  },

  Widget drawerItem(DrawerItemsConfig item) {
    // final isTablet = Tools.isTablet(MediaQuery.of(context));

if (item.show == false) return const SizedBox();

switch (item.type) {
  case 'home':
    {
      return ListTile(
        leading: Icon(
          isEcommercePlatform ? Icons.home : Icons.shopping_basket,
          size: 20,
        ),
        title: Text(
          isEcommercePlatform ? S.of(context).home : S.of(context).shop,
        ),
        onTap: () {
          pushNavigation(RouteList.home);
        },
      );
    }
  case 'categories':
    {
      return ListTile(
        leading: const Icon(Icons.category, size: 20),
        title: Text(S.of(context).categories),
        onTap: () => pushNavigation(
          Provider.of(context, listen: false).vendorType ==
                  VendorType.single
              ? RouteList.category
              : RouteList.vendorCategory,
        ),
      );
    }
  case 'profile':
    {
      return ListTile(
        leading: const Icon(Icons.person, size: 20),
        title: Text(S.of(context).settings),
        onTap: () => pushNavigation(RouteList.profile),
      );
    }
  case 'blog':
    {
      return ListTile(
        leading: const Icon(CupertinoIcons.news_solid, size: 20),
        title: Text(S.of(context).blog),
        onTap: () => pushNavigation(RouteList.listBlog),
      );
    }

  "productVariantLayout": {
    "color": "color",
    "size": "box",
    "height": "option",
    "color-image": "image"
  },

/// Enable search by SKU in search screen
"EnableSkuSearch": true,

/// Show stock Status on product List & Product Detail
"showStockStatus": true,

/// Gird count setting on Category screen
"GridCount": 3,

/// set isCaching to true if you have upload the config file to mstore-api
/// set kIsResizeImage to true if you have finished running Re-generate image plugin
/// ref: https://support.inspireui.com/help-center/articles/3/8/19/app-performance
"isCaching": false,
"kIsResizeImage": false,

/// Stripe payment only: set currencyCode and smallestUnitRate.
/// All API requests expect amounts to be provided in a currency’s smallest unit.
/// For example, to charge 10 USD, provide an amount value of 1000 (i.e., 1000 cents).
/// Reference: https://stripe.com/docs/currencies#zero-decimal
"DefaultCurrency": {
  "symbol": "\$",
  "decimalDigits": 2,
  "symbolBeforeTheNumber": true,
  "currency": "USD",
  "currencyCode": "usd",
  "smallestUnitRate": 100, // 100 cents = 1 usd
},
"Currencies": [
  {
    "symbol": "\$",
    "decimalDigits": 2,
    "symbolBeforeTheNumber": true,
    "currency": "USD",
    "currencyCode": "usd",
    "smallestUnitRate": 100, // 100 cents = 1 usd
  },
  {
    "symbol": "đ",
    "decimalDigits": 2,
    "symbolBeforeTheNumber": false,
    "currency": "VND",
    "currencyCode": "VND",
  },
  {
    "symbol": "€",
    "decimalDigits": 2,
    "symbolBeforeTheNumber": true,
    "currency": "EUR",
    "currencyCode": "EUR",
  },
  {
    "symbol": "£",
    "decimalDigits": 2,
    "symbolBeforeTheNumber": true,
    "currency": "Pound sterling",
    "currencyCode": "gbp",
    "smallestUnitRate": 100, // 100 pennies = 1 pound
  },
  {
    'symbol': 'AR\$',
    'decimalDigits': 2,
    'symbolBeforeTheNumber': true,
    'currency': 'ARS',
    'currencyCode': 'ARS',
  }
],

/// Below config is used for Magento store
"DefaultStoreViewCode": "",
"EnableAttributesConfigurableProduct": ["color", "size"],
"EnableAttributesLabelConfigurableProduct": ["color", "size"],

/// if the woo commerce website supports multi languages
/// set false if the website only have one language
"isMultiLanguages": true,

///Review gets approved automatically on woocommerce admin without requiring administrator to approve.
"EnableApprovedReview": false,

/// Sync Cart from website and mobile
"EnableSyncCartFromWebsite": false,
"EnableSyncCartToWebsite": false,

/// Disable shopping Cart due to Listing Users request
"EnableShoppingCart": false,

/// Enable firebase to support FCM, realtime chat for Fluxstore MV
"EnableFirebase": true,

/// ratio Product Image, default value is 1.2 = height / width
"RatioProductImage": 1.2,

/// Enable Coupon Code When checkout
"EnableCouponCode": true,

/// Enable to Show Coupon list.
"ShowCouponList": true,

/// Enable this will show all coupons in Coupon list.
/// Disable will show only coupons which is restricted to the current user"s email.
"ShowAllCoupons": true,

/// Show expired coupons in Coupon list.
"ShowExpiredCoupons": true,
"AlwaysShowTabBar": false,

/// Privacy Policies page ID. Accessible in the app via Settings > Privacy menu.
"PrivacyPoliciesPageId": 25569,

/// The radius to get vendors in map view for Fluxstore MV
"QueryRadiusDistance": 10 //km

// TODO: 2-Update Product Detail Layouts
/// use to config the product image height for the product detail
/// height=(percent * width-screen)
  "productDetail": {
    "height": 0.4,
    "marginTop": 0,
    "safeArea": false,
    "showVideo": true,
    "showBrand": true,
    "showThumbnailAtLeast": 1,
    "layout": "simpleType",
    "borderRadius": 3.0,

/// Enable this to show review in product description.
"enableReview": false,
"attributeImagesSize": 50.0,
"showSku": true,
"showStockQuantity": true,
"showProductCategories": true,
"showProductTags": true,
"hideInvalidAttributes": false

const kProfileBackground =
    "https://images.unsplash.com/photo-1494253109108-2e30c049369b?ixlib=rb-1.2.1&auto=format&fit=crop&w=3150&q=80";

ThemeData buildDarkTheme(String language) {
  final ThemeData base = ThemeData.dark();
  return base.copyWith(
    textTheme: buildTextTheme(base.textTheme, language).apply(
      displayColor: kLightBG,
      bodyColor: kLightBG,
    ),
    primaryTextTheme: buildTextTheme(base.primaryTextTheme, language).apply(
      displayColor: kLightBG,
      bodyColor: kLightBG,
    ),
    accentTextTheme: buildTextTheme(base.accentTextTheme, language).apply(
      displayColor: kLightBG,
      bodyColor: kLightBG,
    ),
    canvasColor: kDarkBG,
    cardColor: kDarkBgLight,
    ...
}

/// update default dark theme
/// advance color theme could be changed from common/styles.dart
"defaultDarkTheme": false,

/// Use for Rating app on store feature
/// make sure to replace the bundle ID by your own ID to prevent the app review reject
  "storeIdentifier": {
    "disable": true,
    "android": "com.inspireui.fluxstore",
    "ios": "1469772800"
  },

  final RateMyApp _rateMyApp = RateMyApp(
      // rate app on store
      minDays: 7,
      minLaunches: 10,
      remindDays: 7,
      remindLaunches: 10,
      googlePlayIdentifier: kStoreIdentifier['android'],
      appStoreIdentifier: kStoreIdentifier['ios']);

      case 'about':
        {
          icon = CupertinoIcons.info;
          title = "About Us";  //replace your title here
          ...
        }

// TODO: 3.Update The Setting Screens Menu
/// you could order the position to change menu
/// this feature could be done via Fluxbuilder
  "defaultSettings": [
    "products",
    "chat",
    "wishlist",
    "notifications",
    "language",
    "currencies",
    "darkTheme",
    "order",
    "point",
    "rating",
    "privacy",
    "about"
  ],

    /// Privacy Policies page ID. Accessible in the app via Settings > Privacy menu.
    "PrivacyPoliciesPageId": null,

/// If page id null
/// Privacy Policies page Url. Accessible in the app via Settings > Privacy menu.
"PrivacyPoliciesPageUrl": "https://mstore.io/",</code></pre>

// TODO: 3.Update The Setting Screens Menu
/// you could order the position to change menu
/// this feature could be done via Fluxbuilder
  "defaultSettings": [
    "products",
    "chat",
    "wishlist",
    "notifications",
    "language",
    "currencies",
    "darkTheme",
    "order",
    "point",
    "rating",
    "privacy",
    "about"
  ],

        if (kIsWeb) {
          return Tools.launchURL(aboutUrl);
        }
        return FluxNavigate.push(
          MaterialPageRoute(
            builder: (context) =>
                WebView(
                   url: "https://inspireui.com",  //replace your url here
                   title: S.of(context).webView),  //replace your title here
                ),
          ),
          forceRootNavigator: true,
        );
      };
      break;
    }

    /// Privacy Policies page ID. Accessible in the app via Settings > Privacy menu.
    "PrivacyPoliciesPageId": null,
/// If page id null
/// Privacy Policies page Url. Accessible in the app via Settings > Privacy menu.
"PrivacyPoliciesPageUrl": "https://mstore.io/",</code></pre>