@quicktalog/common 1.16.0 → 1.23.0

package/dist/constants.js

@@ -60,25 +60,25 @@ export const layouts = [
     {
         key: "variant_1",
         label: "Side Image",
-        image: "/layouts/layout_1v_2.jpg",
+        image: "/layouts/variant_1.jpg",
         description: "Grid layout: Catalogue items are displayed in a responsive grid (1 column on mobile, 2 on desktop), with images and details shown together. Best for balanced, easy-to-browse catalogues.",
     },
     {
         key: "variant_2",
         label: "Top Image",
-        image: "/layouts/layout_2v_2.jpg",
+        image: "/layouts/variant_2.jpg",
         description: "Horizontal card layout: Catalogue items are arranged in flexible horizontal cards, wrapping as needed. Ideal for showcasing items with wide images or for a modern, card-based look.",
     },
     {
         key: "variant_3",
         label: "Text Only",
-        image: "/layouts/layout_3v_2.jpg",
+        image: "/layouts/variant_3.jpg",
         description: "Alternative grid layout: Similar to Layout 1 but with subtle style differences, such as spacing or card appearance. Useful for catalogues needing a slightly different grid presentation. This layout does not contain image.",
     },
     {
         key: "variant_4",
         label: "Carousel",
-        image: "/layouts/layout_4v_2.jpg",
+        image: "/layouts/variant_4.jpg",
         description: "Carousel layout: Catalogue items are displayed in a horizontal scrollable carousel, allowing users to swipe or scroll through items. Great for featured items or visually rich catalogues.",
     },
 ];

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@quicktalog/common",
-  "version": "1.16.0",
+  "version": "1.23.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsc",
-    "prepare": "husky install"
+    "prepare": "husky"
   },
   "devDependencies": {
     "husky": "^9.1.7",
@@ -16,5 +19,9 @@
     "@types/glob": "^8.0.0",
     "glob": "^8.1.0",
     "minimatch": "^9.0.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   }
 }

package/.github/workflows/publish.yaml

@@ -1,31 +0,0 @@
-name: Publish to npm
-
-on:
-  push:
-    branches:
-      - main # or 'release' if you prefer
-
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 22
-          registry-url: "https://registry.npmjs.org/"
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Build (optional)
-        run: npm run build --if-present
-
-      - name: Publish package
-        run: npm publish --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.husky/pre-push

@@ -1 +0,0 @@
-npm version minor

package/src/constants.ts

