@web-site-utilities/feedback 0.0.18 → 0.0.19-dev.60aa6a2

package/dist/src/common/types/EndpointsConfig.d.ts

@@ -0,0 +1,8 @@
+export declare enum Environments {
+    LOCAL = "LOCAL",
+    DEV = "DEV",
+    PROD = "PROD"
+}
+export type EndpointsConfig = Record<Environments, {
+    host: string;
+}>;

package/dist/{common → src/common}/types/FormConfig.d.ts

@@ -127,5 +127,5 @@ export type FormConfig = {
         useSystemTheme: true;
     };
 };
-export type FormConfigTheme = typeof theme;
+export type FormConfigTheme = any;
 export {};

package/dist/{form → src/common}/types/InitiateFeedbackModuleOptions.d.ts

@@ -1,8 +1,9 @@
-import { Locale } from '@web-site-utilities/common/types/Locale';
+import { Locale } from './Locale';
 import { Container } from 'react-dom/client';
 export type InitiateFeedbackModuleOptions = {
     container?: Container;
     formId: string;
+    sessionId?: string;
     locale?: Locale;
 };
 export type InitiateFeedbackModuleOptionsCmp = Omit<InitiateFeedbackModuleOptions, 'container'>;

package/dist/{fields → src/fields}/Field/Field.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { AllFields } from "@web-site-utilities/common/types/FormConfig";
 import { FormError } from '@web-site-utilities/common/types/FormError';
 import { Nullable } from '@web-site-utilities/common/types/Nullable';
-import { SelectProps } from "@web-site-utilities/common/components/Select";
 type Props = {
     type: AllFields['type'];
     fieldProps: AllFields;
@@ -14,6 +13,6 @@ type Props = {
     dataField: Nullable<string>;
 };
 export declare const Field: (props: Props) => React.DOMElement<{
-    children: React.FunctionComponentElement<import("@web-site-utilities/common/components/QuestionMatrix").QuestionMatrixProps> | React.FunctionComponentElement<SelectProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/Radio").RadioGroupProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/Checkbox").CheckboxGroupProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/RangeSlide").RangeSlideProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/Rating").RatingProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/Textarea").TextareaProps> | null;
+    children: React.FunctionComponentElement<import("@web-site-utilities/common/components/QuestionMatrix").QuestionMatrixProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/Select").SelectProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/Radio").RadioGroupProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/Checkbox").CheckboxGroupProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/RangeSlide").RangeSlideProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/Rating").RatingProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/Textarea").TextareaProps>;
 }, Element>;
 export {};

package/dist/{form → src/form}/App.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
-import { Locale } from '@web-site-utilities/common/types/Locale';
+import { InitiateFeedbackModuleOptions } from "@web-site-utilities/common/types/InitiateFeedbackModuleOptions";
 type AppProps = {
-    formId: string;
-    locale?: Locale;
+    options: InitiateFeedbackModuleOptions;
 };
 export declare const App: (props: AppProps) => string | React.FunctionComponentElement<{
     theme: typeof import("@web-site-utilities/common/theme/ThemeProvider").theme;
     selectedVariant?: import("@web-site-utilities/common/theme/ThemeProvider").Variants;
     children: React.ReactNode;
-}> | null;
+}>;
 export {};

package/dist/{form → src/form}/api/baseApi.d.ts

@@ -4,5 +4,7 @@ export type RequestOptions = {
 };
 export declare const createBaseApi: () => {
     post: <R, B extends object>(path: string, body: B, options?: RequestOptions) => Promise<R>;
-    get: <R>(path: string, options?: RequestOptions) => Promise<R>;
+    get: <R>(path: string, options?: RequestOptions) => Promise<{
+        data: R;
+    }>;
 };

package/dist/src/form/api/getFormConf.d.ts

@@ -0,0 +1,8 @@
+import { FormConfig } from '@web-site-utilities/common/types/FormConfig';
+import { RequestOptions } from './baseApi';
+export declare const getFormConf: (payload: {
+    formId: string;
+    locale: string;
+}, options?: RequestOptions) => Promise<{
+    data: FormConfig;
+}>;

package/dist/src/form/api/saveForm.d.ts

@@ -0,0 +1,3 @@
+import { RequestOptions } from './baseApi';
+import { Request as SaveFormRequest } from "../../common/types/DTO";
+export declare const saveForm: (body: SaveFormRequest, options?: RequestOptions) => Promise<unknown>;

package/dist/src/form/api/useRequest.d.ts

