@o2s/modules.surveyjs 0.1.0

package/dist/frontend/frontend/Survey.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './Elements/CustomSurveyNavigationButton';
+import './Elements/CustomSurveyPanel';
+import './Elements/CustomSurveyQuestion';
+import './Questions/CustomSurveyQuestionBoolean';
+import './Questions/CustomSurveyQuestionCheckbox';
+import './Questions/CustomSurveyQuestionComment';
+import './Questions/CustomSurveyQuestionDropdown';
+import './Questions/CustomSurveyQuestionRadioGroup';
+import './Questions/CustomSurveyQuestionText';
+import { SurveyProps } from './Survey.types';
+export declare const Survey: React.FC<SurveyProps>;
+//# sourceMappingURL=Survey.d.ts.map

package/dist/frontend/frontend/Survey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Survey.d.ts","sourceRoot":"","sources":["../../../src/frontend/Survey.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAe1E,OAAO,yCAAyC,CAAC;AACjD,OAAO,8BAA8B,CAAC;AACtC,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AACjD,OAAO,0CAA0C,CAAC;AAClD,OAAO,yCAAyC,CAAC;AACjD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4CAA4C,CAAC;AACpD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAwB,WAAW,EAAe,MAAM,gBAAgB,CAAC;AA2EhF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkExC,CAAC"}

package/dist/frontend/frontend/Survey.jsx

@@ -0,0 +1,123 @@
+'use client';
+import React, { startTransition, useActionState, useEffect } from 'react';
+import { Model as SurveyJsModel } from 'survey-core';
+import { Survey as SurveySDK } from 'survey-react-ui';
+import { cn } from '@o2s/ui/lib/utils';
+import { toast } from '@o2s/ui/hooks/use-toast';
+import { Loading } from '@o2s/ui/components/Loading';
+import { LoadingOverlay } from '@o2s/ui/elements/loading-overlay';
+import { sdk } from '../sdk';
+import './Elements/CustomSurveyNavigationButton';
+import './Elements/CustomSurveyPanel';
+import './Elements/CustomSurveyQuestion';
+import './Questions/CustomSurveyQuestionBoolean';
+import './Questions/CustomSurveyQuestionCheckbox';
+import './Questions/CustomSurveyQuestionComment';
+import './Questions/CustomSurveyQuestionDropdown';
+import './Questions/CustomSurveyQuestionRadioGroup';
+import './Questions/CustomSurveyQuestionText';
+const initialState = {
+    isLoading: true,
+    error: null,
+    model: null,
+};
+const createSurveyModel = (schema, locale, onComplete) => {
+    const survey = new SurveyJsModel(schema);
+    survey.loadingHtml = '';
+    survey.locale = locale;
+    survey.css = {
+        root: 'bg-transparent text-sm md:text-base [&>*]:[&>*:last-child]:hidden',
+        body: '!m-0 box-border',
+        header: 'pb-8',
+        title: 'scroll-m-20 text-lg md:text-2xl font-semibold tracking-tight first:mt-0',
+        description: 'text-base text-muted-foreground font-inherit',
+        footer: 'flex flex-wrap gap-8 justify-end mt-6 !p-0 [&_.sv-action--hidden]:hidden',
+        page: {
+            root: '',
+            title: 'scroll-m-20 text-base md:text-xl font-semibold tracking-tight',
+            description: 'text-base text-muted-foreground font-inherit',
+        },
+        row: '!w-full mt-4 first:mt-0 flex flex-row flex-wrap md:!flex-nowrap [.sd-row--multiple]:!gap-4 !ml-0 [&>*]:!p-0',
+        pageRow: 'mt-4',
+        dropdown: {
+            root: 'text-sm',
+            control: 'pl-3 pr-12 h-10 m-0 border border-input rounded-md shadow-none flex space-between text-sm bg-background',
+            controlValue: cn(survey.css.dropdown.controlValue, '!text-sm w-full truncate flex items-center !font-[Inter] font-sans font-normal'),
+            filterStringInput: cn(survey.css.dropdown.filterStringInput, '!text-sm !text-foreground !font-[Inter] font-sans font-normal'),
+        },
+        list: {
+            itemBody: 'p-2 hover:bg-accent rounded-md text-base',
+        },
+    };
+    survey.onGetTitleTagName.add((_model, options) => {
+        switch (options.element.getType()) {
+            case 'survey':
+                options.tagName = 'h2';
+                break;
+            case 'page':
+                options.tagName = 'h3';
+                break;
+        }
+    });
+    survey.onComplete.add((model) => onComplete(model.data));
+    return survey;
+};
+const handleError = (error, labels) => {
+    toast({
+        variant: 'destructive',
+        title: labels.errors.requestError.title,
+        description: labels.errors.requestError.content,
+    });
+    return error instanceof Error ? error.message : 'Unknown error';
+};
+export const Survey = ({ code, labels, locale, accessToken }) => {
+    const [state, dispatch] = useActionState((prevState, action) => {
+        switch (action.type) {
+            case 'LOAD':
+                return { ...prevState, isLoading: true, error: null };
+            case 'ERROR':
+                return { ...prevState, isLoading: false, error: action.payload };
+            case 'SET_MODEL':
+                return { ...prevState, isLoading: false, model: action.payload };
+            default:
+                return prevState;
+        }
+    }, initialState);
+    useEffect(() => {
+        const handleSubmit = async (data) => {
+            startTransition(async () => {
+                try {
+                    await sdk.modules.submitSurvey({
+                        code,
+                        surveyPayload: data,
+                    }, { 'x-locale': locale }, accessToken);
+                }
+                catch (error) {
+                    handleError(error, labels);
+                }
+            });
+        };
+        const loadSurvey = async () => {
+            startTransition(async () => {
+                try {
+                    dispatch({ type: 'LOAD' });
+                    const { schema } = await sdk.modules.getSurvey({
+                        code,
+                    }, { 'x-locale': locale }, accessToken);
+                    if (!schema) {
+                        throw new Error(`No survey with code '${code}' found`);
+                    }
+                    const model = createSurveyModel(schema, locale, handleSubmit);
+                    dispatch({ type: 'SET_MODEL', payload: model });
+                }
+                catch (error) {
+                    dispatch({ type: 'ERROR', payload: handleError(error, labels) });
+                }
+            });
+        };
+        loadSurvey();
+    }, [dispatch, code, locale, accessToken, labels]);
+    return (<LoadingOverlay isActive={state.isLoading} fallback={<Loading bars={12}/>}>
+            <div className={'min-h-[400px]'}>{state.model && <SurveySDK model={state.model}/>}</div>
+        </LoadingOverlay>);
+};

