@canmingir/link 1.1.0

package/minimal/src/_mock/_others.js

@@ -0,0 +1,253 @@
+import { _mock } from './_mock';
+
+// ----------------------------------------------------------------------
+
+export const _carouselsMembers = [...Array(6)].map((_, index) => ({
+  id: _mock.id(index),
+  name: _mock.fullName(index),
+  role: _mock.role(index),
+  avatarUrl: _mock.image.portrait(index),
+}));
+
+// ----------------------------------------------------------------------
+
+export const _faqs = [...Array(8)].map((_, index) => ({
+  id: _mock.id(index),
+  value: `panel${index + 1}`,
+  heading: `Questions ${index + 1}`,
+  detail: _mock.description(index),
+}));
+
+// ----------------------------------------------------------------------
+
+export const _addressBooks = [...Array(24)].map((_, index) => ({
+  id: _mock.id(index),
+  primary: index === 0,
+  name: _mock.fullName(index),
+  email: _mock.email(index + 1),
+  fullAddress: _mock.fullAddress(index),
+  phoneNumber: _mock.phoneNumber(index),
+  company: _mock.companyName(index + 1),
+  addressType: index === 0 ? 'Home' : 'Office',
+}));
+
+// ----------------------------------------------------------------------
+
+export const _contacts = [...Array(20)].map((_, index) => {
+  const status =
+    (index % 2 && 'online') || (index % 3 && 'offline') || (index % 4 && 'alway') || 'busy';
+
+  return {
+    id: _mock.id(index),
+    status,
+    role: _mock.role(index),
+    email: _mock.email(index),
+    name: _mock.fullName(index),
+    phoneNumber: _mock.phoneNumber(index),
+    lastActivity: _mock.time(index),
+    avatarUrl: _mock.image.avatar(index),
+    address: _mock.fullAddress(index),
+  };
+});
+
+// ----------------------------------------------------------------------
+
+export const _notifications = [...Array(9)].map((_, index) => ({
+  id: _mock.id(index),
+  avatarUrl: [
+    _mock.image.avatar(1),
+    _mock.image.avatar(2),
+    _mock.image.avatar(3),
+    _mock.image.avatar(4),
+    _mock.image.avatar(5),
+    null,
+    null,
+    null,
+    null,
+    null,
+  ][index],
+  type: ['friend', 'project', 'file', 'tags', 'payment', 'order', 'chat', 'mail', 'delivery'][
+    index
+  ],
+  category: [
+    'Communication',
+    'Project UI',
+    'File Manager',
+    'File Manager',
+    'File Manager',
+    'Order',
+    'Order',
+    'Communication',
+    'Communication',
+  ][index],
+  isUnRead: _mock.boolean(index),
+  createdAt: _mock.time(index),
+  title:
+    (index === 0 && `<p><strong>Deja Brady</strong> sent you a friend request</p>`) ||
+    (index === 1 &&
+      `<p><strong>Jayvon Hull</strong> mentioned you in <strong><a href='#'>Minimal UI</a></strong></p>`) ||
+    (index === 2 &&
+      `<p><strong>Lainey Davidson</strong> added file to <strong><a href='#'>File Manager</a></strong></p>`) ||
+    (index === 3 &&
+      `<p><strong>Angelique Morse</strong> added new tags to <strong><a href='#'>File Manager<a/></strong></p>`) ||
+    (index === 4 &&
+      `<p><strong>Giana Brandt</strong> request a payment of <strong>$200</strong></p>`) ||
+    (index === 5 && `<p>Your order is placed waiting for shipping</p>`) ||
+    (index === 6 && `<p>Delivery processing your order is being shipped</p>`) ||
+    (index === 7 && `<p>You have new message 5 unread messages</p>`) ||
+    (index === 8 && `<p>You have new mail`) ||
+    '',
+}));
+
+// ----------------------------------------------------------------------
+
+export const _mapContact = [
+  {
+    latlng: [33, 65],
+    address: _mock.fullAddress(1),
+    phoneNumber: _mock.phoneNumber(1),
+  },
+  {
+    latlng: [-12.5, 18.5],
+    address: _mock.fullAddress(2),
+    phoneNumber: _mock.phoneNumber(2),
+  },
+];
+
+// ----------------------------------------------------------------------
+
+export const _socials = [
+  {
+    value: 'facebook',
+    name: 'FaceBook',
+    icon: 'eva:facebook-fill',
+    color: '#1877F2',
+    path: 'https://www.facebook.com/caitlyn.kerluke',
+  },
+  {
+    value: 'instagram',
+    name: 'Instagram',
+    icon: 'ant-design:instagram-filled',
+    color: '#E02D69',
+    path: 'https://www.instagram.com/caitlyn.kerluke',
+  },
+  {
+    value: 'linkedin',
+    name: 'Linkedin',
+    icon: 'eva:linkedin-fill',
+    color: '#007EBB',
+    path: 'https://www.linkedin.com/caitlyn.kerluke',
+  },
+  {
+    value: 'twitter',
+    name: 'Twitter',
+    icon: 'eva:twitter-fill',
+    color: '#00AAEC',
+    path: 'https://www.twitter.com/caitlyn.kerluke',
+  },
+];
+
+// ----------------------------------------------------------------------
+
+export const _homePlans = [...Array(3)].map((_, index) => ({
+  license: ['Standard', 'Standard Plus', 'Extended'][index],
+  commons: ['One end products', '12 months updates', '6 months of support'],
+  options: [
+    'JavaScript version',
+    'TypeScript version',
+    'Design Resources',
+    'Commercial applications',
+  ],
+  icons: [
+    '/assets/icons/platforms/ic_js.svg',
+    '/assets/icons/platforms/ic_ts.svg',
+    '/assets/icons/platforms/ic_figma.svg',
+  ],
+}));
+
+// ----------------------------------------------------------------------
+
+export const _pricingPlans = [
+  {
+    subscription: 'basic',
+    price: 0,
+    caption: 'Forever',
+    lists: ['3 Prototypes', '3 Boards', 'Up To 5 Team Members'],
+    labelAction: 'Current Plan',
+  },
+  {
+    subscription: 'starter',
+    price: 4.99,
+    caption: 'Saving $24 a year',
+    lists: [
+      '3 Prototypes',
+      '3 Boards',
+      'Up To 5 Team Members',
+      'Advanced Security',
+      'Issue Escalation',
+    ],
+    labelAction: 'Choose Starter',
+  },
+  {
+    subscription: 'premium',
+    price: 9.99,
+    caption: 'Saving $124 a year',
+    lists: [
+      '3 Prototypes',
+      '3 Boards',
+      'Up To 5 Team Members',
+      'Advanced Security',
+      'Issue Escalation',
+      'Issue Development license',
+      'Permissions & workflows',
+    ],
+    labelAction: 'Choose Premium',
+  },
+];
+
+// ----------------------------------------------------------------------
+
+export const _testimonials = [
+  {
+    name: _mock.fullName(1),
+    postedDate: _mock.time(1),
+    ratingNumber: _mock.number.rating(1),
+    avatarUrl: _mock.image.avatar(1),
+    content: `Excellent Work! Thanks a lot!`,
+  },
+  {
+    name: _mock.fullName(2),
+    postedDate: _mock.time(2),
+    ratingNumber: _mock.number.rating(2),
+    avatarUrl: _mock.image.avatar(2),
+    content: `It's a very good dashboard and we are really liking the product . We've done some things, like migrate to TS and implementing a react useContext api, to fit our job methodology but the product is one of the best in terms of design and application architecture. The team did a really good job.`,
+  },
+  {
+    name: _mock.fullName(3),
+    postedDate: _mock.time(3),
+    ratingNumber: _mock.number.rating(3),
+    avatarUrl: _mock.image.avatar(3),
+    content: `Customer support is realy fast and helpful the desgin of this theme is looks amazing also the code is very clean and readble realy good job !`,
+  },
+  {
+    name: _mock.fullName(4),
+    postedDate: _mock.time(4),
+    ratingNumber: _mock.number.rating(4),
+    avatarUrl: _mock.image.avatar(4),
+    content: `Amazing, really good code quality and gives you a lot of examples for implementations.`,
+  },
+  {
+    name: _mock.fullName(5),
+    postedDate: _mock.time(5),
+    ratingNumber: _mock.number.rating(5),
+    avatarUrl: _mock.image.avatar(5),
+    content: `Got a few questions after purchasing the product. The owner responded very fast and very helpfull. Overall the code is excellent and works very good. 5/5 stars!`,
+  },
+  {
+    name: _mock.fullName(6),
+    postedDate: _mock.time(6),
+    ratingNumber: _mock.number.rating(6),
+    avatarUrl: _mock.image.avatar(6),
+    content: `CEO of Codealy.io here. We’ve built a developer assessment platform that makes sense - tasks are based on git repositories and run in virtual machines. We automate the pain points - storing candidates code, running it and sharing test results with the whole team, remotely. Bought this template as we need to provide an awesome dashboard for our early customers. I am super happy with purchase. The code is just as good as the design. Thanks!`,
+  },
+];

