@kelviq/js-promotions-ui 0.0.1

package/test/utils.test.ts

@@ -0,0 +1,137 @@
+import { describe, expect, it } from "vitest";
+import { pdFormatCurrency, sanitizeFractionDigits } from "../src/utils";
+
+describe("sanitizeFractionDigits", () => {
+  it("should return min 2 max 2 for a standard currency", () => {
+    expect(sanitizeFractionDigits("USD", 2, 2)).toEqual({
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2,
+    });
+  });
+
+  it("should clamp min to 0 when below range", () => {
+    expect(sanitizeFractionDigits("USD", -1, 2)).toEqual({
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 2,
+    });
+  });
+
+  it("should clamp max to 2 when above range", () => {
+    expect(sanitizeFractionDigits("USD", 0, 5)).toEqual({
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 2,
+    });
+  });
+
+  it("should ensure max is at least as large as min", () => {
+    expect(sanitizeFractionDigits("USD", 2, 0)).toEqual({
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2,
+    });
+  });
+
+  it("should return 0 for both when currency is a Stripe zero-decimal currency", () => {
+    expect(sanitizeFractionDigits("JPY", 2, 2)).toEqual({
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0,
+    });
+  });
+
+  it("should be case-insensitive for zero-decimal currencies", () => {
+    expect(sanitizeFractionDigits("jpy", 2, 2)).toEqual({
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0,
+    });
+  });
+});
+
+describe("pdFormatCurrency", () => {
+  it("should format USD with symbol display", () => {
+    const result = pdFormatCurrency({
+      amount: 99.99,
+      currency: "USD",
+      locale: "en-US",
+      currencyDisplay: "symbol",
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2,
+    });
+    expect(result.formatted).toBe("$99.99");
+    expect(result.integer).toBe("99");
+    expect(result.decimal).toBe("99");
+    expect(result.decimalSeparator).toBe(".");
+  });
+
+  it("should format USD with code display", () => {
+    const result = pdFormatCurrency({
+      amount: 50,
+      currency: "USD",
+      locale: "en-US",
+      currencyDisplay: "code",
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2,
+    });
+    expect(result.formatted).toContain("USD");
+    expect(result.formatted).toContain("50");
+  });
+
+  it("should format USD with name display", () => {
+    const result = pdFormatCurrency({
+      amount: 50,
+      currency: "USD",
+      locale: "en-US",
+      currencyDisplay: "name",
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2,
+    });
+    expect(result.formatted).toContain("dollar");
+  });
+
+  it("should format with zero decimal places when min/max are 0", () => {
+    const result = pdFormatCurrency({
+      amount: 99.99,
+      currency: "USD",
+      locale: "en-US",
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0,
+    });
+    expect(result.decimal).toBe("");
+    expect(result.decimalSeparator).toBe("");
+    expect(result.formatted).toBe("$100");
+  });
+
+  it("should handle zero-decimal currency JPY without fractions", () => {
+    const result = pdFormatCurrency({
+      amount: 1000,
+      currency: "JPY",
+      locale: "en-US",
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2,
+    });
+    expect(result.decimal).toBe("");
+    expect(result.decimalSeparator).toBe("");
+  });
+
+  it("should include thousandsSeparator for large amounts", () => {
+    const result = pdFormatCurrency({
+      amount: 1000,
+      currency: "USD",
+      locale: "en-US",
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0,
+    });
+    expect(result.thousandsSeparator).toBe(",");
+    expect(result.integer).toBe("1,000");
+  });
+
+  it("should return empty decimal and separator for whole-number amount with 0 fractions", () => {
+    const result = pdFormatCurrency({
+      amount: 50,
+      currency: "USD",
+      locale: "en-US",
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0,
+    });
+    expect(result.decimal).toBe("");
+    expect(result.decimalSeparator).toBe("");
+  });
+});

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "rootDir": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@@/*": ["./*"]
+    },
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ESNext", "dom"],
+    "moduleResolution": "Node",
+    "strict": false,
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "noEmit": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "forceConsistentCasingInFileNames": true,
+    "types": ["vite/client", "node"]
+  },
+  "include": ["src"],
+  "exclude": ["**/*.test.ts", "node_modules", "test/**", ".history/**"]
+}

package/vite.config.ts

@@ -0,0 +1,57 @@
+/// <reference types="vitest" />
+import path from "path";
+import { defineConfig } from "vite";
+import packageJson from "./package.json";
+
+const getPackageName = () => {
+  return packageJson.name;
+};
+
+const getPackageNameWithVersion = () => {
+  return getPackageName();
+};
+
+const getPackageNameCamelCase = () => {
+  try {
+    return getPackageName()
+      .replace(/^@.*\//, "")
+      .replace(/-./g, char => char[1].toUpperCase());
+  } catch (err) {
+    throw new Error("Name property in package.json is missing.");
+  }
+};
+
+const fileName = {
+  es: `${getPackageNameWithVersion()}.js`,
+  iife: `${getPackageNameWithVersion()}.iife.js`,
+  umd: `${getPackageNameWithVersion()}.umd.js`,
+};
+
+const formats = Object.keys(fileName) as Array<keyof typeof fileName>;
+
+export default defineConfig({
+  base: "./",
+  server: {
+    port: 3000,
+  },
+  build: {
+    outDir: "./build/dist",
+    lib: {
+      entry: path.resolve(__dirname, "src/index.ts"),
+      name: getPackageNameCamelCase(),
+      formats,
+      fileName: format => fileName[format],
+    },
+  },
+  test: {
+    watch: false,
+    environment: "jsdom",
+    setupFiles: ["./test/setup.ts"],
+  },
+  resolve: {
+    alias: [
+      { find: "@", replacement: path.resolve(__dirname, "src") },
+      { find: "@@", replacement: path.resolve(__dirname) },
+    ],
+  },
+});