package/dist/frontend/frontend/Survey.types.d.ts

@@ -0,0 +1,31 @@
+import { Model } from 'survey-core';
+export interface SurveyProps {
+    code: string;
+    locale: string;
+    accessToken?: string;
+    labels: Labels;
+}
+export type SurveyState = {
+    isLoading: boolean;
+    error: string | null;
+    model: Model | null;
+};
+export type SurveyAction = {
+    type: 'LOAD';
+} | {
+    type: 'ERROR';
+    payload: string;
+} | {
+    type: 'SET_MODEL';
+    payload: Model;
+};
+export interface ErrorLabels {
+    title: string;
+    content?: string;
+}
+export interface Labels {
+    errors: {
+        requestError: ErrorLabels;
+    };
+}
+//# sourceMappingURL=Survey.types.d.ts.map

package/dist/frontend/frontend/Survey.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Survey.types.d.ts","sourceRoot":"","sources":["../../../src/frontend/Survey.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,WAAW,WAAW;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,WAAW,GAAG;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,YAAY,GAClB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,EAAE,KAAK,CAAA;CAAE,CAAC;AAE5C,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,MAAM;IACnB,MAAM,EAAE;QACJ,YAAY,EAAE,WAAW,CAAC;KAC7B,CAAC;CACL"}

package/dist/frontend/frontend/Survey.types.js

@@ -0,0 +1 @@
+export {};

package/dist/frontend/frontend/index.d.ts

@@ -0,0 +1,3 @@
+export { Survey } from './Survey';
+export type { SurveyProps } from './Survey.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/frontend/frontend/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/frontend/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/frontend/frontend/index.js

@@ -0,0 +1 @@
+export { Survey } from './Survey';

package/dist/frontend/sdk/index.d.ts