@@ -0,0 +1,13 @@
+type UseRequestProps<T> = () => Promise<{
+    data: T;
+}>;
+export declare const useRequest: <T>(props: {
+    request: UseRequestProps<T>;
+    preventInitial?: boolean;
+}) => {
+    data: T;
+    loading: boolean;
+    error: Error;
+    exec: () => AbortController;
+};
+export {};

package/dist/{form → src/form}/features/InPlaceForm/InPlaceForm.d.ts

@@ -1,15 +1,18 @@
 import React from "react";
-import { FormConfigTheme, InlineForm } from "@web-site-utilities/common/types/FormConfig";
+import { InlineForm } from "@web-site-utilities/common/types/FormConfig";
 import { Nullable } from "@web-site-utilities/common/types/Nullable";
+import { InitiateFeedbackModuleOptions } from "@web-site-utilities/common/types/InitiateFeedbackModuleOptions";
 export type InPlaceFormProps = {
     formId: string;
     domainId: string;
-    formTheme: FormConfigTheme;
+    options: InitiateFeedbackModuleOptions;
+    versionId: string;
+    formTheme: any;
     inlineForm: InlineForm;
 };
 export declare const InPlaceForm: (props: InPlaceFormProps) => React.DOMElement<{
-    children: ("" | React.FunctionComponentElement<{
-        variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
+    children: (React.FunctionComponentElement<{
+        variant?: "section" | "title" | "subtitle" | "subsection" | "paragraph";
         linear?: boolean;
         children?: React.ReactNode;
     }> | React.FunctionComponentElement<{
@@ -18,11 +21,14 @@ export declare const InPlaceForm: (props: InPlaceFormProps) => React.DOMElement<
         onSetMaxHeight: (height: number) => void;
         children: React.ReactNode;
     }>[] | React.DOMElement<{
+        key: string;
+        $isFirstStep: boolean;
         children: (React.FunctionComponentElement<{
             steps: Array<import("@web-site-utilities/common/types/FormConfig").Step>;
             currentStepIndex: number;
             colorVariant?: import("@web-site-utilities/common/theme/ThemeProvider").Variants;
         }> | React.DOMElement<{
+            key: string;
             children: string;
             onClick: () => void;
         }, Element>)[];

package/dist/src/form/features/PopupForm/PopupForm.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { PopupForm as PopupFormType } from '@web-site-utilities/common/types/FormConfig';
+import { InitiateFeedbackModuleOptionsCmp } from "@web-site-utilities/common/types/InitiateFeedbackModuleOptions";
+export type PopupFormProps = {
+    formId: string;
+    domainId: string;
+    formTheme: any;
+    options: InitiateFeedbackModuleOptionsCmp;
+    popupForm: PopupFormType;
+};
+export declare const PopupForm: (props: PopupFormProps) => React.FunctionComponentElement<React.FragmentProps>;

package/dist/{form → src/form}/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InitiateFeedbackModuleOptions, InitiateFeedbackModuleOptionsCmp } from './types/InitiateFeedbackModuleOptions';
+import { InitiateFeedbackModuleOptions, InitiateFeedbackModuleOptionsCmp } from '../common/types/InitiateFeedbackModuleOptions';
 import { InPlaceFormProps } from "./features/InPlaceForm/InPlaceForm";
 import { PopupFormProps } from "./features/PopupForm/PopupForm";
 import { theme, Variants } from "@web-site-utilities/common/theme/ThemeProvider";
@@ -12,11 +12,10 @@ import { TextareaProps } from "@web-site-utilities/common/components/Textarea";
 import { RangeSlideProps } from "@web-site-utilities/common/components/RangeSlide";
 export declare const initiateFeedbackModule: (options: InitiateFeedbackModuleOptions) => void;
 export declare const renderFeedbackModule: (options: InitiateFeedbackModuleOptionsCmp) => React.FunctionComponentElement<{
-    formId: string;
-    locale?: import("@web-site-utilities/common/types/Locale").Locale;
-}> | null;
+    options: InitiateFeedbackModuleOptions;
+}>;
 export declare const FeedbackModule: (options: InitiateFeedbackModuleOptionsCmp) => React.FunctionComponentElement<{
-    formId: string;
+    options: InitiateFeedbackModuleOptionsCmp;
 }> | null;
 export declare const PreviewInPlaceForm: (props: InPlaceFormProps & {
     variant: Variants;

package/package.json

@@ -1,10 +1,6 @@
 {
   "name": "@web-site-utilities/feedback",
-  "version": "0.0.18",
-  "workspaces": [
-    "src/**",
-    "examples/**"
-  ],
+  "version": "0.0.19-dev.60aa6a2",
   "description": "Site utils feedback snippet deployed to npm and external script",
   "exports": {
     ".": {
@@ -23,7 +19,8 @@
   ],
   "scripts": {
     "typecheck": "tsc",
-    "build-lib": "vite build -c vite.build.ts",
+    "gen-conf": "if [ -n \"$SITE_UTILS_ENV\" ]; then sed \"s/__SITE_UTILS_ENV__/$SITE_UTILS_ENV/\" src/common/conf.template.ts > src/common/conf.ts; fi",
+    "build-lib": "npm run gen-conf && vite build -c vite.build.ts",
     "build-types": "tsc --declarationDir dist --noEmit false --emitDeclarationOnly",
     "build": "npm run build-lib && npm run build-types",
     "dev": "vite -c vite.build.ts",
@@ -65,7 +62,9 @@
     "styled-components": "6.1.19"
   },
   "dependencies": {
-    "dompurify": "^3.2.7",
+    "dompurify": "^3.3.1",
+    "slick-carousel": "^1.8.1",
+    "uuid": "^13.0.0",
     "vite-plugin-dts": "^4.5.4"
   }
 }

package/tsconfig.json

@@ -3,17 +3,18 @@
     "lib": ["DOM", "ES2024"],
     "types": ["react", "node"],
     "jsx": "react-jsx",
-    "strict": true,
-    "declaration": true,
-    "module": "CommonJS",
-    "moduleResolution": "node",
+    "jsxImportSource": "@emotion/react",
+    "strict": false,
+    "strictNullChecks": false,
     "noEmit": true,
+    "composite": true,
     "allowUnusedLabels": false,
     "allowUnreachableCode": false,
-    "exactOptionalPropertyTypes": true,
+    "exactOptionalPropertyTypes": false,
     "noFallthroughCasesInSwitch": true,
     "noImplicitOverride": true,
     "noImplicitReturns": true,
+    "resolveJsonModule": true,
     "noPropertyAccessFromIndexSignature": true,
     "noUncheckedIndexedAccess": true,
     "noUnusedLocals": true,
@@ -22,7 +23,7 @@
     "esModuleInterop": true,
     "skipLibCheck": true
   },
-  "include": ["src", "src/"],
+  "include": ["src"],
   "exclude": [
     "vite.build.ts"
   ]

package/dist/common/components/Modal.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-type ModalProps = {
-    isOpen: boolean;
-    onClose: () => void;
-    children: React.ReactNode;
-    heading: React.ReactNode;
-    footer: React.ReactNode;
-};
-export declare const Modal: (props: ModalProps) => React.DOMElement<{
-    $visible: boolean;
-    onClick: React.MouseEventHandler<HTMLDialogElement>;
-    ref: React.RefObject<HTMLDialogElement | null>;
-    id: string;
-    children: React.DOMElement<{
-        $visible: boolean;
-        children: (string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.FunctionComponentElement<{
-            variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
-            linear?: boolean;
-            children?: React.ReactNode;
-        }> | null | undefined)[];
-    }, Element>;
-}, HTMLDialogElement>;
-export {};

package/dist/form/api/getFormConf.d.ts

@@ -1,8 +0,0 @@
-import { FormConfig } from '@web-site-utilities/common/types/FormConfig';
-import { Locale } from '@web-site-utilities/common/types/Locale';
-import { RequestOptions } from './baseApi';
-export declare const getFormConf: (formId: string, options?: RequestOptions) => Promise<FormConfig>;
-export declare const getFormConfigMock: (_payload: {
-    formId: string;
-    locale: Locale;
-}, _options?: RequestOptions) => Promise<FormConfig>;

package/dist/form/api/saveForm.d.ts

@@ -1,2 +0,0 @@
-import { RequestOptions } from './baseApi';
-export declare const saveForm: (body: object, options?: RequestOptions) => Promise<unknown>;

package/dist/form/api/useRequest.d.ts

@@ -1,9 +0,0 @@
-type UseRequestProps<T> = (abortController: AbortController) => Promise<{
-    data: T;
-}>;
-export declare const useRequest: <T>(request: UseRequestProps<T>) => {
-    data: T | undefined;
-    loading: boolean;
-    error: Error | null;
-};
-export {};

package/dist/form/features/PopupForm/PopupForm.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { FormConfigTheme, PopupForm as PopupFormType } from '@web-site-utilities/common/types/FormConfig';
-export type PopupFormProps = {
-    formId: string;
-    domainId: string;
-    formTheme: FormConfigTheme;
-    popupForm: PopupFormType;
-};
-export declare const PopupForm: (props: PopupFormProps) => React.FunctionComponentElement<React.FragmentProps>;