@cryptlex/web-components 6.6.2 → 6.6.6-alpha01

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "6.6.2",
+  "version": "6.6.6-alpha01",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
@@ -51,37 +51,42 @@
     "@tanstack/react-form": "1.6.3",
     "@tanstack/react-query": "5.62.3",
     "@tanstack/react-table": "8.20.5",
+    "@types/lodash-es": "4.17.12",
     "@uidotdev/usehooks": "2.4.1",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "date-fns": "3.0.0",
-    "input-otp": "1.4.1",
     "lodash-es": "4.17.21",
-    "@types/lodash-es": "4.17.12",
     "openapi-fetch": "0.14.0",
     "react": "^19.1.0",
     "react-aria-components": "1.11.0",
     "react-dom": "^19.1.0",
     "recharts": "2.15.3",
     "sonner": "1.7.0",
-    "tailwindcss": "^4.0.6",
+    "tailwindcss": "4.1.12",
     "tw-animate-css": "1.3.0",
-    "tw-type-css": "0.0.1"
+    "tw-type-css": "0.0.1",
+    "zod": "4.1.1"
   },
   "devDependencies": {
     "@rollup/plugin-node-resolve": "16.0.1",
+    "@storybook/addon-a11y": "9.1.3",
     "@storybook/addon-docs": "9.1.3",
     "@storybook/addon-links": "9.1.3",
     "@storybook/addon-onboarding": "9.1.3",
+    "@storybook/addon-vitest": "9.1.3",
     "@storybook/react-vite": "9.1.3",
-    "@tailwindcss/vite": "^4.1.11",
+    "@tailwindcss/vite": "4.1.12",
     "@types/node": "^22.7.8",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
-    "@vitejs/plugin-react": "4.7.0",
+    "@vitejs/plugin-react": "5.0.1",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
     "husky": "^9.1.7",
     "lint-staged": "^16.1.4",
     "lucide-react": "0.453.0",
+    "playwright": "^1.55.0",
     "prettier": "3.6.2",
     "rollup-preserve-directives": "1.1.3",
     "sass": "1.80.6",
@@ -91,13 +96,14 @@
     "vite": "7.0.6",
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "5.1.4",
-    "zod": "3.25.20"
+    "vitest": "^3.2.4"
   },
   "scripts": {
     "build": "tsc && vite build",
     "lint": "eslint .",
     "storybook": "storybook dev -p 6006 --no-open",
     "build:storybook": "storybook build",
-    "build:tokens": "sass --no-source-map ./lib/tokens.scss ./lib/tokens.css"
+    "build:tokens": "sass --no-source-map ./lib/tokens.scss ./lib/tokens.css",
+    "test": "vitest --project=storybook"
   }
 }

package/dist/components/data-table-commons.d.ts

@@ -1,13 +0,0 @@
-import { components, operations, paths } from '@cryptlex/web-api-types';
-import { default as createClient } from 'openapi-fetch';
-export type _CtxClient = ReturnType<typeof createClient<paths>>;
-export type ApiSchema<T extends keyof components['schemas']> = components['schemas'][T];
-export type ApiQuery<T extends keyof operations> = NonNullable<operations[T]['parameters']['query']>;
-export type ApiGetAllParameters = {
-    page: number;
-    limit: number;
-    search?: string;
-    sort?: string;
-};
-export type ApiFilter<T extends keyof operations> = Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>;
-export type ApiFilters<T extends keyof operations> = NonNullable<Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>>;

package/dist/components/data-table-commons.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=data-table-commons.js.map

package/dist/components/data-table-commons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table-commons.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/input-otp.d.ts

