cloudcommerce 0.14.0 → 0.15.0

package/packages/storefront/tailwind.config.cjs

@@ -1,226 +1,3 @@
-const deepmerge = require('@fastify/deepmerge')();
-const colors = require('tailwindcss/colors');
-const chroma = require('chroma-js');
-const getCMS = require('./config/storefront.cms.cjs');
+const { genTailwindConfig } = require('./config/storefront.tailwind.cjs');
 
-let defaultThemeOptions = {
-  baseColor: 'slate',
-  successColor: 'emerald',
-  warningColor: 'amber',
-  dangerColor: 'rose',
-  // IntelliSense for UnoCSS icons
-  brandIcons: 'fa6-brands',
-  brandIconsShortcuts: [
-    'facebook',
-    'twitter',
-    'instagram',
-    'linkedin',
-    'youtube',
-    'google',
-    'pinterest',
-    'tiktok',
-    'telegram',
-    'whatsapp',
-    'messenger',
-    'pix',
-  ],
-  brandLogos: 'logos',
-  brandLogosShortcuts: [
-    'visa',
-    'mastercard',
-    'paypal',
-    'apple-pay',
-    'google-pay',
-    'amex',
-    'elo',
-    'hipercard',
-    'dinersclub',
-  ],
-  generalIcons: 'heroicons',
-  iconAliases: {
-    'shopping-cart': 'shopping-bag',
-    cashback: 'arrow-uturn-left',
-    menu: 'bars-3-bottom-left',
-    search: 'magnifying-glass',
-    account: 'user-circle',
-    close: 'x-mark',
-    logout: 'arrow-right-on-rectangle',
-    favorites: 'heart',
-  },
-};
-if (globalThis.$storefrontThemeOptions) {
-  defaultThemeOptions = deepmerge(defaultThemeOptions, globalThis.$storefrontThemeOptions);
-}
-
-const { primaryColor, secondaryColor } = getCMS();
-const brandColors = {
-  primary: primaryColor,
-  secondary: secondaryColor || primaryColor,
-  ...globalThis.$storefrontBrandColors,
-};
-const brandColorsPalletes = {};
-const onBrandColors = {};
-Object.keys(brandColors).forEach((colorName) => {
-  const hex = brandColors[colorName];
-  const color = chroma(hex);
-  let subtle;
-  let bold;
-  const luminance = color.luminance();
-  if (luminance >= 0.1) {
-    subtle = chroma(hex).brighten(1.5);
-    bold = chroma(hex).darken(1.25);
-  } else if (luminance > 0.03) {
-    subtle = chroma(hex).brighten();
-    bold = chroma(hex).darken();
-  } else {
-    subtle = chroma(hex).darken();
-    bold = chroma(hex).brighten();
-  }
-  const pallete = {
-    subtle: subtle.css(),
-    DEFAULT: color.css(),
-    bold: bold.css(),
-  };
-  const scale = chroma.scale([
-    chroma(hex).luminance(0.95), // 50
-    chroma(hex).luminance(0.84), // 100
-    chroma(hex).luminance(0.73), // 200
-    chroma(hex).luminance(0.62), // 300
-    chroma(hex).luminance(0.49), // 400
-    chroma(hex).luminance(0.35), // 500
-    chroma(hex).luminance(0.23), // 600
-    chroma(hex).luminance(0.15), // 700
-    chroma(hex).luminance(0.10), // 800
-    chroma(hex).luminance(0.05), // 900
-    chroma(hex).luminance(0.02), // 950
-  ]).colors(11);
-  scale.forEach((sHex, index) => {
-    let palleteIndex;
-    if (index === 0) palleteIndex = '50';
-    else if (index === scale.length - 1) palleteIndex = '950';
-    else palleteIndex = (100 * index).toString();
-    pallete[palleteIndex] = chroma(sHex).css();
-  });
-  brandColorsPalletes[colorName] = pallete;
-  const colorVariants = { color, subtle, bold };
-  Object.keys(colorVariants).forEach((tone) => {
-    const label = tone === 'color' ? colorName : `${colorName}-${tone}`;
-    const lightness = colorVariants[tone].get('lab.l');
-    if (lightness > 90) {
-      onBrandColors[label] = pallete['800'];
-    } else if (lightness > 76) {
-      onBrandColors[label] = pallete['900'];
-    } else if (lightness > 67) {
-      onBrandColors[label] = pallete['950'];
-    } else {
-      onBrandColors[label] = `var(--c-on-${(lightness > 60 ? 'light' : 'dark')})`;
-    }
-  });
-});
-
-const genTailwindConfig = (themeOptions = {}) => {
-  const {
-    brandIcons,
-    brandIconsShortcuts,
-    brandLogos,
-    brandLogosShortcuts,
-    generalIcons,
-    baseColor,
-    successColor,
-    warningColor,
-    dangerColor,
-    iconAliases,
-  } = deepmerge(defaultThemeOptions, themeOptions);
-  const config = {
-    content: ['./src/**/*.{vue,astro,tsx,jsx,md,html,svelte}'],
-    theme: {
-      extend: {
-        colors: {
-          ...brandColorsPalletes,
-          on: onBrandColors,
-          base: typeof baseColor === 'string' ? colors[baseColor] : baseColor,
-          success: typeof successColor === 'string' ? colors[successColor] : successColor,
-          warning: typeof warningColor === 'string' ? colors[warningColor] : warningColor,
-          danger: typeof dangerColor === 'string' ? colors[dangerColor] : dangerColor,
-        },
-        fontFamily: {
-          sans: ['var(--font-sans)'],
-          mono: ['var(--font-mono)'],
-          brand: ['var(--font-brand, var(--font-sans))'],
-        },
-      },
-    },
-    plugins: [
-      ({ addUtilities }) => {
-        addUtilities({
-          ...Object.keys(onBrandColors).reduce((utilities, colorLabel) => {
-            const [colorName, tone] = colorLabel.split('-');
-            const textColor = onBrandColors[colorLabel];
-            const backgroundColor = brandColorsPalletes[colorName][tone || 'DEFAULT'];
-            utilities[`.${colorLabel}`] = {
-              'background-color': `var(--c-${colorLabel}, ${backgroundColor})`,
-              color: `var(--c-on-${colorLabel}, ${textColor})`,
-            };
-            return utilities;
-          }, {}),
-          ...[{
-            iconset: generalIcons,
-          }, {
-            iconset: brandIcons,
-            shortcuts: brandIconsShortcuts,
-          }, {
-            iconset: brandLogos,
-            shortcuts: brandLogosShortcuts,
-          }].reduce((utilities, { iconset, shortcuts }) => {
-            if (iconset) {
-              if (!shortcuts) {
-                const { icons } = require(`@iconify-json/${iconset}`);
-                shortcuts = Object.keys(icons.icons);
-                Object.keys(iconAliases).forEach((alias) => {
-                  shortcuts.push([alias, iconAliases[alias]]);
-                });
-              }
-              shortcuts.forEach((shortcut) => {
-                if (typeof shortcut === 'string') {
-                  utilities[`.i-${shortcut}`] = {
-                    '--iconify': iconset,
-                    '--icon': `"${shortcut}"`,
-                  };
-                } else {
-                  utilities[`.i-${shortcut[0]}`] = {
-                    '--iconify': iconset,
-                    '--icon': `"${shortcut[1]}"`,
-                  };
-                }
-              });
-            }
-            return utilities;
-          }, {}),
-          // require('@tailwindcss/typography'),
-          // https://github.com/unocss/unocss/tree/main/packages/preset-typography
-          ...['prose', 'not-prose', 'prose-invert'].reduce((utilities, proseClass) => {
-            utilities[`.${proseClass}`] = {
-              [`--un-${proseClass}`]: 'default',
-            };
-            return utilities;
-          }, {}),
-        });
-      },
-    ],
-  };
-  if (globalThis.$storefrontTailwindConfig) {
-    return deepmerge(config, globalThis.$storefrontTailwindConfig);
-  }
-  return config;
-};
-
-const tailwindConfig = genTailwindConfig();
-
-module.exports = {
-  ...tailwindConfig,
-  genTailwindConfig,
-  defaultThemeOptions,
-  brandColors,
-  brandColorsPalletes,
-  onBrandColors,
-};
+module.exports = genTailwindConfig();

