@dragonmastery/dragoncore-vue 0.0.3 → 0.0.5

package/dist/creditValueFormatter-DftEzu8d.js

@@ -1,128 +0,0 @@
-import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString } from "vue";
-
-//#region src/slices/support_ticket/components/SupportTicketTypeBadge.vue
-const _hoisted_1 = ["aria-label"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	__name: "SupportTicketTypeBadge",
-	props: {
-		type: {},
-		size: { default: "md" },
-		variant: { default: "default" }
-	},
-	setup(__props) {
-		/**
-		* SupportTicketTypeBadge - A reusable Vue component for displaying support ticket type
-		* as color-coded badges with consistent DaisyUI styling and accessibility features.
-		*
-		* @example
-		* <SupportTicketTypeBadge :type="'BUG'" size="md" />
-		* <SupportTicketTypeBadge :type="'FEATURE_REQUEST'" size="sm" variant="outline" />
-		*/
-		const props = __props;
-		/**
-		* Configuration for each type badge
-		*/
-		const typeConfig = {
-			BUG: {
-				color: "badge-neutral",
-				text: "Bug",
-				ariaLabel: "Type: Bug report requiring fix"
-			},
-			FEATURE_REQUEST: {
-				color: "badge-neutral",
-				text: "Feature",
-				ariaLabel: "Type: New feature request"
-			},
-			IMPROVEMENT: {
-				color: "badge-neutral",
-				text: "Improvement",
-				ariaLabel: "Type: Enhancement to existing feature"
-			},
-			OPERATIONAL: {
-				color: "badge-neutral",
-				text: "Ops",
-				ariaLabel: "Type: Operational/admin work"
-			}
-		};
-		const getTypeConfig = (type) => {
-			const config$1 = typeConfig[type];
-			if (!config$1) return {
-				color: "badge-neutral",
-				text: type || "Unknown",
-				ariaLabel: `Type: ${type || "Unknown type"}`
-			};
-			return config$1;
-		};
-		const config = computed(() => getTypeConfig(props.type));
-		const badgeClasses = computed(() => {
-			const baseClasses = ["badge", "text-xs"];
-			baseClasses.push(config.value.color);
-			if (props.size === "sm") baseClasses.push("badge-sm", "text-xs");
-			else if (props.size === "lg") baseClasses.push("badge-lg", "text-sm");
-			else baseClasses.push("text-xs", "sm:text-sm");
-			if (props.variant === "outline") baseClasses.push("badge-outline");
-			return baseClasses.join(" ");
-		});
-		const displayText = computed(() => config.value.text);
-		const ariaLabel = computed(() => config.value.ariaLabel);
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(badgeClasses.value),
-				"aria-label": ariaLabel.value,
-				role: "status"
-			}, toDisplayString(displayText.value), 11, _hoisted_1);
-		};
-	}
-});
-var SupportTicketTypeBadge_default = _sfc_main;
-
-//#endregion
-//#region src/slices/support_ticket/utils/creditValueFormatter.ts
-/**
-* Helper function to check if credit value is empty
-*/
-function isCreditValueEmpty(value) {
-	return value === null || value === void 0 || value.trim() === "";
-}
-/**
-* Core credit formatting logic
-*/
-function formatCreditValueCore(creditValue) {
-	if (isCreditValueEmpty(creditValue)) return "TBD";
-	const trimmed = creditValue.trim();
-	if (parseFloat(trimmed) === 0) return "0";
-	return trimmed.replace(/\.?0+$/, "");
-}
-/**
-* Formats credit value for staff views (includes internal ticket logic)
-*
-* @param creditValue - The credit value from the database
-* @param approvalStatus - The approval status to determine display logic
-* @returns Formatted string for display
-*
-* @example
-* formatStaffCreditValue("5.50", "PENDING") // "5.5"
-* formatStaffCreditValue("10", "INTERNAL") // "N/A"
-*/
-function formatStaffCreditValue(creditValue, approvalStatus) {
-	if (approvalStatus === "INTERNAL") return "N/A";
-	return formatCreditValueCore(creditValue);
-}
-/**
-* Formats credit value for customer views (status-based logic)
-*
-* @param creditValue - The credit value from the database
-* @param status - The computed status from the customer query
-* @returns Formatted string for display
-*
-* @example
-* formatCustomerCreditValue("5.50", "PENDING") // "5.5"
-* formatCustomerCreditValue("5.50", "FOLLOWUP") // "5.5"
-*/
-function formatCustomerCreditValue(creditValue) {
-	return formatCreditValueCore(creditValue);
-}
-
-//#endregion
-export { formatStaffCreditValue as n, SupportTicketTypeBadge_default as r, formatCustomerCreditValue as t };
-//# sourceMappingURL=creditValueFormatter-DftEzu8d.js.map