package/minimal/src/_mock/_overview.js

@@ -0,0 +1,330 @@
+import { _mock } from './_mock';
+
+// APP
+// ----------------------------------------------------------------------
+
+export const _appRelated = ['Chrome', 'Drive', 'Dropbox', 'Evernote', 'Github'].map(
+  (name, index) => {
+    const system = [2, 4].includes(index) ? 'Windows' : 'Mac';
+
+    const price = [2, 4].includes(index) ? _mock.number.price(index) : 0;
+
+    const shortcut =
+      (name === 'Chrome' && '/assets/icons/app/ic_chrome.svg') ||
+      (name === 'Drive' && '/assets/icons/app/ic_drive.svg') ||
+      (name === 'Dropbox' && '/assets/icons/app/ic_dropbox.svg') ||
+      (name === 'Evernote' && '/assets/icons/app/ic_evernote.svg') ||
+      '/assets/icons/app/ic_github.svg';
+
+    return {
+      id: _mock.id(index),
+      name,
+      price,
+      system,
+      shortcut,
+      ratingNumber: _mock.number.rating(index),
+      totalReviews: _mock.number.nativeL(index),
+    };
+  }
+);
+
+export const _appInstalled = ['Germany', 'England', 'France', 'Korean', 'USA'].map(
+  (name, index) => ({
+    id: _mock.id(index),
+    name,
+    android: _mock.number.nativeL(index),
+    windows: _mock.number.nativeL(index + 1),
+    apple: _mock.number.nativeL(index + 2),
+    flag: ['flagpack:de', 'flagpack:gb-nir', 'flagpack:fr', 'flagpack:kr', 'flagpack:us'][index],
+  })
+);
+
+export const _appAuthors = [...Array(3)].map((_, index) => ({
+  id: _mock.id(index),
+  name: _mock.fullName(index),
+  avatarUrl: _mock.image.avatar(index),
+  totalFavorites: _mock.number.nativeL(index),
+}));
+
+export const _appInvoices = [...Array(5)].map((_, index) => {
+  const category = ['Android', 'Mac', 'Windows', 'Android', 'Mac'][index];
+
+  const status = ['paid', 'out of date', 'progress', 'paid', 'paid'][index];
+
+  return {
+    id: _mock.id(index),
+    invoiceNumber: `INV-199${index}`,
+    price: _mock.number.price(index),
+    category,
+    status,
+  };
+});
+
+export const _appFeatured = [...Array(3)].map((_, index) => ({
+  id: _mock.id(index),
+  title: _mock.postTitle(index),
+  description: _mock.sentence(index),
+  coverUrl: _mock.image.cover(index),
+}));
+
+// ANALYTIC
+// ----------------------------------------------------------------------
+
+export const _analyticTasks = [...Array(5)].map((_, index) => ({
+  id: _mock.id(index),
+  name: _mock.taskNames(index),
+}));
+
+export const _analyticPosts = [...Array(5)].map((_, index) => ({
+  id: _mock.id(index),
+  postedAt: _mock.time(index),
+  title: _mock.postTitle(index),
+  coverUrl: _mock.image.cover(index),
+  description: _mock.sentence(index),
+}));
+
+export const _analyticOrderTimeline = [...Array(5)].map((_, index) => {
+  const title = [
+    '1983, orders, $4220',
+    '12 Invoices have been paid',
+    'Order #37745 from September',
+    'New order placed #XF-2356',
+    'New order placed #XF-2346',
+  ][index];
+
+  return {
+    id: _mock.id(index),
+    title,
+    type: `order${index + 1}`,
+    time: _mock.time(index),
+  };
+});
+
+export const _analyticTraffic = [
+  {
+    value: 'facebook',
+    label: 'FaceBook',
+    total: _mock.number.nativeL(1),
+    icon: 'eva:facebook-fill',
+  },
+  {
+    value: 'google',
+    label: 'Google',
+    total: _mock.number.nativeL(2),
+    icon: 'eva:google-fill',
+  },
+  {
+    value: 'linkedin',
+    label: 'Linkedin',
+    total: _mock.number.nativeL(3),
+    icon: 'eva:linkedin-fill',
+  },
+  {
+    value: 'twitter',
+    label: 'Twitter',
+    total: _mock.number.nativeL(4),
+    icon: 'eva:twitter-fill',
+  },
+];
+
+// ECOMMERCE
+// ----------------------------------------------------------------------
+
+export const _ecommerceSalesOverview = ['Total Profit', 'Total Income', 'Total Expenses'].map(
+  (label, index) => ({
+    label,
+    totalAmount: _mock.number.price(index) * 100,
+    value: _mock.number.percent(index),
+  })
+);
+
+export const _ecommerceBestSalesman = [...Array(5)].map((_, index) => {
+  const category = ['CAP', 'Branded Shoes', 'Headphone', 'Cell Phone', 'Earings'][index];
+
+  const flag = ['flagpack:de', 'flagpack:gb-nir', 'flagpack:fr', 'flagpack:kr', 'flagpack:us'][
+    index
+  ];
+
+  return {
+    id: _mock.id(index),
+    flag,
+    category,
+    rank: `Top ${index + 1}`,
+    email: _mock.email(index),
+    name: _mock.fullName(index),
+    totalAmount: _mock.number.price(index),
+    avatarUrl: _mock.image.avatar(index + 8),
+  };
+});
+
+export const _ecommerceLatestProducts = [...Array(5)].map((_, index) => {
+  const colors = (index === 0 && ['#2EC4B6', '#E71D36', '#FF9F1C', '#011627']) ||
+    (index === 1 && ['#92140C', '#FFCF99']) ||
+    (index === 2 && ['#0CECDD', '#FFF338', '#FF67E7', '#C400FF', '#52006A', '#046582']) ||
+    (index === 3 && ['#845EC2', '#E4007C', '#2A1A5E']) || ['#090088'];
+
+  return {
+    id: _mock.id(index),
+    colors,
+    name: _mock.productName(index),
+    price: _mock.number.price(index),
+    coverUrl: _mock.image.product(index),
+    priceSale: [1, 3].includes(index) ? _mock.number.price(index) : 0,
+  };
+});
+
+export const _ecommerceNewProducts = [...Array(5)].map((_, index) => ({
+  id: _mock.id(index),
+  name: _mock.productName(index),
+  coverUrl: _mock.image.product(index),
+}));
+
+// BANKING
+// ----------------------------------------------------------------------
+
+export const _bankingContacts = [...Array(12)].map((_, index) => ({
+  id: _mock.id(index),
+  name: _mock.fullName(index),
+  email: _mock.email(index),
+  avatarUrl: _mock.image.avatar(index),
+}));
+
+export const _bankingCreditCard = [
+  {
+    id: _mock.id(2),
+    balance: 23432.03,
+    cardType: 'mastercard',
+    cardHolder: _mock.fullName(2),
+    cardNumber: '**** **** **** 3640',
+    cardValid: '11/22',
+  },
+  {
+    id: _mock.id(3),
+    balance: 18000.23,
+    cardType: 'visa',
+    cardHolder: _mock.fullName(3),
+    cardNumber: '**** **** **** 8864',
+    cardValid: '11/25',
+  },
+  {
+    id: _mock.id(4),
+    balance: 2000.89,
+    cardType: 'mastercard',
+    cardHolder: _mock.fullName(4),
+    cardNumber: '**** **** **** 7755',
+    cardValid: '11/22',
+  },
+];
+
+export const _bankingRecentTransitions = [
+  {
+    id: _mock.id(2),
+    name: _mock.fullName(2),
+    avatarUrl: _mock.image.avatar(2),
+    type: 'Income',
+    message: 'Receive money from',
+    category: 'Annette Black',
+    date: _mock.time(2),
+    status: 'progress',
+    amount: _mock.number.price(2),
+  },
+  {
+    id: _mock.id(3),
+    name: _mock.fullName(3),
+    avatarUrl: _mock.image.avatar(3),
+    type: 'Expenses',
+    message: 'Payment for',
+    category: 'Courtney Henry',
+    date: _mock.time(3),
+    status: 'completed',
+    amount: _mock.number.price(3),
+  },
+  {
+    id: _mock.id(4),
+    name: _mock.fullName(4),
+    avatarUrl: _mock.image.avatar(4),
+    type: 'Receive',
+    message: 'Payment for',
+    category: 'Theresa Webb',
+    date: _mock.time(4),
+    status: 'failed',
+    amount: _mock.number.price(4),
+  },
+  {
+    id: _mock.id(5),
+    name: null,
+    avatarUrl: null,
+    type: 'Expenses',
+    message: 'Payment for',
+    category: 'Beauty & Health',
+    date: _mock.time(5),
+    status: 'completed',
+    amount: _mock.number.price(5),
+  },
+  {
+    id: _mock.id(6),
+    name: null,
+    avatarUrl: null,
+    type: 'Expenses',
+    message: 'Payment for',
+    category: 'Books',
+    date: _mock.time(6),
+    status: 'progress',
+    amount: _mock.number.price(6),
+  },
+];
+
+// BOOKING
+// ----------------------------------------------------------------------
+
+export const _bookings = [...Array(5)].map((_, index) => {
+  const status = ['Paid', 'Paid', 'Pending', 'Cancelled', 'Paid'][index];
+
+  const customer = {
+    avatarUrl: _mock.image.avatar(index),
+    name: _mock.fullName(index),
+    phoneNumber: _mock.phoneNumber(index),
+  };
+
+  const destination = [...Array(5)].map((__, _index) => ({
+    name: _mock.tourName(_index + 1),
+    coverUrl: _mock.image.travel(_index + 1),
+  }))[index];
+
+  return {
+    id: _mock.id(index),
+    destination,
+    status,
+    customer,
+    checkIn: _mock.time(index),
+    checkOut: _mock.time(index),
+  };
+});
+
+export const _bookingsOverview = [...Array(3)].map((_, index) => ({
+  status: ['Pending', 'Canceled', 'Sold'][index],
+  quantity: _mock.number.nativeL(index),
+  value: _mock.number.percent(index),
+}));
+
+export const _bookingReview = [...Array(5)].map((_, index) => ({
+  id: _mock.id(index),
+  name: _mock.fullName(index),
+  postedAt: _mock.time(index),
+  rating: _mock.number.rating(index),
+  avatarUrl: _mock.image.avatar(index),
+  description: _mock.description(index),
+  tags: ['Great Sevice', 'Recommended', 'Best Price'],
+}));
+
+export const _bookingNew = [...Array(5)].map((_, index) => ({
+  guests: '3-5',
+  id: _mock.id(index),
+  bookedAt: _mock.time(index),
+  duration: '3 days 2 nights',
+  isHot: _mock.boolean(index),
+  name: _mock.fullName(index),
+  price: _mock.number.price(index),
+  avatarUrl: _mock.image.avatar(index),
+  coverUrl: _mock.image.travel(index),
+}));