package/packages/storefront/uno.config.cjs

@@ -1,142 +1,3 @@
-const deepmerge = require('@fastify/deepmerge')();
-const {
-  defineConfig,
-  presetUno,
-  presetIcons,
-  presetTypography,
-  transformerCompileClass,
-  transformerDirectives,
-} = require('unocss');
-const {
-  genTailwindConfig,
-  defaultThemeOptions,
-  brandColors,
-  brandColorsPalletes,
-  onBrandColors,
-} = require('./tailwind.config.cjs');
+const { genUnoCSSConfig } = require('./config/storefront.unocss.cjs');
 
-const colorCSSVars = {};
-Object.keys(brandColors).forEach((colorName) => {
-  Object.keys(brandColorsPalletes[colorName]).forEach((tone) => {
-    const cssRGB = brandColorsPalletes[colorName][tone];
-    const colorLabel = tone === 'DEFAULT' ? colorName : `${colorName}-${tone}`;
-    colorCSSVars[`rgb-${colorLabel}`] = cssRGB.substring(4).replace(')', ''); // rgb(rgb) -> rgb
-    if (!/\d/.test(tone)) {
-      colorCSSVars[`c-${colorLabel}`] = cssRGB;
-      colorCSSVars[`c-on-${colorLabel}`] = onBrandColors[colorLabel];
-    }
-  });
-});
-Object.keys(onBrandColors).forEach((colorLabel) => {
-  const cssRGB = onBrandColors[colorLabel];
-  const [colorName] = colorLabel.split('-');
-  const colorCSSVar = Object.keys(colorCSSVars).find((varName) => {
-    return `rgb(${colorCSSVars[varName]})` === cssRGB
-      && new RegExp(`${colorName}-\\d`).test(varName);
-  });
-  if (colorCSSVar) {
-    colorCSSVars[`rgb-on-${colorLabel}`] = colorCSSVar;
-  } else {
-    colorCSSVars[`rgb-on-${colorLabel}`] = cssRGB.startsWith('rgb')
-      ? cssRGB.substring(4).replace(')', '')
-      : cssRGB.replace('--c-', '--rgb-');
-  }
-});
-
-const genUnoCSSConfig = (themeOptions = {}) => {
-  const {
-    brandIcons,
-    brandIconsShortcuts,
-    brandLogos,
-    brandLogosShortcuts,
-    generalIcons,
-    iconAliases,
-    preflights = [{
-      getCSS: () => {
-        const strCSSVars = Object.entries(colorCSSVars)
-          .map(([varName, value]) => `--${varName}:${value};`)
-          .join(' ');
-        return `:root { ${strCSSVars} }`;
-      },
-    }],
-  } = deepmerge(defaultThemeOptions, themeOptions);
-  const tailwindConfig = genTailwindConfig(themeOptions);
-  const rules = [];
-  tailwindConfig.plugins?.forEach((plugin) => {
-    plugin({
-      addUtilities: (utilities) => {
-        Object.keys(utilities).forEach((selector) => {
-          // Skip icons and prose selectors added on tailwind.config.cjs only for IntelliSense
-          if (!selector.startsWith('.i-') && !selector.includes('prose')) {
-            rules.push([selector.replace('.', ''), utilities[selector]]);
-          }
-        });
-      },
-    });
-  });
-  const theme = tailwindConfig.theme.extend;
-  return {
-    preflights,
-    rules,
-    shortcuts: [
-      [/^i-([^:]+)$/, ([, icon]) => `i-${generalIcons}:${icon}`],
-      ...brandIconsShortcuts.map((brand) => {
-        return typeof brand === 'string'
-          ? { [`i-${brand}`]: `i-${brandIcons}:${brand}` }
-          : { [`i-${brand[0]}`]: `i-${brandIcons}:${brand[1]}` };
-      }),
-      ...brandLogosShortcuts.map((brand) => {
-        return typeof brand === 'string'
-          ? { [`i-${brand}`]: `i-${brandLogos}:${brand}` }
-          : { [`i-${brand[0]}`]: `i-${brandLogos}:${brand[1]}` };
-      }),
-      ...Object.keys(iconAliases).map((alias) => {
-        return { [`i-${alias}`]: `i-${generalIcons}:${iconAliases[alias]}` };
-      }),
-    ],
-    theme: {
-      ...theme,
-      colors: {
-        ...theme.colors,
-        // Generate runtime themeable brand colors utilities with CSS vars
-        ...Object.keys(brandColors).reduce((colors, colorName) => {
-          colors[colorName] = {};
-          Object.keys(brandColorsPalletes[colorName]).forEach((tone) => {
-            const colorLabel = tone === 'DEFAULT' ? colorName : `${colorName}-${tone}`;
-            colors[colorName][tone] = `rgb(var(--rgb-${colorLabel}))`;
-          });
-          return colors;
-        }, {}),
-        on: Object.keys(onBrandColors).reduce((onColors, colorLabel) => {
-          return {
-            ...onColors,
-            [colorLabel]: `rgb(var(--rgb-on-${colorLabel}))`,
-          };
-        }, {}),
-      },
-    },
-    transformers: [
-      transformerDirectives(),
-      transformerCompileClass(),
-    ],
-    presets: [
-      presetUno(),
-      presetIcons({
-        extraProperties: {
-          display: 'inline-block',
-          'vertical-align': 'middle',
-          'margin-bottom': '0.22rem',
-        },
-      }),
-      presetTypography(),
-    ],
-  };
-};
-
-const unoCSSConfig = genUnoCSSConfig();
-
-exports.default = defineConfig(unoCSSConfig);
-
-exports.genUnoCSSConfig = genUnoCSSConfig;
-exports.unoCSSConfig = unoCSSConfig;
-exports.colorCSSVars = colorCSSVars;
+exports.default = genUnoCSSConfig();

