@motiadev/plugin-endpoint 0.7.2-beta.135-745094 → 0.7.2-beta.135-761859

package/dist/hooks/use-endpoint-configuration.js

@@ -0,0 +1,130 @@
+import { create } from 'zustand';
+import { createJSONStorage, devtools, persist } from 'zustand/middleware';
+const defaultHeaders = {
+    CONTENT_TYPE: { name: 'Content-Type', value: 'application/json', active: true },
+    USER_AGENT: { name: 'User-Agent', value: 'Motia/1.0', active: true },
+    ACCEPT: { name: 'Accept', value: 'application/json', active: true },
+};
+export const getHeadersSelector = (state) => {
+    const selectedEndpointId = state.selectedEndpointId;
+    if (selectedEndpointId) {
+        return state.headers[selectedEndpointId] || defaultHeaders;
+    }
+    return defaultHeaders;
+};
+export const getBodyIsValidSelector = (state) => {
+    const selectedEndpointId = state.selectedEndpointId;
+    if (selectedEndpointId) {
+        return state.bodyIsValid[selectedEndpointId];
+    }
+    return true;
+};
+export const getBodySelector = (state) => {
+    const selectedEndpointId = state.selectedEndpointId;
+    if (selectedEndpointId) {
+        return state.body[selectedEndpointId] || '';
+    }
+    return '';
+};
+export const getResponseSelector = (state) => {
+    const selectedEndpointId = state.selectedEndpointId;
+    if (selectedEndpointId) {
+        return state.response[selectedEndpointId] || undefined;
+    }
+    return undefined;
+};
+export const getQueryParamsSelector = (state) => {
+    const selectedEndpointId = state.selectedEndpointId;
+    if (selectedEndpointId) {
+        return state.queryParams[selectedEndpointId] || {};
+    }
+    return {};
+};
+export const getPathParamsSelector = (state) => {
+    const selectedEndpointId = state.selectedEndpointId;
+    if (selectedEndpointId) {
+        return state.pathParams[selectedEndpointId] || {};
+    }
+    return {};
+};
+export const useEndpointConfiguration = create()(persist(devtools((set) => ({
+    selectedEndpointId: '',
+    headers: {},
+    body: {},
+    bodyIsValid: {},
+    response: {},
+    queryParams: {},
+    pathParams: {},
+    flowGroupStatus: {},
+    toggleFlowGroupStatus: (flow) => set((state) => ({ flowGroupStatus: { ...state.flowGroupStatus, [flow]: !state.flowGroupStatus[flow] } })),
+    setSelectedEndpointId: (selectedEndpointId) => set({ selectedEndpointId }),
+    setQueryParams: (queryParams) => set((state) => ({ queryParams: { ...state.queryParams, [state.selectedEndpointId]: queryParams } })),
+    removeQueryParams: (key) => set((state) => {
+        const newQueryParams = { ...state.queryParams[state.selectedEndpointId] };
+        delete newQueryParams[key];
+        return {
+            queryParams: {
+                ...state.queryParams,
+                [state.selectedEndpointId]: newQueryParams,
+            },
+        };
+    }),
+    setPathParams: (pathParams) => set((state) => ({ pathParams: { ...state.pathParams, [state.selectedEndpointId]: pathParams } })),
+    removePathParams: (key) => set((state) => {
+        const newPathParams = { ...state.pathParams[state.selectedEndpointId] };
+        delete newPathParams[key];
+        return {
+            pathParams: {
+                ...state.pathParams,
+                [state.selectedEndpointId]: newPathParams,
+            },
+        };
+    }),
+    setHeaders: (headers) => set((state) => ({ headers: { ...state.headers, [state.selectedEndpointId]: headers } })),
+    setResponse: async (response, startTime) => {
+        if (!response) {
+            set((state) => ({
+                response: {
+                    ...state.response,
+                    [state.selectedEndpointId]: undefined,
+                },
+            }));
+            return;
+        }
+        let body = undefined;
+        try {
+            body = response ? await response.json() : undefined;
+        }
+        catch (error) {
+            console.error('Error setting response:', error);
+        }
+        set((state) => ({
+            response: {
+                ...state.response,
+                [state.selectedEndpointId]: {
+                    executionTime: Date.now() - startTime,
+                    statusCode: response?.status,
+                    headers: response?.headers ? Object.fromEntries(response.headers.entries()) : {},
+                    body: body,
+                },
+            },
+        }));
+    },
+    setBody: (body) => set((state) => ({ body: { ...state.body, [state.selectedEndpointId]: body } })),
+    removeHeaders: (key) => set((state) => {
+        const currentHeaders = state.headers[state.selectedEndpointId] || defaultHeaders;
+        const newHeaders = { ...currentHeaders };
+        delete newHeaders[key];
+        return {
+            headers: {
+                ...state.headers,
+                [state.selectedEndpointId]: newHeaders,
+            },
+        };
+    }),
+    setBodyIsValid: (bodyIsValid) => set((state) => ({ bodyIsValid: { ...state.bodyIsValid, [state.selectedEndpointId]: bodyIsValid } })),
+})), {
+    name: 'motia-endpoint-configuration',
+    storage: createJSONStorage(() => localStorage),
+}));
+//# sourceMappingURL=use-endpoint-configuration.js.map

package/dist/hooks/use-endpoint-configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-endpoint-configuration.js","sourceRoot":"","sources":["../../src/hooks/use-endpoint-configuration.ts"],"names":[],"mappings":"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"}