package/minimal/src/_mock/_product.js

@@ -0,0 +1,88 @@
+// ----------------------------------------------------------------------
+
+export const PRODUCT_GENDER_OPTIONS = [
+  { label: 'Men', value: 'Men' },
+  { label: 'Women', value: 'Women' },
+  { label: 'Kids', value: 'Kids' },
+];
+
+export const PRODUCT_CATEGORY_OPTIONS = ['Shose', 'Apparel', 'Accessories'];
+
+export const PRODUCT_RATING_OPTIONS = ['up4Star', 'up3Star', 'up2Star', 'up1Star'];
+
+export const PRODUCT_COLOR_OPTIONS = [
+  '#00AB55',
+  '#000000',
+  '#FFFFFF',
+  '#FFC0CB',
+  '#FF4842',
+  '#1890FF',
+  '#94D82D',
+  '#FFC107',
+];
+
+export const PRODUCT_COLOR_NAME_OPTIONS = [
+  { value: 'red', label: 'Red' },
+  { value: 'blue', label: 'Blue' },
+  { value: 'cyan', label: 'Cyan' },
+  { value: 'green', label: 'Green' },
+  { value: 'yellow', label: 'Yellow' },
+  { value: 'violet', label: 'Violet' },
+  { value: 'black', label: 'Black' },
+  { value: 'white', label: 'White' },
+];
+
+export const PRODUCT_SIZE_OPTIONS = [
+  { value: '7', label: '7' },
+  { value: '8', label: '8' },
+  { value: '8.5', label: '8.5' },
+  { value: '9', label: '9' },
+  { value: '9.5', label: '9.5' },
+  { value: '10', label: '10' },
+  { value: '10.5', label: '10.5' },
+  { value: '11', label: '11' },
+  { value: '11.5', label: '11.5' },
+  { value: '12', label: '12' },
+  { value: '13', label: '13' },
+];
+
+export const PRODUCT_STOCK_OPTIONS = [
+  { value: 'in stock', label: 'In stock' },
+  { value: 'low stock', label: 'Low stock' },
+  { value: 'out of stock', label: 'Out of stock' },
+];
+
+export const PRODUCT_PUBLISH_OPTIONS = [
+  {
+    value: 'published',
+    label: 'Published',
+  },
+  {
+    value: 'draft',
+    label: 'Draft',
+  },
+];
+
+export const PRODUCT_SORT_OPTIONS = [
+  { value: 'featured', label: 'Featured' },
+  { value: 'newest', label: 'Newest' },
+  { value: 'priceDesc', label: 'Price: High - Low' },
+  { value: 'priceAsc', label: 'Price: Low - High' },
+];
+
+export const PRODUCT_CATEGORY_GROUP_OPTIONS = [
+  {
+    group: 'Clothing',
+    classify: ['Shirts', 'T-shirts', 'Jeans', 'Leather', 'Accessories'],
+  },
+  {
+    group: 'Tailored',
+    classify: ['Suits', 'Blazers', 'Trousers', 'Waistcoats', 'Apparel'],
+  },
+  {
+    group: 'Accessories',
+    classify: ['Shoes', 'Backpacks and bags', 'Bracelets', 'Face masks'],
+  },
+];
+
+export const PRODUCT_CHECKOUT_STEPS = ['Cart', 'Billing & address', 'Payment'];