package/packages/types/index.ts

@@ -24,6 +24,8 @@ import type {
   Resource,
   ResourceId,
   ResourceListResult,
+  SearchItem,
+  SearchResult,
   EventsResult,
 } from '@cloudcommerce/api/types';
 import type { ApplyDiscountParams } from './modules/apply_discount:params';
@@ -126,7 +128,7 @@ type SettingsContent = {
   account_url?: string,
   orders_url?: string,
   favorites_url?: string,
-  metafields?: Record<string, string>,
+  metafields?: Record<string, any>,
 };
 
 export type {
@@ -155,6 +157,8 @@ export type {
   Resource,
   ResourceId,
   ResourceListResult,
+  SearchItem,
+  SearchResult,
   EventsResult,
   ApiEventName,
   AppEventsPayload,

package/packages/types/modules/@checkout:params.d.ts

@@ -364,6 +364,10 @@ export interface CheckoutBody {
      * Registered company name or responsible fullname
      */
     corporate_name?: string;
+    /**
+     * ID of customer who invited the new customer, if he was invited by another account
+     */
+    referral?: string;
   };
 }
 /**

package/packages/types/modules/apply_discount:params.d.ts

@@ -150,5 +150,9 @@ export interface ApplyDiscountParams {
      * The name of this Customer, suitable for display
      */
     display_name?: string;
+    /**
+     * Responsible person or organization document number (only numbers)
+     */
+    doc_number?: string;
   };
 }