@@ -1,98 +0,0 @@
-export const themes = [
-  {
-    id: 1,
-    key: "theme-advent-1",
-    label: "Advent 1",
-    description:
-      "A warm and festive theme inspired by the spirit of anticipation and celebration. Advent combines cozy winter tones, gentle contrasts, and elegant typography to evoke a sense of calm preparation and joyful expectation. Ideal for holiday campaigns, seasonal landing pages, or storytelling experiences that blend warmth, tradition, and modern simplicity.",
-    type: "light",
-  },
-  {
-    id: 2,
-    key: "theme-advent-2",
-    label: "Advent 2",
-    description:
-      "A warm and festive theme inspired by the spirit of anticipation and celebration. Advent combines cozy winter tones, gentle contrasts, and elegant typography to evoke a sense of calm preparation and joyful expectation. Ideal for holiday campaigns, seasonal landing pages, or storytelling experiences that blend warmth, tradition, and modern simplicity.",
-    type: "light",
-  },
-  {
-    id: 3,
-    key: "theme-monochrome",
-    label: "Monochrome",
-    description:
-      "A high-contrast, minimalist look focused on clarity and modern professionalism. Ideal for products that value simplicity, readability, and a timeless aesthetic.",
-    type: "light",
-  },
-  {
-    id: 4,
-    key: "theme-elegant",
-    label: "Elegant",
-    description:
-      "A dark, refined theme with a subtle gradient background, light text, and cool blue accents. Ideal for upscale or modern venues seeking a sophisticated, minimal look. Uses serif headings and clean layouts for a premium feel.",
-    type: "dark",
-  },
-  {
-    id: 5,
-    key: "theme-organic",
-    label: "Organic",
-    description:
-      "A fresh, natural theme with light beige backgrounds, green and brown accents, and soft, rounded typography. Ideal for organic, vegan, or eco-friendly restaurants seeking a wholesome, earthy vibe.",
-    type: "light",
-  },
-  {
-    id: 6,
-    key: "theme-modern",
-    label: "Modern",
-    description:
-      "A bold, contemporary theme with deep blue backgrounds, white and pink accents, and modern sans-serif typography. Perfect for trendy or urban venues wanting a striking, energetic appearance.",
-    type: "dark",
-  },
-  {
-    id: 7,
-    key: "theme-luxury",
-    label: "Luxury",
-    description:
-      "A light, luxurious theme with gold and cream tones, dark elegant text, and premium accents. Designed for high-end restaurants, it features classic serif headings, gold highlights, and a soft, inviting background.",
-    type: "light",
-  },
-  {
-    id: 8,
-    key: "theme-creative",
-    label: "Creative",
-    description:
-      "A vibrant, artistic theme with dark backgrounds, bright accent colors (red, yellow, blue), and playful, bold typography. Great for creative spaces, cafes, or venues wanting a fun, expressive look.",
-    type: "dark",
-  },
-];
-
-export const layouts = [
-  {
-    key: "variant_1",
-    label: "Side Image",
-    image: "/layouts/layout_1v_2.jpg",
-    description:
-      "Grid layout: Catalogue items are displayed in a responsive grid (1 column on mobile, 2 on desktop), with images and details shown together. Best for balanced, easy-to-browse catalogues.",
-  },
-  {
-    key: "variant_2",
-    label: "Top Image",
-    image: "/layouts/layout_2v_2.jpg",
-    description:
-      "Horizontal card layout: Catalogue items are arranged in flexible horizontal cards, wrapping as needed. Ideal for showcasing items with wide images or for a modern, card-based look.",
-  },
-  {
-    key: "variant_3",
-    label: "Text Only",
-    image: "/layouts/layout_3v_2.jpg",
-    description:
-      "Alternative grid layout: Similar to Layout 1 but with subtle style differences, such as spacing or card appearance. Useful for catalogues needing a slightly different grid presentation. This layout does not contain image.",
-  },
-  {
-    key: "variant_4",
-    label: "Carousel",
-    image: "/layouts/layout_4v_2.jpg",
-    description:
-      "Carousel layout: Catalogue items are displayed in a horizontal scrollable carousel, allowing users to swipe or scroll through items. Great for featured items or visually rich catalogues.",
-  },
-];
-export const DEFAULT_EMAIL = "quicktalog@outlook.com";

package/src/helpers.ts

@@ -1,35 +0,0 @@
-export async function fetchImageFromUnsplash(query: string): Promise<string> {
-  try {
-    const res = await fetch(
-      `https://api.unsplash.com/search/photos?page=1&per_page=1&query=${encodeURIComponent(
-        query
-      )}`,
-      {
-        headers: {
-          Authorization: `Client-ID ${process.env.UNSPLASH_API_KEY}`,
-        },
-      }
-    );
-
-    const data = await res.json();
-
-    if (data?.results?.[0]?.urls?.regular) {
-      return data.results[0].urls.regular;
-    }
-  } catch (err) {
-    console.error(`Failed to fetch image for "${query}":`, err);
-  }
-
-  return "https://static1.squarespace.com/static/5898e29c725e25e7132d5a5a/58aa11bc9656ca13c4524c68/58aa11e99656ca13c45253e2/1487540713345/600x400-Image-Placeholder.jpg?format=original";
-}
-
-export const generateUniqueSlug = (name: string) => {
-  const slug = name
-    .toLowerCase()
-    .trim()
-    .replace(/\s+/g, "-")
-    .replace(/-+/g, "-")
-    .replace(/^-|-$/g, "");
-
-  return slug;
-};

package/src/index.ts

@@ -1,4 +0,0 @@
-export * from "./constants";
-export * from "./helpers";
-export * from "./types";
-export * from "./pricing";

package/src/pricing.ts

