@mrfylke/contact-form 0.1.3

package/lib/modules/api-server/requesters/http-requester.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRequester = createRequester;
+const uuid_1 = require("uuid");
+const types_1 = require("./types");
+const utils_1 = require("./utils");
+const translations_1 = require("../../../translations");
+const logging_1 = require("../../logging");
+function createRequester(baseUrlKey, req) {
+    return async function request(url, init) {
+        const baseUrl = types_1.externalHttpUrls[baseUrlKey];
+        const actualUrl = `${baseUrl}${url}`;
+        // Pass on from the potentially incoming request.
+        const headers = (0, utils_1.passOnHeadersFromRequest)(req, {
+            'X-Correlation-Id': (0, uuid_1.v4)(),
+        });
+        try {
+            const timer = new logging_1.Timer();
+            const data = await fetch(actualUrl, {
+                ...init,
+                headers: {
+                    ...init?.headers,
+                    ...(0, utils_1.getEtNameHeaders)(),
+                    ...headers,
+                    Accept: 'application/json',
+                    'Content-Type': 'application/json',
+                },
+            });
+            (0, logging_1.logApiResponse)({
+                message: 'http call',
+                method: init?.method,
+                url: data.url,
+                statusCode: data.status,
+                responseHeaders: data.headers,
+                requestHeaders: headers,
+                duration: timer.getElapsedMs(),
+            });
+            if (!data.ok) {
+                throw await errorFromResponse(data);
+            }
+            return data;
+        }
+        catch (e) {
+            console.error(e);
+            if (e instanceof types_1.ApplicationError) {
+                throw e;
+            }
+            else {
+                throw new types_1.ApplicationError(mapServerToMessage(e), 500, headers['X-Correlation-Id']);
+            }
+        }
+    };
+}
+async function errorFromResponse(result) {
+    if (result.headers.get('content-type')?.includes('application/json')) {
+        const data = await result.json();
+        return new types_1.ApplicationError(mapServerToMessage(data), result.status, undefined, result);
+    }
+    else if (result.headers.get('content-type')?.includes('text/html')) {
+        return new types_1.ApplicationError(mapServerToMessage(result.statusText), result.status, undefined, result);
+    }
+    else {
+        const data = await result.text();
+        if (result.status === 401) {
+            return new types_1.ApplicationError({
+                message: translations_1.ServerText.Endpoints.accessError,
+            }, result.status, undefined, result);
+        }
+        return new types_1.ApplicationError(mapServerToMessage(data), result.status, undefined, result);
+    }
+}
+function mapServerToMessage(e) {
+    if (typeof e === 'string') {
+        return { message: (0, translations_1.translation)(e, e, e) };
+    }
+    if (!isInternalServerError(e)) {
+        return { message: translations_1.ServerText.Endpoints.serverError };
+    }
+    if (isMessagedError(e)) {
+        return { message: (0, translations_1.translation)(e.message, e.message, e.message) };
+    }
+    const defaultError = { message: (0, translations_1.translation)(e.error, e.error, e.error) };
+    if (!isInternalServerErrorWithUpstream(e)) {
+        return defaultError;
+    }
+    try {
+        const upstreamError = JSON.parse(e.upstreamError);
+        if (!isInternalUpstreamServerError(upstreamError)) {
+            return defaultError;
+        }
+        return {
+            message: (0, translations_1.translation)(upstreamError.shortNorwegian, upstreamError.shortEnglish, upstreamError.shortNorwegian),
+        };
+    }
+    catch (_err) {
+        return defaultError;
+    }
+}
+function isMessagedError(e) {
+    return 'message' in e;
+}
+function isInternalServerError(e) {
+    return 'error' in e;
+}
+function isInternalServerErrorWithUpstream(e) {
+    return 'upstreamError' in e;
+}
+function isInternalUpstreamServerError(e) {
+    return 'errorCode' in e && 'shortNorwegian' in e;
+}

package/lib/modules/api-server/requesters/types.d.ts