@@ -0,0 +1,8 @@
+import { Models } from '@o2s/utils.api-harmonization';
+export declare const sdk: import("@o2s/framework/sdk").Sdk & {
+    modules: {
+        getSurvey: (params: import("../api-harmonization/surveyjs.request").SurveyJsQuery, headers: Models.Headers.AppHeaders, authorization?: string) => Promise<import("../api-harmonization/surveyjs.model").SurveyJs>;
+        submitSurvey: (params: import("../api-harmonization/surveyjs.request").SurveyJsSubmitPayload, headers: Models.Headers.AppHeaders, authorization?: string) => Promise<void>;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/frontend/sdk/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sdk/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAqBtD,eAAO,MAAM,GAAG;;;;;CAKd,CAAC"}

package/dist/frontend/sdk/index.js

@@ -0,0 +1,20 @@
+import { extendSdk, getSdk } from '@o2s/framework/sdk';
+import { surveyjs } from './surveyjs';
+const API_URL = (typeof window === 'undefined' ? process.env.NEXT_PUBLIC_API_URL_INTERNAL : process.env.NEXT_PUBLIC_API_URL) ||
+    process.env.NEXT_PUBLIC_API_URL;
+const internalSdk = getSdk({
+    apiUrl: API_URL,
+    logger: {
+        // @ts-expect-error missing types
+        level: process.env.NEXT_PUBLIC_LOG_LEVEL,
+        // @ts-expect-error missing types
+        format: process.env.NEXT_PUBLIC_LOG_FORMAT,
+        colorsEnabled: process.env.NEXT_PUBLIC_LOG_COLORS_ENABLED === 'true',
+    },
+});
+export const sdk = extendSdk(internalSdk, {
+    modules: {
+        getSurvey: surveyjs(internalSdk).modules.getSurvey,
+        submitSurvey: surveyjs(internalSdk).modules.submitSurvey,
+    },
+});

package/dist/frontend/sdk/surveyjs.d.ts

@@ -0,0 +1,10 @@
+import { Models as ApiModels } from '@o2s/utils.api-harmonization';
+import { Sdk } from '@o2s/framework/sdk';
+import { Model, Request } from '../api-harmonization/surveyjs.client';
+export declare const surveyjs: (sdk: Sdk) => {
+    modules: {
+        getSurvey: (params: Request.SurveyJsQuery, headers: ApiModels.Headers.AppHeaders, authorization?: string) => Promise<Model.SurveyJs>;
+        submitSurvey: (params: Request.SurveyJsSubmitPayload, headers: ApiModels.Headers.AppHeaders, authorization?: string) => Promise<void>;
+    };
+};
+//# sourceMappingURL=surveyjs.d.ts.map

package/dist/frontend/sdk/surveyjs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surveyjs.d.ts","sourceRoot":"","sources":["../../../src/sdk/surveyjs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGnE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAO,MAAM,sCAAsC,CAAC;AAI3E,eAAO,MAAM,QAAQ,GAAI,KAAK,GAAG;;4BAGb,OAAO,CAAC,aAAa,WACpB,SAAS,CAAC,OAAO,CAAC,UAAU,kBACrB,MAAM,KACvB,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;+BAiBd,OAAO,CAAC,qBAAqB,WAC5B,SAAS,CAAC,OAAO,CAAC,UAAU,kBACrB,MAAM,KACvB,OAAO,CAAC,IAAI,CAAC;;CAgBtB,CAAC"}

package/dist/frontend/sdk/surveyjs.js

@@ -0,0 +1,35 @@
+import { Utils } from '@o2s/utils.frontend';
+import { URL } from '../api-harmonization/surveyjs.client';
+const API_URL = URL;
+export const surveyjs = (sdk) => ({
+    modules: {
+        getSurvey: (params, headers, authorization) => sdk.makeRequest({
+            method: 'get',
+            url: API_URL,
+            headers: {
+                ...Utils.Headers.getApiHeaders(),
+                ...headers,
+                ...(authorization
+                    ? {
+                        Authorization: `Bearer ${authorization}`,
+                    }
+                    : {}),
+            },
+            params: params,
+        }),
+        submitSurvey: (params, headers, authorization) => sdk.makeRequest({
+            method: 'post',
+            url: API_URL,
+            headers: {
+                ...Utils.Headers.getApiHeaders(),
+                ...headers,
+                ...(authorization
+                    ? {
+                        Authorization: `Bearer ${authorization}`,
+                    }
+                    : {}),
+            },
+            data: params,
+        }),
+    },
+});

package/dist/sdk/api-harmonization/surveyjs.client.d.ts

@@ -0,0 +1,4 @@
+export declare const URL = "/surveyjs";
+export * as Request from './surveyjs.request';
+export * as Model from './surveyjs.model';
+//# sourceMappingURL=surveyjs.client.d.ts.map

package/dist/sdk/api-harmonization/surveyjs.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surveyjs.client.d.ts","sourceRoot":"","sources":["../../../src/api-harmonization/surveyjs.client.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,GAAG,cAAc,CAAC;AAE/B,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAC"}

package/dist/sdk/api-harmonization/surveyjs.client.js

@@ -0,0 +1,40 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Model = exports.Request = exports.URL = void 0;
+exports.URL = '/surveyjs';
+exports.Request = __importStar(require("./surveyjs.request"));
+exports.Model = __importStar(require("./surveyjs.model"));
+//# sourceMappingURL=surveyjs.client.js.map

package/dist/sdk/api-harmonization/surveyjs.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surveyjs.client.js","sourceRoot":"","sources":["../../../src/api-harmonization/surveyjs.client.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa,QAAA,GAAG,GAAG,WAAW,CAAC;AAE/B,8DAA8C;AAC9C,0DAA0C"}