@@ -1,143 +0,0 @@
-import { PricingPlan } from "./types";
-
-export const tiers: PricingPlan[] = [
-  {
-    id: 0,
-    name: "Starter",
-    type: "standard",
-    priceId: {
-      month: "pri_01k27ajepm199twd1x77rpwdrq",
-      year: "pri_01k27ajepm199twd1x77rpwdrq",
-    },
-    description:
-      "Perfect for individuals and small businesses getting started.",
-    features: {
-      support: "Email support",
-      catalogues: 1,
-      newsletter: false,
-      ocr_ai_import: 0,
-      traffic_limit: 500,
-      branding: false,
-      custom_features: false,
-      analytics: "Basic",
-      ai_prompts: 0,
-      categories_per_catalogue: 3,
-      items_per_catalogue: 15,
-    },
-  },
-  {
-    id: 1,
-    name: "Basic",
-    type: "standard",
-    priceId: {
-      month: "pri_01k7bm6p3pnskk0k71akh10mp5",
-      year: "pri_01k7bme4em8fr22gztzeayny74",
-    },
-    description: "Perfect fit for small businesses to digitalize their offer.",
-    features: {
-      support: "Email support",
-      catalogues: 1,
-      newsletter: false,
-      ocr_ai_import: 0,
-      traffic_limit: 2000,
-      branding: true,
-      custom_features: false,
-      analytics: "Basic",
-      ai_prompts: 0,
-      categories_per_catalogue: 6,
-      items_per_catalogue: 30,
-    },
-  },
-  {
-    id: 2,
-    name: "Pro",
-    type: "standard",
-    priceId: {
-      month: "pri_01k277hdtkkb1xdbz6karkqek9",
-      year: "pri_01k277q6ftcjfzy9v7xhe6ckdt",
-    },
-    description: "Ideal for growing businesses with multiple services.",
-    features: {
-      support: "Email support",
-      catalogues: 6,
-      newsletter: false,
-      ocr_ai_import: 0,
-      traffic_limit: 5000,
-      branding: true,
-      custom_features: false,
-      analytics: "Basic",
-      ai_prompts: 10,
-      categories_per_catalogue: 15,
-      items_per_catalogue: 100,
-    },
-  },
-  {
-    id: 3,
-    name: "Growth",
-    type: "standard",
-    priceId: {
-      month: "pri_01k277kkzqz4ef7nc786ssnw6x",
-      year: "pri_01k277r7p899gfn5nn3ne87pww",
-    },
-    description: "Built for teams that need advanced features and analytics.",
-    features: {
-      support: "Email & Chat support",
-      catalogues: 20,
-      newsletter: true,
-      ocr_ai_import: 10,
-      traffic_limit: 15000,
-      branding: true,
-      custom_features: false,
-      analytics: "Advanced",
-      ai_prompts: 25,
-      categories_per_catalogue: 30,
-      items_per_catalogue: 200,
-    },
-  },
-  {
-    id: 4,
-    name: "Premium",
-    type: "standard",
-    priceId: {
-      month: "pri_01k277mzp3tgy7n5wvrsa5v0sx",
-      year: "pri_01k277see7qtyq30kc5g3vyqy9",
-    },
-    description: "Enterprise-grade solution with unlimited possibilities.",
-    features: {
-      support: "Priority Support (Email, Chat, Meeting)",
-      catalogues: 50,
-      newsletter: true,
-      ocr_ai_import: 20,
-      traffic_limit: 40000,
-      branding: true,
-      custom_features: true,
-      analytics: "Advanced",
-      ai_prompts: 50,
-      categories_per_catalogue: 50,
-      items_per_catalogue: 300,
-    },
-  },
-  {
-    id: 5,
-    name: "German Silva Custom Plan",
-    type: "custom",
-    priceId: {
-      month: "pri_01k81jpe1487tnvtr4gzmd9jmq",
-      year: "pri_01k81jpe1487tnvtr4gzmd9jmq",
-    },
-    description: "Custom plan tailored for needs of German Silva.",
-    features: {
-      support: "Email",
-      catalogues: 1,
-      newsletter: false,
-      ocr_ai_import: 0,
-      traffic_limit: 4000,
-      branding: true,
-      custom_features: false,
-      analytics: "Basic",
-      ai_prompts: 0,
-      categories_per_catalogue: 20,
-      items_per_catalogue: 200,
-    },
-  },
-];