@@ -0,0 +1,37 @@
+import { IncomingHttpHeaders } from 'http';
+import { NextApiResponse } from 'next';
+import type { NormalizedCacheObject } from '@apollo/client/cache';
+import { ApolloClient, type ApolloClientOptions } from '@apollo/client/core';
+import { TranslatedString } from "../../../translations";
+export declare const externalHttpUrls: {
+    readonly 'http-bff': string;
+    readonly 'http-sales': string;
+    readonly 'http-contact-api': string | undefined;
+};
+export type HttpEndpoints = keyof typeof externalHttpUrls;
+export declare const externalGraphQlEndpoints: {
+    readonly 'graphql-journeyPlanner3': `${string}/journey-planner/v3/graphql`;
+};
+export type GraphQlEndpoints = keyof typeof externalGraphQlEndpoints;
+export type AllEndpoints = HttpEndpoints | GraphQlEndpoints;
+export type ReqWithHeaders = {
+    headers: IncomingHttpHeaders;
+};
+export declare class GraphQlRequester<T extends GraphQlEndpoints> extends ApolloClient<NormalizedCacheObject> {
+    endpoint: T;
+    constructor(endpoint: T, options: ApolloClientOptions<NormalizedCacheObject>);
+}
+export type HttpRequester<T extends HttpEndpoints> = (url: `/${string}`, init?: RequestInit | undefined) => Promise<Response>;
+export type ConditionalRequester<U extends AllEndpoints> = U extends HttpEndpoints ? HttpRequester<U> : U extends GraphQlEndpoints ? GraphQlRequester<U> : never;
+export declare function isGraphQlEndpoint(a: any): a is GraphQlEndpoints;
+export type ServerErrorMessage = {
+    message: TranslatedString;
+};
+export declare class ApplicationError extends Error {
+    data: ServerErrorMessage;
+    status: number;
+    correlationId?: string;
+    upstreamResponse?: Response | NextApiResponse<any>;
+    constructor(error: ServerErrorMessage, status?: number, correlationId?: string, upstreamResponse?: Response | NextApiResponse<any>);
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/modules/api-server/requesters/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/modules/api-server/requesters/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,MAAM,CAAC;AACzC,OAAO,EAAC,eAAe,EAAC,MAAM,MAAM,CAAC;AAErC,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAC,YAAY,EAAE,KAAK,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;AAE3E,OAAO,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE1D,eAAO,MAAM,wBAAwB;;CAE3B,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,wBAAwB,CAAC;AAErE,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IACzB,OAAO,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAEF,qBAAa,gBAAgB,CACzB,CAAC,SAAS,gBAAgB,CAC5B,SAAQ,YAAY,CAAC,qBAAqB,CAAC;IAClC,QAAQ,EAAE,CAAC,CAAC;gBAGf,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,mBAAmB,CAAC,qBAAqB,CAAC;CAK1D;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,aAAa,IAAI,CACjD,GAAG,EAAE,IAAI,MAAM,EAAE,EACjB,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,KAC7B,OAAO,CAAC,QAAQ,CAAC,CAAC;AAEvB,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,YAAY,IACnD,CAAC,SAAS,aAAa,GACjB,aAAa,CAAC,CAAC,CAAC,GAChB,CAAC,SAAS,gBAAgB,GACtB,gBAAgB,CAAC,CAAC,CAAC,GACnB,KAAK,CAAC;AAEpB,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,IAAI,gBAAgB,CAE/D;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC7B,OAAO,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAEF,qBAAa,gBAAiB,SAAQ,KAAK;IACvC,IAAI,EAAE,kBAAkB,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;gBAG/C,KAAK,EAAE,kBAAkB,EACzB,MAAM,GAAE,MAAY,EACpB,aAAa,CAAC,EAAE,MAAM,EACtB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC;CAQzD"}

package/lib/modules/api-server/requesters/types.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApplicationError = exports.GraphQlRequester = exports.externalGraphQlEndpoints = exports.externalHttpUrls = void 0;
+exports.isGraphQlEndpoint = isGraphQlEndpoint;
+const core_1 = require("@apollo/client/core");
+const env_1 = require("../../../utils/env");
+exports.externalHttpUrls = {
+    'http-bff': env_1.BFFURL,
+    'http-sales': env_1.SALESURL,
+    'http-contact-api': process.env.NEXT_PUBLIC_CONTACT_API_URL,
+};
+exports.externalGraphQlEndpoints = {
+    'graphql-journeyPlanner3': `${process.env.ENTUR_BASE_URL ?? 'https://api.entur.io'}/journey-planner/v3/graphql`,
+};
+class GraphQlRequester extends core_1.ApolloClient {
+    constructor(endpoint, options) {
+        super(options);
+        this.endpoint = endpoint;
+    }
+}
+exports.GraphQlRequester = GraphQlRequester;
+function isGraphQlEndpoint(a) {
+    return a in exports.externalGraphQlEndpoints;
+}
+class ApplicationError extends Error {
+    constructor(error, status = 500, correlationId, upstreamResponse) {
+        super();
+        this.data = error;
+        this.status = status;
+        this.correlationId = correlationId;
+        this.upstreamResponse = upstreamResponse;
+    }
+}
+exports.ApplicationError = ApplicationError;

package/lib/modules/api-server/requesters/utils.d.ts

@@ -0,0 +1,17 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+import { ApplicationError, ReqWithHeaders, ServerErrorMessage } from './types';
+import { TranslatedString } from "../../../translations";
+export declare function tryResult(req: NextApiRequest, res: NextApiResponse<any>, fn: () => Promise<void>, errorMapper?: (e: ApplicationError) => ApplicationError): Promise<void>;
+export declare function genericError(): ApplicationError;
+export declare function errorResultAsJson(res: NextApiResponse, code: number, text: TranslatedString | ServerErrorMessage): void;
+export declare function getEtNameHeaders(orgName?: string): {
+    'ET-Client-Name': string;
+};
+declare const repassableHeaders: {
+    readonly installId: "Atb-Install-Id";
+    readonly correlationId: "X-Correlation-Id";
+};
+type RepassableHeaders = (typeof repassableHeaders)[keyof typeof repassableHeaders];
+export declare function passOnHeadersFromRequest(req: ReqWithHeaders | undefined, defaults: Partial<Record<RepassableHeaders, string>>): Record<string, string> | Partial<Record<RepassableHeaders, string>>;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/lib/modules/api-server/requesters/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/modules/api-server/requesters/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,eAAe,EAAC,MAAM,MAAM,CAAC;AACrD,OAAO,EAAC,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAE7E,OAAO,EAAa,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAEnE,wBAAsB,SAAS,CAC3B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,eAAe,CAAC,GAAG,CAAC,EACzB,EAAE,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,EACvB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,gBAAgB,iBAc1D;AAED,wBAAgB,YAAY,qBAE3B;AAED,wBAAgB,iBAAiB,CAC7B,GAAG,EAAE,eAAe,EACpB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,gBAAgB,GAAG,kBAAkB,QAQ9C;AA2BD,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,MAAuB;;EAIhE;AAED,QAAA,MAAM,iBAAiB;;;CAGb,CAAC;AAEX,KAAK,iBAAiB,GAClB,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAE/D,wBAAgB,wBAAwB,CACpC,GAAG,EAAE,cAAc,GAAG,SAAS,EAC/B,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,uEAevD"}

package/lib/modules/api-server/requesters/utils.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tryResult = tryResult;
+exports.genericError = genericError;
+exports.errorResultAsJson = errorResultAsJson;
+exports.getEtNameHeaders = getEtNameHeaders;
+exports.passOnHeadersFromRequest = passOnHeadersFromRequest;
+const types_1 = require("./types");
+const logging_1 = require("../../logging");
+const translations_1 = require("../../../translations");
+async function tryResult(req, res, fn, errorMapper) {
+    try {
+        return await fn();
+    }
+    catch (e) {
+        if (e instanceof types_1.ApplicationError) {
+            const properError = errorMapper?.(e) ?? e;
+            logApplicationError(properError, req, res);
+            return errorResultAsJson(res, properError.status, properError.data);
+        }
+        else {
+            logging_1.logger.error(e);
+            return errorResultAsJson(res, 500, translations_1.ServerText.Endpoints.serverError);
+        }
+    }
+}
+function genericError() {
+    return new types_1.ApplicationError({ message: translations_1.ServerText.Endpoints.serverError });
+}
+function errorResultAsJson(res, code, text) {
+    const ret = isServerErrorMessage(text)
+        ? text
+        : {
+            message: text,
+        };
+    return res.status(code).json(ret);
+}
+function isServerErrorMessage(e) {
+    return 'message' in e;
+}
+function logApplicationError(e, req, res) {
+    if (process.env.NODE_ENV === 'development') {
+        console.error(e);
+    }
+    else {
+        logging_1.logger.error({
+            upstream: e.upstreamResponse,
+            correlationId: e.correlationId,
+            res,
+            req,
+            err: e,
+        }, e.message);
+    }
+}
+function getEtNameHeaders(orgName = 'contact-form') {
+    return {
+        'ET-Client-Name': `${orgName}-web`,
+    };
+}
+const repassableHeaders = {
+    installId: 'Atb-Install-Id',
+    correlationId: 'X-Correlation-Id',
+};
+function passOnHeadersFromRequest(req, defaults) {
+    let headers = {};
+    if (!req) {
+        return defaults;
+    }
+    for (let headerName of Object.values(repassableHeaders)) {
+        const headerNameTyped = headerName;
+        headers[headerName] =
+            req.headers[headerName]?.toString() ?? defaults[headerNameTyped] ?? '';
+    }
+    return headers;
+}

package/lib/modules/config/context.d.ts

@@ -0,0 +1,54 @@
+import { PropsWithChildren } from 'react';
+import type { ContactFormConfig, Theme } from './types';
+export type ContactFormConfigProviderProps = PropsWithChildren<{
+    config: ContactFormConfig;
+}>;
+/**
+ * Provider component that supplies configuration to the entire contact form.
+ * This should wrap your entire application or the part that uses the contact form.
+ *
+ * @example
+ * ```tsx
+ * import { ContactFormConfigProvider } from '@mrfylke/contact-form';
+ * import { myTheme, myIcons } from './my-config';
+ *
+ * function App() {
+ *   return (
+ *     <ContactFormConfigProvider
+ *       config={{
+ *         theme: myTheme,
+ *         icons: myIcons,
+ *         api: { baseUrl: '/api', endpoints: { submitForm: '/contact' } },
+ *         org: { name: 'My Company', supportEmail: 'support@example.com' }
+ *       }}
+ *     >
+ *       <ContactForm />
+ *     </ContactFormConfigProvider>
+ *   );
+ * }
+ * ```
+ */
+export declare function ContactFormConfigProvider({ config, children, }: ContactFormConfigProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access the contact form configuration.
+ * @throws Error if used outside of ContactFormConfigProvider
+ */
+export declare function useContactFormConfig(): ContactFormConfig;
+/**
+ * Hook to access the theme from configuration.
+ * Returns both light and dark theme variants.
+ */
+export declare function useThemeConfig(): Theme;
+/**
+ * Hook to access the icon set from configuration.
+ */
+export declare function useIconConfig(): import("./types").IconSet;
+/**
+ * Hook to access the org configuration.
+ */
+export declare function useOrgConfig(): import("./types").OrgConfig;
+/**
+ * Hook to access the API configuration.
+ */
+export declare function useApiConfig(): import("./types").ApiConfig;
+//# sourceMappingURL=context.d.ts.map

package/lib/modules/config/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/modules/config/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,EAAC,iBAAiB,EAAE,KAAK,EAAC,MAAM,SAAS,CAAC;AAQtD,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,CAAC;IAC3D,MAAM,EAAE,iBAAiB,CAAC;CAC7B,CAAC,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,yBAAyB,CAAC,EACI,MAAM,EACN,QAAQ,GACX,EAAE,8BAA8B,2CAW1E;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,iBAAiB,CASxD;AAED;;;GAGG;AACH,wBAAgB,cAAc,UAG7B;AA4BD;;GAEG;AACH,wBAAgB,aAAa,8BAG5B;AAED;;GAEG;AACH,wBAAgB,YAAY,gCAG3B;AAED;;GAEG;AACH,wBAAgB,YAAY,gCAG3B"}

package/lib/modules/config/context.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactFormConfigProvider = ContactFormConfigProvider;
+exports.useContactFormConfig = useContactFormConfig;
+exports.useThemeConfig = useThemeConfig;
+exports.useIconConfig = useIconConfig;
+exports.useOrgConfig = useOrgConfig;
+exports.useApiConfig = useApiConfig;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+/**
+ * Context for contact form configuration.
+ * This allows the entire form to access theme, icons, and other settings.
+ */
+const ContactFormConfigContext = (0, react_1.createContext)(null);
+/**
+ * Provider component that supplies configuration to the entire contact form.
+ * This should wrap your entire application or the part that uses the contact form.
+ *
+ * @example
+ * ```tsx
+ * import { ContactFormConfigProvider } from '@mrfylke/contact-form';
+ * import { myTheme, myIcons } from './my-config';
+ *
+ * function App() {
+ *   return (
+ *     <ContactFormConfigProvider
+ *       config={{
+ *         theme: myTheme,
+ *         icons: myIcons,
+ *         api: { baseUrl: '/api', endpoints: { submitForm: '/contact' } },
+ *         org: { name: 'My Company', supportEmail: 'support@example.com' }
+ *       }}
+ *     >
+ *       <ContactForm />
+ *     </ContactFormConfigProvider>
+ *   );
+ * }
+ * ```
+ */
+function ContactFormConfigProvider({ config, children, }) {
+    const mergedConfig = {
+        ...config,
+        theme: mergeThemeWithOverrides(config.theme, config.themeOverrides),
+    };
+    return ((0, jsx_runtime_1.jsx)(ContactFormConfigContext.Provider, { value: mergedConfig, children: children }));
+}
+/**
+ * Hook to access the contact form configuration.
+ * @throws Error if used outside of ContactFormConfigProvider
+ */
+function useContactFormConfig() {
+    const context = (0, react_1.useContext)(ContactFormConfigContext);
+    if (!context) {
+        throw new Error('useContactFormConfig must be used within ContactFormConfigProvider. ' +
+            'Make sure to wrap your app with <ContactFormConfigProvider config={...}>');
+    }
+    return context;
+}
+/**
+ * Hook to access the theme from configuration.
+ * Returns both light and dark theme variants.
+ */
+function useThemeConfig() {
+    const { theme } = useContactFormConfig();
+    return theme;
+}
+function mergeThemeWithOverrides(base, overrides) {
+    if (!overrides) {
+        return base;
+    }
+    // Shallow clone so we don't mutate the incoming theme object.
+    const result = { ...base };
+    function apply(target, source) {
+        if (!source)
+            return;
+        Object.keys(source).forEach((key) => {
+            const srcVal = source[key];
+            if (srcVal && typeof srcVal === 'object' && !Array.isArray(srcVal)) {
+                const current = target[key] ?? {};
+                target[key] = { ...current };
+                apply(target[key], srcVal);
+            }
+            else {
+                target[key] = srcVal;
+            }
+        });
+    }
+    apply(result, overrides);
+    return result;
+}
+/**
+ * Hook to access the icon set from configuration.
+ */
+function useIconConfig() {
+    const { icons } = useContactFormConfig();
+    return icons;
+}
+/**
+ * Hook to access the org configuration.
+ */
+function useOrgConfig() {
+    const { org } = useContactFormConfig();
+    return org;
+}
+/**
+ * Hook to access the API configuration.
+ */
+function useApiConfig() {
+    const { api } = useContactFormConfig();
+    return api;
+}

package/lib/modules/config/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './context';
+export * from './theme-adapter';
+//# sourceMappingURL=index.d.ts.map

package/lib/modules/config/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/config/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}

package/lib/modules/config/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./context"), exports);
+__exportStar(require("./theme-adapter"), exports);

package/lib/modules/config/theme-adapter.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Adapter to convert @atb-as/theme format to ContactFormConfig theme format.
+ * This helps migrate existing code to the new configuration system.
+ */
+import type { Theme as ContactFormTheme } from './types';
+/**
+ * Helper function to adapt @atb-as/theme to ContactFormConfig format.
+ * Use this if you're using the @atb-as/theme package.
+ *
+ * @example
+ * ```tsx
+ * import { createThemesFor, ThemeVariant } from '@atb-as/theme';
+ * import { adaptAtbTheme } from '@mrfylke/contact-form/lib/modules/config';
+ *
+ * const atbThemes = createThemesFor(ThemeVariant.FRAM);
+ * const contactFormTheme = adaptAtbTheme(atbThemes);
+ * ```
+ */
+export declare function adaptAtbTheme(atbTheme: any): ContactFormTheme;
+//# sourceMappingURL=theme-adapter.d.ts.map

package/lib/modules/config/theme-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-adapter.d.ts","sourceRoot":"","sources":["../../../src/modules/config/theme-adapter.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAC,KAAK,IAAI,gBAAgB,EAAc,MAAM,SAAS,CAAC;AAYpE;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,GAAG,GAAG,gBAAgB,CAK7D"}

package/lib/modules/config/theme-adapter.js

@@ -0,0 +1,56 @@
+"use strict";
+/**
+ * Adapter to convert @atb-as/theme format to ContactFormConfig theme format.
+ * This helps migrate existing code to the new configuration system.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.adaptAtbTheme = adaptAtbTheme;
+function adaptSpacer(spacing) {
+    if (!spacing)
+        return { small: '8px', medium: '12px', large: '20px', xLarge: '24px' };
+    return {
+        small: `${spacing.small ?? 8}px`,
+        medium: `${spacing.medium ?? 12}px`,
+        large: `${spacing.large ?? 20}px`,
+        xLarge: `${spacing.xLarge ?? 24}px`,
+    };
+}
+/**
+ * Helper function to adapt @atb-as/theme to ContactFormConfig format.
+ * Use this if you're using the @atb-as/theme package.
+ *
+ * @example
+ * ```tsx
+ * import { createThemesFor, ThemeVariant } from '@atb-as/theme';
+ * import { adaptAtbTheme } from '@mrfylke/contact-form/lib/modules/config';
+ *
+ * const atbThemes = createThemesFor(ThemeVariant.FRAM);
+ * const contactFormTheme = adaptAtbTheme(atbThemes);
+ * ```
+ */
+function adaptAtbTheme(atbTheme) {
+    return {
+        light: adaptThemeColors(atbTheme.light),
+        dark: adaptThemeColors(atbTheme.dark),
+    };
+}
+function adaptThemeColors(themeVariant) {
+    const ds = themeVariant.color.interactive;
+    // Map design-system interactive (0, 1, 2, destructive) to contact-form shape (primary, secondary, destructive).
+    // Design-system: 0 = primary, 1 = secondary, 2 = tertiary, destructive = destructive
+    return {
+        color: {
+            transport: themeVariant.color.transport,
+            status: themeVariant.color.status,
+            background: themeVariant.color.background,
+            interactive: {
+                ...ds,
+                primary: ds[0] ?? ds.primary,
+                secondary: ds[1] ?? ds.secondary,
+                destructive: ds.destructive ?? ds,
+            },
+        },
+        spacer: themeVariant.spacer ?? adaptSpacer(themeVariant.spacing),
+        border: themeVariant.border,
+    };
+}