@@ -1,7 +0,0 @@
-import { OTPInput } from 'input-otp';
-export declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput>): import("react/jsx-runtime").JSX.Element;
-export declare function InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<'div'> & {
-    index: number;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function InputOTPSeparator({ ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/input-otp.js

@@ -1,2 +0,0 @@
-import{jsx as t,jsxs as l}from"react/jsx-runtime";import{OTPInput as m,OTPInputContext as u}from"input-otp";import{use as p}from"react";import{classNames as n}from"../utilities/primitives.js";import{IcMinus as d}from"./icons.js";import"clsx";import"lodash-es";function O({className:e,containerClassName:r,...i}){return t(m,{containerClassName:n("flex items-center gap-2 has-disabled:opacity-50",r),className:n("disabled:cursor-not-allowed",e),...i})}function P({className:e,...r}){return t("div",{className:n("flex items-center",e),...r})}function T({index:e,className:r,...i}){const o=p(u),{char:s,hasFakeCaret:a,isActive:c}=o.slots[e];return l("div",{className:n("relative flex h-input w-9 items-center justify-center border-2 border-input body-sm transition-all",c?"z-10  border-2 border-primary":"",r),...i,children:[s,a&&t("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:t("div",{className:"h-icon w-px animate-caret-blink bg-foreground duration-1000"})})]})}function y({...e}){return t("div",{role:"separator",...e,children:t(d,{})})}export{O as InputOTP,P as InputOTPGroup,y as InputOTPSeparator,T as InputOTPSlot};
-//# sourceMappingURL=input-otp.js.map

package/dist/components/input-otp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-otp.js","sources":["../../lib/components/input-otp.tsx"],"sourcesContent":["import { OTPInput, OTPInputContext } from 'input-otp';\nimport { use } from 'react';\nimport { classNames } from '../utilities/primitives';\nimport { IcMinus } from './icons';\n\nexport function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput>) {\n    return (\n        <OTPInput\n            containerClassName={classNames('flex items-center gap-2 has-disabled:opacity-50', containerClassName)}\n            className={classNames('disabled:cursor-not-allowed', className)}\n            {...props}\n        />\n    );\n}\n\nexport function InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>) {\n    return <div className={classNames('flex items-center', className)} {...props} />;\n}\n\nexport function InputOTPSlot({ index, className, ...props }: React.ComponentProps<'div'> & { index: number }) {\n    const inputOTPContext = use(OTPInputContext);\n    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n    return (\n        <div\n            className={classNames(\n                'relative flex h-input w-9 items-center justify-center border-2 border-input body-sm transition-all',\n                isActive ? 'z-10  border-2 border-primary' : '',\n                className\n            )}\n            {...props}\n        >\n            {char}\n            {hasFakeCaret && (\n                <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n                    <div className=\"h-icon w-px animate-caret-blink bg-foreground duration-1000\" />\n                </div>\n            )}\n        </div>\n    );\n}\n\nexport function InputOTPSeparator({ ...props }: React.ComponentProps<'div'>) {\n    return (\n        <div role=\"separator\" {...props}>\n            <IcMinus />\n        </div>\n    );\n}\n"],"names":["InputOTP","className","containerClassName","props","jsx","OTPInput","classNames","InputOTPGroup","InputOTPSlot","index","inputOTPContext","use","OTPInputContext","char","hasFakeCaret","isActive","jsxs","InputOTPSeparator","IcMinus"],"mappings":"oQAKO,SAASA,EAAS,CAAE,UAAAC,EAAW,mBAAAC,EAAoB,GAAGC,GAAgD,CACzG,OACIC,EAACC,EAAA,CACG,mBAAoBC,EAAW,kDAAmDJ,CAAkB,EACpG,UAAWI,EAAW,8BAA+BL,CAAS,EAC7D,GAAGE,CAAA,CAAA,CAGhB,CAEO,SAASI,EAAc,CAAE,UAAAN,EAAW,GAAGE,GAAsC,CAChF,OAAOC,EAAC,OAAI,UAAWE,EAAW,oBAAqBL,CAAS,EAAI,GAAGE,EAAO,CAClF,CAEO,SAASK,EAAa,CAAE,MAAAC,EAAO,UAAAR,EAAW,GAAGE,GAA0D,CAC1G,MAAMO,EAAkBC,EAAIC,CAAe,EACrC,CAAE,KAAAC,EAAM,aAAAC,EAAc,SAAAC,GAAaL,EAAgB,MAAMD,CAAK,EAEpE,OACIO,EAAC,MAAA,CACG,UAAWV,EACP,qGACAS,EAAW,gCAAkC,GAC7Cd,CAAA,EAEH,GAAGE,EAEH,SAAA,CAAAU,EACAC,KACI,MAAA,CAAI,UAAU,wEACX,SAAAV,EAAC,MAAA,CAAI,UAAU,6DAAA,CAA8D,CAAA,CACjF,CAAA,CAAA,CAAA,CAIhB,CAEO,SAASa,EAAkB,CAAE,GAAGd,GAAsC,CACzE,OACIC,EAAC,OAAI,KAAK,YAAa,GAAGD,EACtB,SAAAC,EAACc,IAAQ,CAAA,CACb,CAER"}

package/dist/components/key-value-card.js

@@ -1,2 +0,0 @@
-import{jsxs as c,jsx as e}from"react/jsx-runtime";import{Badge as d}from"./badge.js";import{Card as p,CardHeader as m,CardTitle as f,CardContent as h}from"./card.js";import{Skeleton as u}from"./skeleton.js";import{formatDate as x}from"../utilities/date.js";import"../utilities/primitives.js";import"clsx";import"lodash-es";const S=({data:n,label:o,fields:l})=>{const i=(a,r)=>{if(a.transform)return a.transform(r);if(r==null)return"-";switch(a.type){case"date":return e("span",{children:x(r)});case"yesno":return e("span",{children:r?"Yes":"No"});case"badge":return e("div",{className:"flex flex-wrap gap-1",children:Array.isArray(r)?r.map((t,s)=>e(d,{children:typeof t=="object"?t?.name||t?.id:t},s)):r});case"boolean":return e("span",{children:r.toString()});default:return e("span",{children:r})}};return c(p,{children:[e(m,{children:e(f,{children:o})}),e(h,{children:e("div",{className:"flex flex-col gap-2",children:n?l.map(a=>{const r=a.accessor?a.accessor.split(".").reduce((t,s)=>t&&s in t?t[s]:void 0,n):null;return c("div",{className:"flex w-full flex-col md:flex-row justify-between first:pt-0 last:pb-0",children:[e("p",{className:"body flex w-full justify-start col-span-1",children:a.display}),e("div",{className:"body flex w-full justify-start text-wrap break-all",children:i(a,r)})]},a.display)}):l.map((a,r)=>e(u,{className:"h-12 w-full"},r))})})]})};export{S as KeyValueCard};
-//# sourceMappingURL=key-value-card.js.map

package/dist/components/key-value-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"key-value-card.js","sources":["../../lib/components/key-value-card.tsx"],"sourcesContent":["import { Badge } from '../components/badge';\nimport { Card, CardContent, CardHeader, CardTitle } from '../components/card';\nimport { Skeleton } from '../components/skeleton';\nimport { formatDate } from '../utilities/date';\n\n// Utility type to handle nested keys (dot notation) in any object\ntype NestedKeyOf<T> = T extends object\n    ? {\n          [K in keyof T]: K extends string | number ? `${K & string}` | `${K & string}.${NestedKeyOf<T[K]>}` : never;\n      }[keyof T]\n    : never;\n\n// DisplayField type that works with nested keys\nexport type DisplayField<T> = {\n    display: string;\n    accessor: NestedKeyOf<T>;\n    type?: 'text' | 'badge' | 'boolean' | 'date' | 'yesno' | 'copyButton' | 'link'; // Field types\n    transform?: (value: any) => React.ReactNode;\n};\n\nexport interface KeyValueCardProps<T> {\n    data: T; // Ensure data is of type T\n    label: string;\n    fields: DisplayField<T>[];\n    className?: string;\n}\n\nexport const KeyValueCard = <T extends {}>({ data, label, fields }: KeyValueCardProps<T>) => {\n    const renderValue = (field: DisplayField<T>, value: any) => {\n        if (field.transform) {\n            return field.transform(value);\n        }\n        if (value === undefined || value === null) {\n            return '-';\n        }\n        switch (field.type) {\n            case 'date':\n                return <span>{formatDate(value)}</span>;\n            case 'yesno':\n                return <span>{value ? 'Yes' : 'No'}</span>;\n            case 'badge':\n                return (\n                    <div className=\"flex flex-wrap gap-1\">\n                        {Array.isArray(value)\n                            ? value.map((item, index) => (\n                                  <Badge key={index}>{typeof item === 'object' ? item?.name || item?.id : item}</Badge>\n                              ))\n                            : value}\n                    </div>\n                );\n\n            case 'boolean':\n                return <span>{value.toString()}</span>;\n            default:\n                return <span>{value}</span>;\n        }\n    };\n\n    return (\n        <Card>\n            <CardHeader>\n                <CardTitle>{label}</CardTitle>\n            </CardHeader>\n            <CardContent>\n                <div className=\"flex flex-col gap-2\">\n                    {data\n                        ? fields.map(field => {\n                              // TODO: improve this\n                              const value = field.accessor\n                                  ? field.accessor\n                                        .split('.')\n                                        .reduce(\n                                            (obj, key) => (obj && key in obj ? obj[key] : undefined),\n                                            data as Record<string, any>\n                                        )\n                                  : null;\n\n                              return (\n                                  <div\n                                      key={field.display}\n                                      className=\"flex w-full flex-col md:flex-row justify-between first:pt-0 last:pb-0\"\n                                  >\n                                      <p className=\"body flex w-full justify-start col-span-1\">{field.display}</p>\n                                      <div className=\"body flex w-full justify-start text-wrap break-all\">\n                                          {renderValue(field, value)}\n                                      </div>\n                                  </div>\n                              );\n                          })\n                        : fields.map((_, index) => <Skeleton key={index} className=\"h-12 w-full\" />)}\n                </div>\n            </CardContent>\n        </Card>\n    );\n};\n"],"names":["KeyValueCard","data","label","fields","renderValue","field","value","jsx","formatDate","item","index","Badge","Card","CardHeader","CardTitle","CardContent","obj","key","jsxs","_","Skeleton"],"mappings":"mUA2BO,MAAMA,EAAe,CAAe,CAAE,KAAAC,EAAM,MAAAC,EAAO,OAAAC,KAAmC,CACzF,MAAMC,EAAc,CAACC,EAAwBC,IAAe,CACxD,GAAID,EAAM,UACN,OAAOA,EAAM,UAAUC,CAAK,EAEhC,GAA2BA,GAAU,KACjC,MAAO,IAEX,OAAQD,EAAM,KAAA,CACV,IAAK,OACD,OAAOE,EAAC,OAAA,CAAM,SAAAC,EAAWF,CAAK,EAAE,EACpC,IAAK,QACD,OAAOC,EAAC,OAAA,CAAM,SAAAD,EAAQ,MAAQ,KAAK,EACvC,IAAK,QACD,OACIC,EAAC,MAAA,CAAI,UAAU,uBACV,SAAA,MAAM,QAAQD,CAAK,EACdA,EAAM,IAAI,CAACG,EAAMC,MACZC,EAAA,CAAmB,SAAA,OAAOF,GAAS,SAAWA,GAAM,MAAQA,GAAM,GAAKA,CAAA,EAA5DC,CAAiE,CAChF,EACDJ,CAAA,CACV,EAGR,IAAK,UACD,OAAOC,EAAC,OAAA,CAAM,SAAAD,EAAM,SAAA,EAAW,EACnC,QACI,OAAOC,EAAC,QAAM,SAAAD,CAAA,CAAM,CAAA,CAEhC,EAEA,SACKM,EAAA,CACG,SAAA,CAAAL,EAACM,EAAA,CACG,SAAAN,EAACO,EAAA,CAAW,SAAAZ,CAAA,CAAM,EACtB,EACAK,EAACQ,GACG,SAAAR,EAAC,MAAA,CAAI,UAAU,sBACV,SAAAN,EACKE,EAAO,IAAIE,GAAS,CAEhB,MAAMC,EAAQD,EAAM,SACdA,EAAM,SACD,MAAM,GAAG,EACT,OACG,CAACW,EAAKC,IAASD,GAAOC,KAAOD,EAAMA,EAAIC,CAAG,EAAI,OAC9ChB,CAAA,EAER,KAEN,OACIiB,EAAC,MAAA,CAEG,UAAU,wEAEV,SAAA,CAAAX,EAAC,IAAA,CAAE,UAAU,4CAA6C,SAAAF,EAAM,QAAQ,IACvE,MAAA,CAAI,UAAU,qDACV,SAAAD,EAAYC,EAAOC,CAAK,CAAA,CAC7B,CAAA,CAAA,EANKD,EAAM,OAAA,CASvB,CAAC,EACDF,EAAO,IAAI,CAACgB,EAAGT,IAAUH,EAACa,EAAA,CAAqB,UAAU,aAAA,EAAjBV,CAA+B,CAAE,EACnF,CAAA,CACJ,CAAA,EACJ,CAER"}

package/dist/utilities/form-utils.js

@@ -1,2 +0,0 @@
-import o from"react";import{useFieldContext as i}from"./form-context.js";import"@tanstack/react-form";const l=({disabled:e})=>{const t=i();return o.useEffect(()=>{t.setMeta(n=>({...n,disabled:!!e}))},[e,t]),t};function d(e){return async({formApi:t})=>{const n=c(t.state.values,t);await e({values:n,formApi:t})}}function c(e,t){const n={};for(const s in e)t.getFieldMeta(s)?.disabled||(n[s]=e[s]);return n}export{d as tfOnSubmit,l as useTfFieldContext};
-//# sourceMappingURL=form-utils.js.map

package/dist/utilities/form-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-utils.js","sources":["../../lib/utilities/form-utils.tsx"],"sourcesContent":["import { type AnyFieldMeta, type FormApi } from '@tanstack/react-form';\nimport React from 'react';\nimport { useFieldContext } from './form-context';\n\ntype FieldContextProps = {\n    disabled?: boolean;\n};\n\n/**\n * Custom hook to handle disabled state for form fields\n * @param {boolean} disabled - The disabled prop passed to the component\n * @returns The field context with disabled state properly managed\n */\nexport const useTfFieldContext = <T,>({ disabled }: FieldContextProps) => {\n    const field = useFieldContext<T>();\n\n    React.useEffect(() => {\n        field.setMeta(meta => ({\n            ...meta,\n            disabled: !!disabled,\n        }));\n    }, [disabled, field]);\n\n    return field;\n};\n\n/** Utility type to simplify FormApi usage */\nexport type AppFormApi<TValues> = FormApi<TValues, any, any, any, any, any, any, any, any, any>;\n\n/**\n * Utility function to submit a form with a handler that receives the values and the formApi.\n * @param onSubmit - The handler function to call with the values and the formApi.\n * @returns A function that can be used to submit the form. It will filter out disabled fields from the values.\n */\nexport function tfOnSubmit<TValues>(\n    onSubmit: ({ values, formApi }: { values: TValues; formApi: AppFormApi<TValues> }) => Promise<any> | any\n) {\n    return async ({ formApi }: { formApi: AppFormApi<TValues> }): Promise<any> => {\n        const values = pickEnabledFields(formApi.state.values, formApi);\n\n        await onSubmit({ values, formApi });\n    };\n}\nfunction pickEnabledFields<TValues>(rawValues: TValues, formApi: AppFormApi<TValues>): TValues {\n    const result: TValues = {} as TValues;\n\n    //TODO: Nested objects are not supported yet\n    for (const key in rawValues) {\n        const meta = formApi.getFieldMeta(key) as AnyFieldMeta & {\n            disabled?: boolean;\n        };\n        if (!meta?.disabled) {\n            result[key] = rawValues[key];\n        }\n    }\n\n    return result;\n}\n"],"names":["useTfFieldContext","disabled","field","useFieldContext","React","meta","tfOnSubmit","onSubmit","formApi","values","pickEnabledFields","rawValues","result","key"],"mappings":"sGAaO,MAAMA,EAAoB,CAAK,CAAE,SAAAC,KAAkC,CACtE,MAAMC,EAAQC,EAAA,EAEd,OAAAC,EAAM,UAAU,IAAM,CAClBF,EAAM,QAAQG,IAAS,CACnB,GAAGA,EACH,SAAU,CAAC,CAACJ,CAAA,EACd,CACN,EAAG,CAACA,EAAUC,CAAK,CAAC,EAEbA,CACX,EAUO,SAASI,EACZC,EACF,CACE,MAAO,OAAO,CAAE,QAAAC,KAA8D,CAC1E,MAAMC,EAASC,EAAkBF,EAAQ,MAAM,OAAQA,CAAO,EAE9D,MAAMD,EAAS,CAAE,OAAAE,EAAQ,QAAAD,EAAS,CACtC,CACJ,CACA,SAASE,EAA2BC,EAAoBH,EAAuC,CAC3F,MAAMI,EAAkB,CAAA,EAGxB,UAAWC,KAAOF,EACDH,EAAQ,aAAaK,CAAG,GAG1B,WACPD,EAAOC,CAAG,EAAIF,EAAUE,CAAG,GAInC,OAAOD,CACX"}

package/dist/utilities/primitives.d.ts

@@ -1,37 +0,0 @@
-import { FieldApi } from '@tanstack/react-form';
-import { ClassValue } from 'clsx';
-/** Classnames */
-export declare function classNames(...inputs: ClassValue[]): string;
-/**
- *
- * @returns
- */
-export declare function getThemeHue(): string;
-/**
- * @param hue the hue value to set in the document style
- */
-export declare function setThemeHue(hue: number): void;
-export declare function logout(): void;
-export type JwtDecode = {
-    aud: string;
-    email: string;
-    exp: number;
-    iat: number;
-    jti: string;
-    region: string;
-    role: string;
-    role_type: string;
-    scope: string[];
-    sub: string;
-    teat: number;
-    tenantid: string;
-    token_usage: string;
-    sadmin?: string;
-};
-export type CtxPortals = 'customer-portal' | 'system-portal' | 'reseller-portal' | 'admin-portal';
-/**
- *
- */
-export declare function toTitleCase(input?: string): string;
-export declare function pluralizeTimes(resourceName: string, count: number): string;
-export declare function getFieldErrorMessage(field: FieldApi<any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>): string;

package/dist/utilities/primitives.js

@@ -1,2 +0,0 @@
-import{clsx as n}from"clsx";import{startCase as r}from"lodash-es";function c(...e){return n(e)}const o="--primary-hue";function s(){return document.documentElement.style.getPropertyValue(o)}function m(e){document.documentElement.style.setProperty(o,e)}const i="AT",a="RT";function f(){if(typeof window<"u"&&window.localStorage)try{localStorage.removeItem(a),localStorage.removeItem(i),window.location.replace("/auth/login")}catch(e){console.error("Logout failed:",e)}}function d(e){return r(e)}function g(e,t){return t>1?/y$/.test(e)?e==="Day"?"Days":e.replace(/y$/,"ies"):e.concat("s"):e}function p(e){return e?.state.meta.errors.map(t=>t?.message).join(",")}export{c as classNames,p as getFieldErrorMessage,s as getThemeHue,f as logout,g as pluralizeTimes,m as setThemeHue,d as toTitleCase};
-//# sourceMappingURL=primitives.js.map

package/dist/utilities/primitives.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"primitives.js","sources":["../../lib/utilities/primitives.ts"],"sourcesContent":["import type { FieldApi } from '@tanstack/react-form';\nimport { clsx, type ClassValue } from 'clsx';\nimport { startCase } from 'lodash-es';\n\n/** Classnames */\nexport function classNames(...inputs: ClassValue[]) {\n    return clsx(inputs);\n}\n\n/**\n * This is the variable name representing the primary hue.\n * Referenced in tokens.scss -> token.css\n */\nconst PRIMARY_HUE_PROPERTY = '--primary-hue';\n\n/**\n *\n * @returns\n */\nexport function getThemeHue() {\n    return document.documentElement.style.getPropertyValue(PRIMARY_HUE_PROPERTY);\n}\n\n/**\n * @param hue the hue value to set in the document style\n */\nexport function setThemeHue(hue: number) {\n    document.documentElement.style.setProperty(\n        PRIMARY_HUE_PROPERTY,\n        // In this case, it must be a number.\n        hue as unknown as string\n    );\n}\n\nconst ACCESS_TOKEN = 'AT';\nconst REFRESH_TOKEN = 'RT';\nexport function logout() {\n    if (typeof window !== 'undefined' && window.localStorage) {\n        try {\n            localStorage.removeItem(REFRESH_TOKEN);\n            localStorage.removeItem(ACCESS_TOKEN);\n            window.location.replace('/auth/login');\n        } catch (error) {\n            console.error('Logout failed:', error);\n        }\n    }\n}\n\nexport type JwtDecode = {\n    aud: string;\n    email: string;\n    exp: number;\n    iat: number;\n    jti: string;\n    region: string;\n    role: string;\n    role_type: string;\n    scope: string[];\n    sub: string;\n    teat: number;\n    tenantid: string;\n    token_usage: string;\n    sadmin?: string;\n};\n\nexport type CtxPortals = 'customer-portal' | 'system-portal' | 'reseller-portal' | 'admin-portal';\n\n/**\n *\n */\nexport function toTitleCase(input?: string): string {\n    return startCase(input);\n}\n\nexport function pluralizeTimes(resourceName: string, count: number) {\n    if (count > 1) {\n        if (/y$/.test(resourceName)) {\n            if (resourceName === 'Day') return 'Days';\n            return resourceName.replace(/y$/, 'ies');\n        }\n        return resourceName.concat('s');\n    }\n    return resourceName;\n}\n\nexport function getFieldErrorMessage(\n    field: FieldApi<any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>\n): string {\n    return field?.state.meta.errors.map(e => e?.message).join(',');\n}\n"],"names":["classNames","inputs","clsx","PRIMARY_HUE_PROPERTY","getThemeHue","setThemeHue","hue","ACCESS_TOKEN","REFRESH_TOKEN","logout","error","toTitleCase","input","startCase","pluralizeTimes","resourceName","count","getFieldErrorMessage","field","e"],"mappings":"kEAKO,SAASA,KAAcC,EAAsB,CAChD,OAAOC,EAAKD,CAAM,CACtB,CAMA,MAAME,EAAuB,gBAMtB,SAASC,GAAc,CAC1B,OAAO,SAAS,gBAAgB,MAAM,iBAAiBD,CAAoB,CAC/E,CAKO,SAASE,EAAYC,EAAa,CACrC,SAAS,gBAAgB,MAAM,YAC3BH,EAEAG,CAAA,CAER,CAEA,MAAMC,EAAe,KACfC,EAAgB,KACf,SAASC,GAAS,CACrB,GAAI,OAAO,OAAW,KAAe,OAAO,aACxC,GAAI,CACA,aAAa,WAAWD,CAAa,EACrC,aAAa,WAAWD,CAAY,EACpC,OAAO,SAAS,QAAQ,aAAa,CACzC,OAASG,EAAO,CACZ,QAAQ,MAAM,iBAAkBA,CAAK,CACzC,CAER,CAwBO,SAASC,EAAYC,EAAwB,CAChD,OAAOC,EAAUD,CAAK,CAC1B,CAEO,SAASE,EAAeC,EAAsBC,EAAe,CAChE,OAAIA,EAAQ,EACJ,KAAK,KAAKD,CAAY,EAClBA,IAAiB,MAAc,OAC5BA,EAAa,QAAQ,KAAM,KAAK,EAEpCA,EAAa,OAAO,GAAG,EAE3BA,CACX,CAEO,SAASE,EACZC,EACM,CACN,OAAOA,GAAO,MAAM,KAAK,OAAO,OAASC,GAAG,OAAO,EAAE,KAAK,GAAG,CACjE"}