package/src/types.ts

@@ -1,171 +0,0 @@
-import { layouts, themes } from "./constants";
-
-export type Status =
-  | "active"
-  | "inactive"
-  | "draft"
-  | "in preparation"
-  | "error";
-
-export type CookiePreferences = {
-  accepted: boolean;
-  essential: boolean;
-  analytics: boolean;
-  marketing: boolean;
-  timestamp: string;
-  version: string;
-};
-
-export type CategoryItem = {
-  name: string;
-  description: string;
-  price: string;
-  image: string;
-};
-
-export type Theme = {
-  key: string;
-  label: string;
-  image: string;
-  description: string;
-};
-
-export type Layout = Theme;
-
-export type ThemeVariant = (typeof themes)[number]["key"];
-export type LayoutVariant = (typeof layouts)[number]["key"];
-
-export type CatalogueCategory = {
-  order: number;
-  name: string;
-  layout: LayoutVariant;
-  items: CategoryItem[];
-};
-export type Catalogue = {
-  id?: string;
-  name: string;
-  status: Status;
-  created_by?: string;
-  theme: ThemeVariant;
-  logo?: string;
-  title: string;
-  currency: string;
-  contact?: ContactInfo[];
-  subtitle?: string;
-  services: CatalogueCategory[];
-  partners?: Partner[];
-  legal?: Legal;
-  configuration?: Configuration;
-  created_at?: string;
-  updated_at?: string;
-  source?: string;
-};
-
-export type CatalogueFormData = Omit<Catalogue, "id" | "created_by" | "">;
-
-export type Legal = {
-  name?: string;
-  address?: string;
-  terms_and_conditions?: string;
-  privacy_policy?: string;
-};
-
-export type Partner = {
-  name: string;
-  logo: string;
-  description: string;
-  rating: number;
-  url?: string;
-};
-
-export type Configuration = {
-  ctaNavbar?: {
-    enabled: boolean;
-    label: string;
-    url: string;
-  };
-  ctaFooter?: {
-    enabled: boolean;
-    label: string;
-    url: string;
-  };
-  newsletter?: {
-    enabled: boolean;
-  };
-};
-
-export type Analytics = {
-  date: string;
-  current_url: string;
-  pageview_count: number;
-  unique_visitors: number;
-};
-
-export type User = {
-  id: string;
-  email: string | null;
-  name: string | null;
-  created_at: string;
-  image: string | null;
-  cookie_preferences?: CookiePreferences | null;
-  plan_id: string | null;
-  customer_id: string | null;
-};
-
-export type OCRImageData = {
-  id: string;
-  file: File;
-  originalUrl: string;
-  confidence?: number;
-  isProcessed: boolean;
-};
-
-export type ContactInfo = {
-  type: string;
-  value: string;
-};
-
-export type Usage = {
-  traffic: { pageview_count: number; unique_visitors: number };
-  ocr: number;
-  prompts: number;
-  catalogues: number;
-};
-
-export type UserData = User & {
-  usage: Usage;
-  currentPlan: PricingPlan;
-  nextPlan: PricingPlan;
-};
-
-export type PricingPlan = {
-  id: number;
-  name: string;
-  type: string;
-  priceId: {
-    month: string;
-    year: string;
-  };
-  description: string;
-  features: {
-    support: string;
-    catalogues: number;
-    newsletter: boolean;
-    custom_features: boolean;
-    ocr_ai_import: number;
-    traffic_limit: number;
-    branding: boolean;
-    analytics: string;
-    ai_prompts: number;
-    categories_per_catalogue?: number | "unlimited";
-    items_per_catalogue?: number | "unlimited";
-  };
-  billing_period?: "month" | "year";
-};
-
-export type ContactData = {
-  message: string;
-  email: string;
-  name: string;
-  subject: string;
-};

package/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "compilerOptions": {
-    "module": "ES2020",
-    "target": "ES2020",
-    "declaration": true,
-    "outDir": "dist",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true
-  },
-  "include": ["src"],
-  "exclude": ["dist"]
-}