package/dist/hooks/use-get-endpoints.d.ts

@@ -1,3 +1,6 @@
 import { ApiEndpoint } from '../types/endpoint';
-export declare const useGetEndpoints: () => ApiEndpoint[];
+export declare const useGetEndpoints: () => {
+    endpoints: ApiEndpoint[];
+    groupedEndpoints: Record<string, ApiEndpoint[]>;
+};
 //# sourceMappingURL=use-get-endpoints.d.ts.map

package/dist/hooks/use-get-endpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-get-endpoints.d.ts","sourceRoot":"","sources":["../../src/hooks/use-get-endpoints.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,eAAO,MAAM,eAAe,qBAO3B,CAAA"}
+{"version":3,"file":"use-get-endpoints.d.ts","sourceRoot":"","sources":["../../src/hooks/use-get-endpoints.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAG/C,eAAO,MAAM,eAAe;;;CAyB3B,CAAA"}

package/dist/hooks/use-get-endpoints.js

@@ -1,9 +1,23 @@
 import { useStreamGroup } from '@motiadev/stream-client-react';
+import { useMemo } from 'react';
 export const useGetEndpoints = () => {
     const { data: endpoints } = useStreamGroup({
         streamName: '__motia.api-endpoints',
         groupId: 'default',
     });
-    return endpoints;
+    const groupedEndpoints = useMemo(() => {
+        return endpoints.reduce((acc, endpoint) => {
+            endpoint.flows?.forEach((flow) => {
+                acc[flow] = acc[flow] || [];
+                acc[flow].push(endpoint);
+            });
+            if (endpoint.flows?.length == 0) {
+                acc['no-flow'] = acc['no-flow'] || [];
+                acc['no-flow'].push(endpoint);
+            }
+            return acc;
+        }, {});
+    }, [endpoints]);
+    return { endpoints, groupedEndpoints };
 };
 //# sourceMappingURL=use-get-endpoints.js.map

package/dist/hooks/use-get-endpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-get-endpoints.js","sourceRoot":"","sources":["../../src/hooks/use-get-endpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAG9D,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,cAAc,CAAc;QACtD,UAAU,EAAE,uBAAuB;QACnC,OAAO,EAAE,SAAS;KACnB,CAAC,CAAA;IAEF,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}
+{"version":3,"file":"use-get-endpoints.js","sourceRoot":"","sources":["../../src/hooks/use-get-endpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAE9D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,cAAc,CAAc;QACtD,UAAU,EAAE,uBAAuB;QACnC,OAAO,EAAE,SAAS;KACnB,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,SAAS,CAAC,MAAM,CACrB,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;YAChB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC/B,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;gBAC3B,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YAC1B,CAAC,CAAC,CAAA;YAEF,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,EAAE,CAAC;gBAChC,GAAG,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,CAAA;gBACrC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YAC/B,CAAC;YACD,OAAO,GAAG,CAAA;QACZ,CAAC,EACD,EAAmC,CACpC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;AACxC,CAAC,CAAA"}

package/dist/hooks/use-json-schema-to-json.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-json-schema-to-json.d.ts","sourceRoot":"","sources":["../../src/hooks/use-json-schema-to-json.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS;;;CAU1E,CAAA"}
+{"version":3,"file":"use-json-schema-to-json.d.ts","sourceRoot":"","sources":["../../src/hooks/use-json-schema-to-json.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS;;;CAU1E,CAAA"}

package/dist/hooks/use-json-schema-to-json.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-json-schema-to-json.js","sourceRoot":"","sources":["../../src/hooks/use-json-schema-to-json.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEjD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAAuC,EAAE,EAAE;IAC7E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;QACnE,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA"}
+{"version":3,"file":"use-json-schema-to-json.js","sourceRoot":"","sources":["../../src/hooks/use-json-schema-to-json.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEjD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAAuC,EAAE,EAAE;IAC7E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;QACnE,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA"}

package/dist/hooks/use-path-url.d.ts

@@ -0,0 +1,2 @@
+export declare const usePathUrl: (path: string) => string;
+//# sourceMappingURL=use-path-url.d.ts.map

package/dist/hooks/use-path-url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-path-url.d.ts","sourceRoot":"","sources":["../../src/hooks/use-path-url.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,WAYtC,CAAA"}

package/dist/hooks/use-path-url.js

@@ -0,0 +1,15 @@
+import { useMemo } from 'react';
+import { getPathParamsSelector, getQueryParamsSelector, useEndpointConfiguration, } from './use-endpoint-configuration';
+import { useShallow } from 'zustand/react/shallow';
+const queryParamsSelector = (state) => Object.values(getQueryParamsSelector(state)).filter((param) => param.active && param.value !== '' && param.name !== '');
+export const usePathUrl = (path) => {
+    const pathParams = useEndpointConfiguration(useShallow(getPathParamsSelector));
+    const queryParams = useEndpointConfiguration(useShallow(queryParamsSelector));
+    return useMemo(() => {
+        const url = path.replace(/:(\w+)/g, (match, p1) => {
+            return pathParams[p1]?.value || match;
+        });
+        return (url + (queryParams.length > 0 ? `?${queryParams.map((param) => `${param.name}=${param.value}`).join('&')}` : ''));
+    }, [path, pathParams, queryParams]);
+};
+//# sourceMappingURL=use-path-url.js.map

package/dist/hooks/use-path-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-path-url.js","sourceRoot":"","sources":["../../src/hooks/use-path-url.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EAEtB,wBAAwB,GACzB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE,CAC9D,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CACjD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE,IAAI,KAAK,CAAC,IAAI,KAAK,EAAE,CACnE,CAAA;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;IACzC,MAAM,UAAU,GAAG,wBAAwB,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC,CAAA;IAC9E,MAAM,WAAW,GAAG,wBAAwB,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAE7E,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE;YAChD,OAAO,UAAU,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,KAAK,CAAA;QACvC,CAAC,CAAC,CAAA;QACF,OAAO,CACL,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CACjH,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,CAAA;AACrC,CAAC,CAAA"}

package/dist/play/reponse-code/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getStatusMessage: (statusCode: number) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/play/reponse-code/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/play/reponse-code/utils.ts"],"names":[],"mappings":"AA0EA,eAAO,MAAM,gBAAgB,GAAI,YAAY,MAAM,WAElD,CAAA"}

package/dist/play/reponse-code/utils.js

@@ -0,0 +1,73 @@
+const statusMessages = {
+    // 1xx Informational
+    100: 'Continue',
+    101: 'Switching Protocols',
+    102: 'Processing',
+    103: 'Early Hints',
+    // 2xx Success
+    200: 'OK',
+    201: 'Created',
+    202: 'Accepted',
+    203: 'Non-Authoritative Information',
+    204: 'No Content',
+    205: 'Reset Content',
+    206: 'Partial Content',
+    207: 'Multi-Status',
+    208: 'Already Reported',
+    226: 'IM Used',
+    // 3xx Redirection
+    300: 'Multiple Choices',
+    301: 'Moved Permanently',
+    302: 'Found',
+    303: 'See Other',
+    304: 'Not Modified',
+    305: 'Use Proxy',
+    307: 'Temporary Redirect',
+    308: 'Permanent Redirect',
+    // 4xx Client Error
+    400: 'Bad Request',
+    401: 'Unauthorized',
+    402: 'Payment Required',
+    403: 'Forbidden',
+    404: 'Not Found',
+    405: 'Method Not Allowed',
+    406: 'Not Acceptable',
+    407: 'Proxy Authentication Required',
+    408: 'Request Timeout',
+    409: 'Conflict',
+    410: 'Gone',
+    411: 'Length Required',
+    412: 'Precondition Failed',
+    413: 'Payload Too Large',
+    414: 'URI Too Long',
+    415: 'Unsupported Media Type',
+    416: 'Range Not Satisfiable',
+    417: 'Expectation Failed',
+    418: "I'm a teapot",
+    421: 'Misdirected Request',
+    422: 'Unprocessable Entity',
+    423: 'Locked',
+    424: 'Failed Dependency',
+    425: 'Too Early',
+    426: 'Upgrade Required',
+    428: 'Precondition Required',
+    429: 'Too Many Requests',
+    431: 'Request Header Fields Too Large',
+    451: 'Unavailable For Legal Reasons',
+    // 5xx Server Error
+    500: 'Internal Server Error',
+    501: 'Not Implemented',
+    502: 'Bad Gateway',
+    503: 'Service Unavailable',
+    504: 'Gateway Timeout',
+    505: 'HTTP Version Not Supported',
+    506: 'Variant Also Negotiates',
+    507: 'Insufficient Storage',
+    508: 'Loop Detected',
+    510: 'Not Extended',
+    511: 'Network Authentication Required',
+};
+export const getStatusMessage = (statusCode) => {
+    return statusMessages[statusCode] || 'Unknown';
+};
+//# sourceMappingURL=utils.js.map

package/dist/play/reponse-code/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/play/reponse-code/utils.ts"],"names":[],"mappings":"AAAA,MAAM,cAAc,GAA2B;IAC7C,oBAAoB;IACpB,GAAG,EAAE,UAAU;IACf,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,aAAa;IAElB,cAAc;IACd,GAAG,EAAE,IAAI;IACT,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,UAAU;IACf,GAAG,EAAE,+BAA+B;IACpC,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,eAAe;IACpB,GAAG,EAAE,iBAAiB;IACtB,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,kBAAkB;IACvB,GAAG,EAAE,SAAS;IAEd,kBAAkB;IAClB,GAAG,EAAE,kBAAkB;IACvB,GAAG,EAAE,mBAAmB;IACxB,GAAG,EAAE,OAAO;IACZ,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,oBAAoB;IACzB,GAAG,EAAE,oBAAoB;IAEzB,mBAAmB;IACnB,GAAG,EAAE,aAAa;IAClB,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,kBAAkB;IACvB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,oBAAoB;IACzB,GAAG,EAAE,gBAAgB;IACrB,GAAG,EAAE,+BAA+B;IACpC,GAAG,EAAE,iBAAiB;IACtB,GAAG,EAAE,UAAU;IACf,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,iBAAiB;IACtB,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,mBAAmB;IACxB,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,wBAAwB;IAC7B,GAAG,EAAE,uBAAuB;IAC5B,GAAG,EAAE,oBAAoB;IACzB,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,sBAAsB;IAC3B,GAAG,EAAE,QAAQ;IACb,GAAG,EAAE,mBAAmB;IACxB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,kBAAkB;IACvB,GAAG,EAAE,uBAAuB;IAC5B,GAAG,EAAE,mBAAmB;IACxB,GAAG,EAAE,iCAAiC;IACtC,GAAG,EAAE,+BAA+B;IAEpC,mBAAmB;IACnB,GAAG,EAAE,uBAAuB;IAC5B,GAAG,EAAE,iBAAiB;IACtB,GAAG,EAAE,aAAa;IAClB,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,iBAAiB;IACtB,GAAG,EAAE,4BAA4B;IACjC,GAAG,EAAE,yBAAyB;IAC9B,GAAG,EAAE,sBAAsB;IAC3B,GAAG,EAAE,eAAe;IACpB,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,iCAAiC;CACvC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,UAAkB,EAAE,EAAE;IACrD,OAAO,cAAc,CAAC,UAAU,CAAC,IAAI,SAAS,CAAA;AAChD,CAAC,CAAA"}

package/dist/play/response-code.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type ResponseCodeProps = {
+    statusCode: number;
+};
+export declare const ResponseCode: FC<ResponseCodeProps>;
+export {};
+//# sourceMappingURL=response-code.d.ts.map

package/dist/play/response-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-code.d.ts","sourceRoot":"","sources":["../../src/play/response-code.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG1B,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAkB9C,CAAA"}

package/dist/play/response-code.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@motiadev/ui';
+import { getStatusMessage } from './reponse-code/utils';
+export const ResponseCode = ({ statusCode }) => {
+    const statusMessage = getStatusMessage(statusCode);
+    const isSuccess = statusCode > 0 && statusCode < 400;
+    const isWarning = statusCode >= 400 && statusCode < 500;
+    const isError = statusCode >= 500;
+    return (_jsxs("div", { className: cn('px-2 py-1 rounded-sm flex items-center gap-1', isWarning && 'dark:bg-[#EAB71F]/20 dark:text-[#EAB71F] bg-[#EAB71F] text-white', isError && 'dark:bg-[#F8367D]/20 dark:text-[#F8367D] bg-[#F8367D] text-white', isSuccess && 'dark:bg-accent-200 dark:text-primary bg-accent text-white'), children: [_jsx("span", { className: "font-bold font-mono", children: statusCode }), " ", statusMessage] }));
+};
+//# sourceMappingURL=response-code.js.map

package/dist/play/response-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-code.js","sourceRoot":"","sources":["../../src/play/response-code.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAMvD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACpE,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAA;IAClD,MAAM,SAAS,GAAG,UAAU,GAAG,CAAC,IAAI,UAAU,GAAG,GAAG,CAAA;IACpD,MAAM,SAAS,GAAG,UAAU,IAAI,GAAG,IAAI,UAAU,GAAG,GAAG,CAAA;IACvD,MAAM,OAAO,GAAG,UAAU,IAAI,GAAG,CAAA;IAEjC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,SAAS,IAAI,kEAAkE,EAC/E,OAAO,IAAI,kEAAkE,EAC7E,SAAS,IAAI,2DAA2D,CACzE,aAED,eAAM,SAAS,EAAC,qBAAqB,YAAE,UAAU,GAAQ,OAAE,aAAa,IACpE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/play/side-panel-body-tab.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type SidePanelBodyTabProps = {
+    schema: Record<string, any> | undefined;
+};
+export declare const SidePanelBodyTab: FC<SidePanelBodyTabProps>;
+export {};
+//# sourceMappingURL=side-panel-body-tab.d.ts.map

package/dist/play/side-panel-body-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel-body-tab.d.ts","sourceRoot":"","sources":["../../src/play/side-panel-body-tab.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAA;AAMxD,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAA;CACxC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiCrD,CAAA"}

package/dist/play/side-panel-body-tab.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@motiadev/ui';
+import { CircleX } from 'lucide-react';
+import { memo, useCallback, useEffect } from 'react';
+import { useShallow } from 'zustand/react/shallow';
+import { JsonEditor } from '../components/json-editor';
+import { getBodyIsValidSelector, getBodySelector, useEndpointConfiguration } from '../hooks/use-endpoint-configuration';
+import { convertJsonSchemaToJson } from '../hooks/utils';
+export const SidePanelBodyTab = memo(({ schema }) => {
+    const { setBody, setBodyIsValid } = useEndpointConfiguration();
+    const bodyIsValid = useEndpointConfiguration(useShallow(getBodyIsValidSelector));
+    const body = useEndpointConfiguration(getBodySelector);
+    useEffect(() => {
+        if (schema) {
+            setBody(body || JSON.stringify(convertJsonSchemaToJson(schema), null, 2));
+            setBodyIsValid(true);
+        }
+    }, [schema]);
+    const handleBodyChange = useCallback((value) => {
+        setBody(value);
+    }, [setBody, setBodyIsValid]);
+    return (_jsxs("div", { className: cn('grid grid-rows-[1fr_auto] h-full', bodyIsValid && 'grid-rows-[1fr]'), children: [_jsx(JsonEditor, { value: body, schema: schema, onChange: handleBodyChange, onValidate: setBodyIsValid }), !bodyIsValid && (_jsxs("div", { className: "border-t border-border p-3 text-sm dark:text-yellow-500 text-yellow-700 flex items-center gap-1 font-medium", "data-testid": "endpoint-body-tab-invalid", children: [_jsx(CircleX, { className: "w-4 h-4" }), "The body payload is invalid"] }))] }));
+});
+//# sourceMappingURL=side-panel-body-tab.js.map

package/dist/play/side-panel-body-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel-body-tab.js","sourceRoot":"","sources":["../../src/play/side-panel-body-tab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAM,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACvH,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAMxD,MAAM,CAAC,MAAM,gBAAgB,GAA8B,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC7E,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,wBAAwB,EAAE,CAAA;IAC9D,MAAM,WAAW,GAAG,wBAAwB,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAChF,MAAM,IAAI,GAAG,wBAAwB,CAAC,eAAe,CAAC,CAAA;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;YACzE,cAAc,CAAC,IAAI,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,KAAa,EAAE,EAAE;QAChB,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,EACD,CAAC,OAAO,EAAE,cAAc,CAAC,CAC1B,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,WAAW,IAAI,iBAAiB,CAAC,aACtF,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,cAAc,GAAI,EAClG,CAAC,WAAW,IAAI,CACf,eACE,SAAS,EAAC,6GAA6G,iBAC3G,2BAA2B,aAEvC,KAAC,OAAO,IAAC,SAAS,EAAC,SAAS,GAAG,mCAE3B,CACP,IACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/play/side-panel-headers-tab.d.ts

@@ -0,0 +1,2 @@
+export declare const SidePanelHeadersTab: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=side-panel-headers-tab.d.ts.map

package/dist/play/side-panel-headers-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel-headers-tab.d.ts","sourceRoot":"","sources":["../../src/play/side-panel-headers-tab.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB,+CA2C/B,CAAA"}

package/dist/play/side-panel-headers-tab.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@motiadev/ui';
+import { Plus } from 'lucide-react';
+import { useCallback } from 'react';
+import { useShallow } from 'zustand/react/shallow';
+import { ConfigurationListItem } from '../components/configuration-list-item';
+import { getHeadersSelector, useEndpointConfiguration } from '../hooks/use-endpoint-configuration';
+export const SidePanelHeadersTab = () => {
+    const { setHeaders, removeHeaders } = useEndpointConfiguration();
+    const headers = useEndpointConfiguration(useShallow(getHeadersSelector));
+    const addHeader = useCallback(() => {
+        const newHeader = {
+            name: '',
+            value: '',
+            active: true,
+        };
+        setHeaders({ ...headers, [new Date().getTime().toString()]: newHeader });
+    }, [headers, setHeaders]);
+    const updateHeader = useCallback((key, field, value) => {
+        if (!key)
+            return;
+        setHeaders({ ...headers, [key]: { ...headers[key], [field]: value } });
+    }, [headers, setHeaders]);
+    return (_jsxs("div", { className: "h-full max-h-full grid grid-rows-[auto_1fr]", children: [_jsx("div", { className: "grid px-4 border-b h-10 items-center grid-cols-[auto_1fr]", children: _jsxs(Button, { size: "sm", onClick: addHeader, children: [_jsx(Plus, { className: "h-3 w-3" }), "Add"] }) }), _jsxs("div", { className: "p-2", children: [Object.entries(headers).map(([key, header]) => (_jsx(ConfigurationListItem, { value: header, id: key, onUpdate: updateHeader, onRemove: removeHeaders }, key))), Object.entries(headers).length === 0 && (_jsx("div", { className: "grid grid-cols-1 items-center h-full", children: _jsx("div", { className: "text-sm text-muted-foreground text-center", children: "There are no headers in this endpoint" }) }))] })] }));
+};
+//# sourceMappingURL=side-panel-headers-tab.js.map

package/dist/play/side-panel-headers-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel-headers-tab.js","sourceRoot":"","sources":["../../src/play/side-panel-headers-tab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA;AAC7E,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AAElG,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,wBAAwB,EAAE,CAAA;IAChE,MAAM,OAAO,GAAG,wBAAwB,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAExE,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,MAAM,SAAS,GAAG;YAChB,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,IAAI;SACb,CAAA;QACD,UAAU,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAA;IAC1E,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAA;IAEzB,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,GAAW,EAAE,KAAkC,EAAE,KAAuB,EAAE,EAAE;QAC3E,IAAI,CAAC,GAAG;YAAE,OAAM;QAChB,UAAU,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;IACxE,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACtB,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,6CAA6C,aAC1D,cAAK,SAAS,EAAC,2DAA2D,YACxE,MAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,SAAS,aAClC,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,WAErB,GACL,EAEN,eAAK,SAAS,EAAC,KAAK,aACjB,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAC9C,KAAC,qBAAqB,IAAW,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,IAA5E,GAAG,CAA6E,CAC7G,CAAC,EAED,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,CACvC,cAAK,SAAS,EAAC,sCAAsC,YACnD,cAAK,SAAS,EAAC,2CAA2C,sDAA4C,GAClG,CACP,IACG,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/play/side-panel-params-tab.d.ts

@@ -0,0 +1,6 @@
+type SidePanelParamsTabProps = {
+    path: string;
+};
+export declare const SidePanelParamsTab: ({ path }: SidePanelParamsTabProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=side-panel-params-tab.d.ts.map

package/dist/play/side-panel-params-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel-params-tab.d.ts","sourceRoot":"","sources":["../../src/play/side-panel-params-tab.tsx"],"names":[],"mappings":"AAYA,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,UAAU,uBAAuB,4CAuFnE,CAAA"}

package/dist/play/side-panel-params-tab.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@motiadev/ui';
+import { Plus } from 'lucide-react';
+import { useCallback, useMemo } from 'react';
+import { useShallow } from 'zustand/react/shallow';
+import { ConfigurationListItem } from '../components/configuration-list-item';
+import { EndpointPathPreview } from '../components/endpoint-path-preview';
+import { getPathParamsSelector, getQueryParamsSelector, useEndpointConfiguration, } from '../hooks/use-endpoint-configuration';
+export const SidePanelParamsTab = ({ path }) => {
+    const { setQueryParams, removeQueryParams, setPathParams } = useEndpointConfiguration();
+    const queryParams = useEndpointConfiguration(useShallow(getQueryParamsSelector));
+    const pathParams = useEndpointConfiguration(useShallow(getPathParamsSelector));
+    const pathParamsConfig = useMemo(() => {
+        const params = path.match(/:(\w+)/g);
+        return (params?.map((param) => {
+            return { name: param.slice(1), value: pathParams[param.slice(1)]?.value ?? '', active: true };
+        }) ?? []);
+    }, [path]);
+    const addParam = useCallback(() => {
+        const newParam = {
+            name: '',
+            value: '',
+            active: true,
+        };
+        setQueryParams({ ...queryParams, [new Date().getTime().toString()]: newParam });
+    }, [queryParams, setQueryParams]);
+    const updateParam = useCallback((key, field, value) => {
+        if (!key)
+            return;
+        setQueryParams({ ...queryParams, [key]: { ...queryParams[key], [field]: value } });
+    }, [queryParams, setQueryParams]);
+    const updatePathParam = useCallback((key, field, value) => {
+        if (!key)
+            return;
+        setPathParams({ ...pathParams, [key]: { ...pathParams[key], [field]: value } });
+    }, [pathParams, setPathParams]);
+    return (_jsxs("div", { className: "h-full grid grid-rows-[auto_auto_1fr]", children: [_jsx("div", { className: "grid px-4 border-b h-10 items-center grid-cols-[auto_1fr]", children: _jsxs(Button, { size: "sm", onClick: addParam, children: [_jsx(Plus, { className: "h-3 w-3" }), "Add"] }) }), _jsx(EndpointPathPreview, { path: path }), _jsxs("div", { className: "grid grid-rows-[1fr_1fr]", children: [_jsxs("div", { className: "p-2 border-b border-border", children: [_jsx("div", { className: "text-sm font-medium pl-3", children: "Query" }), Object.entries(queryParams).map(([key, param]) => (_jsx(ConfigurationListItem, { value: param, id: key, onUpdate: updateParam, onRemove: removeQueryParams }, key))), Object.entries(queryParams).length === 0 && (_jsx("div", { className: "grid grid-cols-1 items-center h-full", children: _jsx("div", { className: "text-sm text-muted-foreground text-center", children: "There are no query params in this endpoint" }) }))] }), pathParamsConfig.length > 0 && (_jsxs("div", { className: "p-2", children: [_jsx("div", { className: "text-sm font-medium pl-3", children: "Path" }), pathParamsConfig.map((pathName) => (_jsx(ConfigurationListItem, { value: { name: pathName.name, value: pathName.value, active: pathName.active }, id: pathName.name, required: true, onUpdate: updatePathParam }, pathName.name)))] }))] })] }));
+};
+//# sourceMappingURL=side-panel-params-tab.js.map

package/dist/play/side-panel-params-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel-params-tab.js","sourceRoot":"","sources":["../../src/play/side-panel-params-tab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,qCAAqC,CAAA;AAM5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAA2B,EAAE,EAAE;IACtE,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,aAAa,EAAE,GAAG,wBAAwB,EAAE,CAAA;IACvF,MAAM,WAAW,GAAG,wBAAwB,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAChF,MAAM,UAAU,GAAG,wBAAwB,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC,CAAA;IAC9E,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;QACpC,OAAO,CACL,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACpB,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;QAC/F,CAAC,CAAC,IAAI,EAAE,CACT,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,MAAM,QAAQ,GAAG;YACf,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,IAAI;SACb,CAAA;QACD,cAAc,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAA;IACjF,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAA;IAEjC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,GAAW,EAAE,KAAkC,EAAE,KAAuB,EAAE,EAAE;QAC3E,IAAI,CAAC,GAAG;YAAE,OAAM;QAChB,cAAc,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;IACpF,CAAC,EACD,CAAC,WAAW,EAAE,cAAc,CAAC,CAC9B,CAAA;IAED,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,GAAW,EAAE,KAAkC,EAAE,KAAuB,EAAE,EAAE;QAC3E,IAAI,CAAC,GAAG;YAAE,OAAM;QAChB,aAAa,CAAC,EAAE,GAAG,UAAU,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;IACjF,CAAC,EACD,CAAC,UAAU,EAAE,aAAa,CAAC,CAC5B,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,uCAAuC,aACpD,cAAK,SAAS,EAAC,2DAA2D,YACxE,MAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,QAAQ,aACjC,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,WAErB,GACL,EACN,KAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,GAAI,EAEnC,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAK,SAAS,EAAC,4BAA4B,aACzC,cAAK,SAAS,EAAC,0BAA0B,sBAAY,EACpD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CACjD,KAAC,qBAAqB,IAEpB,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,GAAG,EACP,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,iBAAiB,IAJtB,GAAG,CAKR,CACH,CAAC,EAED,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,CAC3C,cAAK,SAAS,EAAC,sCAAsC,YACnD,cAAK,SAAS,EAAC,2CAA2C,2DAEpD,GACF,CACP,IACG,EAEL,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,eAAK,SAAS,EAAC,KAAK,aAClB,cAAK,SAAS,EAAC,0BAA0B,qBAAW,EACnD,gBAAgB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAClC,KAAC,qBAAqB,IAEpB,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,EAC9E,EAAE,EAAE,QAAQ,CAAC,IAAI,EACjB,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,eAAe,IAJpB,QAAQ,CAAC,IAAI,CAKlB,CACH,CAAC,IACE,CACP,IACG,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/play/side-panel-response.d.ts

@@ -0,0 +1,2 @@
+export declare const SidePanelResponse: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;
+//# sourceMappingURL=side-panel-response.d.ts.map

package/dist/play/side-panel-response.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel-response.d.ts","sourceRoot":"","sources":["../../src/play/side-panel-response.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,iBAAiB,2FA6D5B,CAAA"}

package/dist/play/side-panel-response.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Tabs, TabsContent, TabsList, TabsTrigger } from '@motiadev/ui';
+import { X } from 'lucide-react';
+import { memo, useState } from 'react';
+import ReactJson from 'react18-json-view';
+import { getResponseSelector, useEndpointConfiguration } from '../hooks/use-endpoint-configuration';
+import { useStateStream } from '../hooks/use-state-stream';
+import { ResponseCode } from './response-code';
+export const SidePanelResponse = memo(() => {
+    const { setResponse } = useEndpointConfiguration();
+    const response = useEndpointConfiguration(getResponseSelector);
+    const { data } = useStateStream(response?.body);
+    const [activeTab, setActiveTab] = useState('preview');
+    const onClose = () => setResponse(undefined);
+    if (!response) {
+        return null;
+    }
+    return (_jsxs(Tabs, { value: activeTab, onValueChange: (value) => setActiveTab(value), className: "border-l border-border", "data-testid": "endpoint-response-container", children: [_jsxs("div", { className: "grid grid-cols-[1fr_auto] items-center h-10 border-b px-5 bg-card", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "preview", className: "cursor-pointer", children: "Preview" }), _jsx(TabsTrigger, { value: "headers", className: "grid grid-cols-[auto_auto] gap-2 items-center cursor-pointer", children: "Headers" })] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, children: _jsx(X, { className: "h-4 w-4" }) })] }), _jsx("div", { className: "sticky bottom-0 border-b border-border p-3 text-sm flex items-center gap-1 font-medium", children: _jsxs("div", { className: "flex flex-row items-center flex-1 gap-3", children: [_jsx(ResponseCode, { statusCode: response.statusCode }), !!response.executionTime && (_jsxs("div", { className: "text-muted-foreground bg-muted-foreground/10 px-2 py-1 rounded-sm", children: [response.executionTime, "ms"] }))] }) }), _jsx(TabsContent, { value: "preview", children: _jsx(ReactJson, { src: data }) }), _jsx(TabsContent, { value: "headers", children: _jsx("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] gap-4 p-4 overflow-auto auto-rows-max h-full", children: response.headers &&
+                        Object.entries(response.headers).map(([key, value]) => (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-bold text-sm h-8 items-center grid whitespace-nowrap", children: key }), _jsx("span", { className: "text-sm text-muted-foreground h-8 items-center grid whitespace-nowrap", children: value })] }))) }) })] }));
+});
+//# sourceMappingURL=side-panel-response.js.map

package/dist/play/side-panel-response.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel-response.js","sourceRoot":"","sources":["../../src/play/side-panel-response.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/E,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,SAAS,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAI9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,EAAE;IACzC,MAAM,EAAE,WAAW,EAAE,GAAG,wBAAwB,EAAE,CAAA;IAClD,MAAM,QAAQ,GAAG,wBAAwB,CAAC,mBAAmB,CAAC,CAAA;IAE9D,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAY,SAAS,CAAC,CAAA;IAChE,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;IAE5C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,YAAY,CAAC,KAAkB,CAAC,EAClE,SAAS,EAAC,wBAAwB,iBACtB,6BAA6B,aAEzC,eAAK,SAAS,EAAC,mEAAmE,aAChF,MAAC,QAAQ,eACP,KAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,gBAAgB,wBAEzC,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,8DAA8D,wBAEvF,IACL,EACX,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,YAClD,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,GAClB,IACL,EAEN,cAAK,SAAS,EAAC,wFAAwF,YACrG,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,YAAY,IAAC,UAAU,EAAE,QAAQ,CAAC,UAAU,GAAI,EAChD,CAAC,CAAC,QAAQ,CAAC,aAAa,IAAI,CAC3B,eAAK,SAAS,EAAC,mEAAmE,aAC/E,QAAQ,CAAC,aAAa,UACnB,CACP,IACG,GACF,EAEN,KAAC,WAAW,IAAC,KAAK,EAAC,SAAS,YAC1B,KAAC,SAAS,IAAC,GAAG,EAAE,IAAc,GAAI,GACtB,EAEd,KAAC,WAAW,IAAC,KAAK,EAAC,SAAS,YAC1B,cAAK,SAAS,EAAC,kFAAkF,YAC9F,QAAQ,CAAC,OAAO;wBACf,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CACrD,8BACE,eAAM,SAAS,EAAC,2DAA2D,YAAE,GAAG,GAAQ,EACxF,eAAM,SAAS,EAAC,uEAAuE,YAAE,KAAK,GAAQ,IACrG,CACJ,CAAC,GACA,GACM,IACT,CACR,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/play/side-panel.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ApiEndpoint } from '../types/endpoint';
+type EndpointSidePanelProps = {
+    endpoint: ApiEndpoint;
+    onClose: () => void;
+};
+export declare const SidePanel: FC<EndpointSidePanelProps>;
+export {};
+//# sourceMappingURL=side-panel.d.ts.map

package/dist/play/side-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.d.ts","sourceRoot":"","sources":["../../src/play/side-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAA;AAW1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAO/C,KAAK,sBAAsB,GAAG;IAAE,QAAQ,EAAE,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAA;AAQ5E,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAgF/C,CAAA"}

package/dist/play/side-panel.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BackgroundEffect, Badge, Button, cn, Tabs, TabsContent, TabsList, TabsTrigger } from '@motiadev/ui';
+import { Book, X } from 'lucide-react';
+import { memo, useState } from 'react';
+import { useShallow } from 'zustand/react/shallow';
+import { EndpointPath } from '../components/endpoint-path';
+import { getHeadersSelector, getQueryParamsSelector, getResponseSelector, useEndpointConfiguration, } from '../hooks/use-endpoint-configuration';
+import { SpecSidePanel } from '../spec/spec-side-panel';
+import { SidePanelBodyTab } from './side-panel-body-tab';
+import { SidePanelHeadersTab } from './side-panel-headers-tab';
+import { SidePanelParamsTab } from './side-panel-params-tab';
+import { SidePanelResponse } from './side-panel-response';
+import { TriggerButton } from './trigger-button';
+const headersCountSelector = (state) => Object.keys(getHeadersSelector(state)).length;
+const hasResponseSelector = (state) => getResponseSelector(state) !== undefined;
+const paramsCountSelector = (state) => Object.keys(getQueryParamsSelector(state)).length;
+export const SidePanel = memo(({ endpoint, onClose }) => {
+    const [activeTab, setActiveTab] = useState('body');
+    const [isSpecOpen, setIsSpecOpen] = useState(false);
+    const headersCount = useEndpointConfiguration(useShallow(headersCountSelector));
+    const hasResponse = useEndpointConfiguration(useShallow(hasResponseSelector));
+    const paramsCount = useEndpointConfiguration(useShallow(paramsCountSelector));
+    return (_jsxs("div", { className: "isolate grid grid-cols-1 overflow-y-auto min-w-0 grid-rows-[auto_1fr] border-l border-border", "data-testid": "endpoint-details-panel", children: [_jsx(BackgroundEffect, {}), _jsxs("div", { className: "grid grid-cols-[1fr_1fr_auto] items-start gap-4 px-5 py-4 border-b bg-card w-full", children: [_jsxs("div", { className: "grid grid-rows-2 gap-2", children: [_jsx(EndpointPath, { method: endpoint.method, path: endpoint.path }), endpoint.description && _jsx("p", { className: "text-sm text-muted-foreground", children: endpoint.description })] }), _jsx("div", { className: "flex items-end justify-end", children: _jsx(Button, { variant: "icon", size: "icon", onClick: () => setIsSpecOpen(!isSpecOpen), "data-testid": "endpoint-spec-button", children: _jsx(Book, {}) }) }), _jsx(Button, { variant: "icon", size: "icon", onClick: onClose, children: _jsx(X, {}) })] }), _jsxs("div", { className: cn('grid grid-cols-[minmax(350px,1fr)_minmax(auto,1fr)]', !hasResponse && 'grid-cols-1'), children: [_jsxs(Tabs, { value: activeTab, onValueChange: (value) => setActiveTab(value), children: [_jsxs("div", { className: "grid grid-cols-[1fr_auto] items-center h-10 border-b px-5 bg-card", children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "params", className: "grid grid-cols-[auto_auto] gap-2 items-center cursor-pointer", "data-testid": "endpoint-params-tab", children: ["Params", _jsx(Badge, { variant: "outline", className: "h-4 px-1.5 text-xs", children: paramsCount })] }), _jsx(TabsTrigger, { value: "body", className: "cursor-pointer", "data-testid": "endpoint-body-tab", children: "Body" }), _jsxs(TabsTrigger, { value: "headers", className: "grid grid-cols-[auto_auto] gap-2 items-center cursor-pointer", "data-testid": "endpoint-headers-tab", children: ["Headers", _jsx(Badge, { variant: "outline", className: "h-4 px-1.5 text-xs", children: headersCount })] })] }), _jsx(TriggerButton, { method: endpoint.method, path: endpoint.path.toString() })] }), _jsx(TabsContent, { value: "params", children: _jsx(SidePanelParamsTab, { path: endpoint.path }) }), _jsx(TabsContent, { value: "body", children: _jsx(SidePanelBodyTab, { schema: endpoint.bodySchema }) }), _jsx(TabsContent, { value: "headers", children: _jsx(SidePanelHeadersTab, {}) })] }), _jsx(SidePanelResponse, {})] }), isSpecOpen && _jsx(SpecSidePanel, { endpoint: endpoint, onClose: () => setIsSpecOpen(false) })] }));
+});
+//# sourceMappingURL=side-panel.js.map

package/dist/play/side-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.js","sourceRoot":"","sources":["../../src/play/side-panel.tsx"],"names":[],"mappings":"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"}

package/dist/play/trigger-button.d.ts

@@ -0,0 +1,7 @@
+type TriggerButtonProps = {
+    method: string;
+    path: string;
+};
+export declare const TriggerButton: import("react").MemoExoticComponent<({ method, path }: TriggerButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=trigger-button.d.ts.map

package/dist/play/trigger-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger-button.d.ts","sourceRoot":"","sources":["../../src/play/trigger-button.tsx"],"names":[],"mappings":"AAYA,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,aAAa,yDAA2B,kBAAkB,6CA0CrE,CAAA"}