package/dist/creditValueFormatter-DftEzu8d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"creditValueFormatter-DftEzu8d.js","names":["typeConfig: Record<SupportTicketType, TypeBadgeConfig>"],"sources":["../src/slices/support_ticket/components/SupportTicketTypeBadge.vue","../src/slices/support_ticket/utils/creditValueFormatter.ts"],"sourcesContent":["<template>\n  <div :class=\"badgeClasses\" :aria-label=\"ariaLabel\" role=\"status\">\n    {{ displayText }}\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * SupportTicketTypeBadge - A reusable Vue component for displaying support ticket type\n * as color-coded badges with consistent DaisyUI styling and accessibility features.\n *\n * @example\n * <SupportTicketTypeBadge :type=\"'BUG'\" size=\"md\" />\n * <SupportTicketTypeBadge :type=\"'FEATURE_REQUEST'\" size=\"sm\" variant=\"outline\" />\n */\nimport type { SupportTicketType } from '@dragonmastery/dragoncore-shared';\nimport { computed } from 'vue';\n\n/**\n * Props for the SupportTicketTypeBadge component\n */\ninterface Props {\n  /** The support ticket type to display */\n  type: SupportTicketType;\n  /** Size of the badge - defaults to 'md' */\n  size?: 'sm' | 'md' | 'lg';\n  /** Visual variant of the badge - defaults to 'default' */\n  variant?: 'default' | 'outline';\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  size: 'md',\n  variant: 'default',\n});\n\n/**\n * Configuration for each type badge\n */\ninterface TypeBadgeConfig {\n  /** DaisyUI badge color class */\n  color: string;\n  /** Display text for the badge */\n  text: string;\n  /** Accessibility label for screen readers */\n  ariaLabel: string;\n}\n\nconst typeConfig: Record<SupportTicketType, TypeBadgeConfig> = {\n  BUG: {\n    color: 'badge-neutral',\n    text: 'Bug',\n    ariaLabel: 'Type: Bug report requiring fix',\n  },\n  FEATURE_REQUEST: {\n    color: 'badge-neutral',\n    text: 'Feature',\n    ariaLabel: 'Type: New feature request',\n  },\n  IMPROVEMENT: {\n    color: 'badge-neutral',\n    text: 'Improvement',\n    ariaLabel: 'Type: Enhancement to existing feature',\n  },\n  OPERATIONAL: {\n    color: 'badge-neutral',\n    text: 'Ops',\n    ariaLabel: 'Type: Operational/admin work',\n  },\n};\n\nconst getTypeConfig = (type: SupportTicketType): TypeBadgeConfig => {\n  const config = typeConfig[type];\n  if (!config) {\n    return {\n      color: 'badge-neutral',\n      text: type || 'Unknown',\n      ariaLabel: `Type: ${type || 'Unknown type'}`,\n    };\n  }\n  return config;\n};\n\nconst config = computed(() => getTypeConfig(props.type));\n\nconst badgeClasses = computed(() => {\n  const baseClasses = ['badge', 'text-xs'];\n\n  // Add color class\n  baseClasses.push(config.value.color);\n\n  // Add size class with responsive text sizing\n  if (props.size === 'sm') {\n    baseClasses.push('badge-sm', 'text-xs');\n  } else if (props.size === 'lg') {\n    baseClasses.push('badge-lg', 'text-sm');\n  } else {\n    // md size - responsive text\n    baseClasses.push('text-xs', 'sm:text-sm');\n  }\n\n  // Add variant class\n  if (props.variant === 'outline') {\n    baseClasses.push('badge-outline');\n  }\n\n  return baseClasses.join(' ');\n});\n\nconst displayText = computed(() => config.value.text);\nconst ariaLabel = computed(() => config.value.ariaLabel);\n</script>\n","import type { SupportTicketApproval } from '@dragonmastery/dragoncore-shared';\n\n/**\n * Helper function to check if credit value is empty\n */\nfunction isCreditValueEmpty(value: string | null | undefined): boolean {\n  return value === null || value === undefined || value.trim() === '';\n}\n\n/**\n * Core credit formatting logic\n */\nfunction formatCreditValueCore(creditValue: string | null | undefined): string {\n  // Use same logic as backend formatter\n  if (isCreditValueEmpty(creditValue)) {\n    return 'TBD';\n  }\n\n  const trimmed = creditValue!.trim();\n  const num = parseFloat(trimmed);\n\n  // Explicit zero is valid - preserve it (same as backend)\n  if (num === 0) {\n    return '0';\n  }\n\n  // Remove trailing zeros for non-zero values (same as backend)\n  // Examples: \"100.00\" -> \"100\", \"9.50\" -> \"9.5\", \"123.45\" -> \"123.45\"\n  return trimmed.replace(/\\.?0+$/, '');\n}\n\n/**\n * Formats credit value for staff views (includes internal ticket logic)\n *\n * @param creditValue - The credit value from the database\n * @param approvalStatus - The approval status to determine display logic\n * @returns Formatted string for display\n *\n * @example\n * formatStaffCreditValue(\"5.50\", \"PENDING\") // \"5.5\"\n * formatStaffCreditValue(\"10\", \"INTERNAL\") // \"N/A\"\n */\nexport function formatStaffCreditValue(\n  creditValue: string | null | undefined,\n  approvalStatus?: SupportTicketApproval,\n): string {\n  // Internal tickets don't use credits\n  if (approvalStatus === 'INTERNAL') {\n    return 'N/A';\n  }\n\n  return formatCreditValueCore(creditValue);\n}\n\n/**\n * Formats credit value for customer views (status-based logic)\n *\n * @param creditValue - The credit value from the database\n * @param status - The computed status from the customer query\n * @returns Formatted string for display\n *\n * @example\n * formatCustomerCreditValue(\"5.50\", \"PENDING\") // \"5.5\"\n * formatCustomerCreditValue(\"5.50\", \"FOLLOWUP\") // \"5.5\"\n */\nexport function formatCustomerCreditValue(creditValue: string | null | undefined): string {\n  // Note: Internal tickets (status would be different) are handled by backend\n  // Customers don't see internal tickets, so we don't need to check for INTERNAL here\n  return formatCreditValueCore(creditValue);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;;;;EAiBd,MAAMA,aAAyD;GAC7D,KAAK;IACH,OAAO;IACP,MAAM;IACN,WAAW;IACZ;GACD,iBAAiB;IACf,OAAO;IACP,MAAM;IACN,WAAW;IACZ;GACD,aAAa;IACX,OAAO;IACP,MAAM;IACN,WAAW;IACZ;GACD,aAAa;IACX,OAAO;IACP,MAAM;IACN,WAAW;IACZ;GACF;EAED,MAAM,iBAAiB,SAA6C;GAClE,MAAM,WAAS,WAAW;AAC1B,OAAI,CAAC,SACH,QAAO;IACL,OAAO;IACP,MAAM,QAAQ;IACd,WAAW,SAAS,QAAQ;IAC7B;AAEH,UAAO;;EAGT,MAAM,SAAS,eAAe,cAAc,MAAM,KAAK,CAAC;EAExD,MAAM,eAAe,eAAe;GAClC,MAAM,cAAc,CAAC,SAAS,UAAU;AAGxC,eAAY,KAAK,OAAO,MAAM,MAAM;AAGpC,OAAI,MAAM,SAAS,KACjB,aAAY,KAAK,YAAY,UAAU;YAC9B,MAAM,SAAS,KACxB,aAAY,KAAK,YAAY,UAAU;OAGvC,aAAY,KAAK,WAAW,aAAa;AAI3C,OAAI,MAAM,YAAY,UACpB,aAAY,KAAK,gBAAgB;AAGnC,UAAO,YAAY,KAAK,IAAI;IAC5B;EAEF,MAAM,cAAc,eAAe,OAAO,MAAM,KAAK;EACrD,MAAM,YAAY,eAAe,OAAO,MAAM,UAAU;;uBA5GtD,mBAEM,OAAA;IAFA,OAAK,eAAE,aAAA,MAAY;IAAG,cAAY,UAAA;IAAW,MAAK;sBACnD,YAAA,MAAW,EAAA,IAAA,WAAA;;;;;;;;;;;ACGlB,SAAS,mBAAmB,OAA2C;AACrE,QAAO,UAAU,QAAQ,UAAU,UAAa,MAAM,MAAM,KAAK;;;;;AAMnE,SAAS,sBAAsB,aAAgD;AAE7E,KAAI,mBAAmB,YAAY,CACjC,QAAO;CAGT,MAAM,UAAU,YAAa,MAAM;AAInC,KAHY,WAAW,QAAQ,KAGnB,EACV,QAAO;AAKT,QAAO,QAAQ,QAAQ,UAAU,GAAG;;;;;;;;;;;;;AActC,SAAgB,uBACd,aACA,gBACQ;AAER,KAAI,mBAAmB,WACrB,QAAO;AAGT,QAAO,sBAAsB,YAAY;;;;;;;;;;;;;AAc3C,SAAgB,0BAA0B,aAAgD;AAGxF,QAAO,sBAAsB,YAAY"}