package/packages/types/modules/create_transaction:response.d.ts

@@ -148,6 +148,21 @@ export interface CreateTransactionResponse {
        */
       ratio?: number;
     };
+    /**
+     * Account deposit data, if payment was done with account deposit
+     */
+    account_deposit?: {
+      /**
+       * Date and time of expiration, in ISO 8601 standard representation
+       */
+      valid_thru?: string;
+      /**
+       * Information notes to payment
+       *
+       * @maxItems 5
+       */
+      text_lines?: string[];
+    };
     /**
      * Currency ID specific for this transaction, if different of order currency ID
      */

package/packages/types/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/types",
   "type": "module",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description": "E-Com Plus Cloud Commerce reusable type definitions",
   "main": "index.ts",
   "repository": {

package/packages/api/lib/types/brands.d.ts

@@ -1,157 +0,0 @@
-/* tslint:disable */
-/**
- * This file was automatically generated by json-schema-to-typescript.
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
- * and run json-schema-to-typescript to regenerate this file.
- */
-
-export interface Brands {
-  _id: string & { length: 24 };
-  created_at: string;
-  updated_at: string;
-  store_id: number;
-  /**
-   * @maxItems 10
-   */
-  channel_ids?: string[];
-  /**
-   * Brand full name
-   */
-  name: string;
-  /**
-   * Slug to complete page URL, starting with number or lowercase letter
-   */
-  slug?: string;
-  /**
-   * Short brand description in plain text
-   */
-  short_description?: string;
-  /**
-   * Full brand description, may use HTML tags
-   */
-  body_html?: string;
-  /**
-   * Full brand description, plain text only
-   */
-  body_text?: string;
-  /**
-   * Title tag for page SEO
-   */
-  meta_title?: string;
-  /**
-   * Meta description tag for page SEO
-   */
-  meta_description?: string;
-  /**
-   * Text translations for internationalization
-   */
-  i18n?: {
-    /**
-     * Language specific text fields
-     *
-     * This interface was referenced by `undefined`'s JSON-Schema definition
-     * via the `patternProperty` "^[a-z]{2}(_[a-z]{2})?$".
-     */
-    [k: string]: {
-      /**
-       * Brand full name
-       */
-      name?: string;
-      /**
-       * Short brand description in plain text
-       */
-      short_description?: string;
-      /**
-       * Full brand description, may use HTML tags
-       */
-      body_html?: string;
-      /**
-       * Full brand description, plain text only
-       */
-      body_text?: string;
-      /**
-       * Title tag for page SEO
-       */
-      meta_title?: string;
-      /**
-       * Meta description tag for page SEO
-       */
-      meta_description?: string;
-    };
-  };
-  /**
-   * Brand logo
-   */
-  logo?: {
-    /**
-     * Image link
-     */
-    url: string;
-    /**
-     * Image size (width x height) in px, such as 100x50 (100px width, 50px height)
-     */
-    size?: string;
-    /**
-     * Alternative text, HTML alt tag (important for SEO)
-     */
-    alt?: string;
-  };
-  /**
-   * List of brand images
-   *
-   * @maxItems 50
-   */
-  pictures?: {
-    /**
-     * Picture ID (ObjectID) [auto]
-     */
-    _id?: string;
-    /**
-     * Tag to identify object, use only lowercase letters, digits and underscore
-     */
-    tag?: string;
-    /**
-     * Image link
-     */
-    url: string;
-    /**
-     * Image size (width x height) in px, such as 100x50 (100px width, 50px height)
-     */
-    size?: string;
-    /**
-     * Alternative text, HTML alt tag (important for SEO)
-     */
-    alt?: string;
-  }[];
-  /**
-   * List of custom attributes
-   *
-   * @maxItems 100
-   */
-  metafields?: {
-    /**
-     * String to help distinguish who (or which app) created and can use the metafield
-     */
-    namespace?: string;
-    /**
-     * Field name
-     */
-    field?: string;
-    /**
-     * Custom property value
-     */
-    value: {
-      [k: string]: unknown;
-    };
-  }[];
-  /**
-   * Flags to associate additional info
-   *
-   * @maxItems 10
-   */
-  flags?: string[];
-  /**
-   * Optional notes with additional info about this brand
-   */
-  notes?: string;
-}