@magicfeedback/native 2.1.7-alpha.9 → 2.1.11

package/dist/styles/magicfeedback-default.css

@@ -3,29 +3,35 @@
  * Clean, minimal, and elegant survey rendering
  */
 
+@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap");
+
 /* ========================================
    CSS VARIABLES - Design SYSTEM
    ======================================== */
 :root {
-    /* Colors - Neutral Palette */
-    --mf-primary: #2563eb;
-    --mf-primary-hover: #1d4ed8;
-    --mf-primary-light: #dbeafe;
+    /* Colors - Minimal Pastel */
+    --mf-primary: #1E293B;
+    --mf-primary-hover: #0F172A;
+    --mf-primary-light: #E2E8F0;
+
+    --mf-text-primary: #1E293B;
+    --mf-text-secondary: #475569;
+    --mf-text-muted: #94A3B8;
 
-    --mf-text-primary: #0f172a;
-    --mf-text-secondary: #64748b;
-    --mf-text-muted: #94a3b8;
+    --mf-bg-primary: #F8FAFC;
+    --mf-bg-secondary: #FFFFFF;
+    --mf-bg-hover: #EEF2F6;
 
-    --mf-bg-primary: #ffffff;
-    --mf-bg-secondary: #f8fafc;
-    --mf-bg-hover: #f1f5f9;
+    --mf-border: #E2E8F0;
+    --mf-border-focus: #1E293B;
 
-    --mf-border: #e2e8f0;
-    --mf-border-focus: #2563eb;
+    --mf-success: #16A34A;
+    --mf-error: #EF4444;
+    --mf-warning: #F59E0B;
 
-    --mf-success: #10b981;
-    --mf-error: #ef4444;
-    --mf-warning: #f59e0b;
+    --mf-surface: #FFFFFF;
+    --mf-surface-alt: #F1F5F9;
+    --mf-accent: #38BDF8;
 
     /* Spacing */
     --mf-space-xs: 0.25rem;
@@ -35,25 +41,33 @@
     --mf-space-xl: 1.5rem;
 
     /* Border Radius */
-    --mf-radius-sm: 0.375rem;
-    --mf-radius-md: 0.5rem;
-    --mf-radius-lg: 0.75rem;
+    --mf-radius-sm: 0.5rem;
+    --mf-radius-md: 0.75rem;
+    --mf-radius-lg: 1.25rem;
     --mf-radius-full: 9999px;
 
     /* Shadows */
-    --mf-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-    --mf-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-    --mf-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-    --mf-shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.1);
+    --mf-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.06);
+    --mf-shadow-md: 0 8px 20px rgba(15, 23, 42, 0.08);
+    --mf-shadow-lg: 0 16px 30px rgba(15, 23, 42, 0.12);
+    --mf-shadow-focus: 0 0 0 3px rgba(30, 41, 59, 0.15);
+    --mf-shadow-card: 0 18px 40px rgba(15, 23, 42, 0.08);
 
     /* Typography */
-    --mf-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif;
+    --mf-font-sans: "Nunito", "Quicksand", "Avenir Next", "Trebuchet MS", sans-serif;
     --mf-font-size-sm: 0.875rem;
     --mf-font-size-base: 1rem;
     --mf-font-size-lg: 1.125rem;
     --mf-font-size-xl: 1.25rem;
     --mf-line-height: 1.6;
 
+    /* Font Weights */
+    --mf-font-weight-normal: 400;
+    --mf-font-weight-medium: 500;
+    --mf-font-weight-semibold: 600;
+    --mf-font-weight-bold: 700;
+    --mf-font-weight-extrabold: 800;
+
     /* Transitions */
     --mf-transition: all 0.2s ease;
     --mf-transition-fast: all 0.15s ease;
@@ -109,11 +123,11 @@
    BASE CONTAINER
    ======================================== */
 .magicfeedback-container {
-    width: 100%;
     font-family: var(--mf-font-sans), sans-serif;
     color: var(--mf-text-primary);
     line-height: var(--mf-line-height);
     animation: mf-fade-in 0.4s ease-out;
+    border-radius: var(--mf-radius-lg);
 }
 
 /* ========================================
@@ -125,7 +139,9 @@
     padding: var(--mf-space-lg);
     margin: var(--mf-space-lg) 0;
     border-radius: var(--mf-radius-lg);
-    background: var(--mf-bg-secondary);
+    background: var(--mf-surface-alt);
+    border: 1px solid var(--mf-border);
+    box-shadow: var(--mf-shadow-sm);
     animation: mf-scale-in 0.3s ease-out;
 }
 
@@ -164,7 +180,10 @@
     display: flex;
     flex-direction: column;
     gap: var(--mf-space-lg);
-    width: 100%;
+    background: var(--mf-surface);
+    padding: clamp(16px, 2.5vw, 28px);
+    border: 1px solid var(--mf-border);
+    border-radius: var(--mf-radius-lg);
 }
 
 .magicfeedback-questions {
@@ -178,8 +197,9 @@
     display: flex;
     flex-direction: column;
     gap: var(--mf-space-sm);
-    width: 100%;
     animation: mf-slide-in 0.3s ease-out;
+    background: var(--mf-bg-secondary);
+    border-radius: var(--mf-radius-md);
 }
 
 /* ========================================
@@ -187,11 +207,18 @@
    ======================================== */
 .magicfeedback-label {
     font-size: var(--mf-font-size-lg);
-    font-weight: 500;
+    font-weight: var(--mf-font-weight-bold);
     color: var(--mf-text-primary);
     line-height: var(--mf-line-height);
-    margin: 0 0 var(--mf-space-md) 0;
     text-align: left;
+    letter-spacing: -0.01em;
+}
+
+.magicfeedback-sublabel {
+    font-size: var(--mf-font-size-base);
+    font-weight: var(--mf-font-weight-normal);
+    color: var(--mf-text-secondary);
+    margin-bottom: var(--mf-space-sm);
 }
 
 h2 {
@@ -219,18 +246,18 @@ input[type="email"],
 input[type="password"],
 textarea,
 select {
-    width: auto;
-    padding: var(--mf-space-sm) var(--mf-space-md);
+    padding: 0.75rem 0.9rem;
     font-size: var(--mf-font-size-base);
     font-family: inherit;
     color: var(--mf-text-primary);
-    background-color: var(--mf-bg-primary);
-    border: 1.5px solid var(--mf-border);
+    background-color: var(--mf-surface);
+    border: 2px solid var(--mf-border);
     border-radius: var(--mf-radius-md);
     outline: none;
     transition: var(--mf-transition);
     -webkit-appearance: none;
     appearance: none;
+    box-shadow: var(--mf-shadow-sm);
 }
 
 textarea {
@@ -238,13 +265,6 @@ textarea {
     resize: vertical;
 }
 
-input:focus,
-select:focus,
-textarea:focus {
-    border-color: var(--mf-border-focus);
-    box-shadow: var(--mf-shadow-focus);
-}
-
 input::placeholder,
 textarea::placeholder {
     color: var(--mf-text-muted);
@@ -373,6 +393,8 @@ textarea.error {
     cursor: pointer;
     transition: var(--mf-transition-fast);
     margin: 0;
+    width: -webkit-fill-available;
+    height: inherit;
 }
 
 .magicfeedback-boolean-option label:hover {
@@ -420,6 +442,40 @@ textarea.error {
     margin: var(--mf-space-sm) 0;
 }
 
+@media (min-width: 600px) {
+    .magicfeedback-rating-container,
+    .magicfeedback-rating-number-container,
+    .magicfeedback-rating-star-container {
+        position: relative;
+    }
+
+    .magicfeedback-rating-container--with-placeholder,
+    .magicfeedback-rating-number-container--with-placeholder {
+        padding-top: calc(var(--mf-space-md) + var(--mf-space-sm) - 4px);
+        padding-bottom: calc(var(--mf-space-md) - var(--mf-space-sm));
+    }
+
+    .magicfeedback-rating-placeholder {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        margin: 0;
+        padding: 0 4px;
+        box-sizing: border-box;
+        pointer-events: none;
+        z-index: 1;
+    }
+
+    .magicfeedback-rating-placeholder-value {
+        margin: 0;
+        max-width: 50%;
+        overflow-wrap: anywhere;
+        word-break: break-word;
+        white-space: normal;
+    }
+}
+
 /* Rating with Images */
 .magicfeedback-rating-option-label-container input[type="radio"] {
     position: absolute;
@@ -683,7 +739,7 @@ textarea.error {
     background-color: var(--mf-bg-primary);
     border: 1.5px solid var(--mf-border);
     border-radius: var(--mf-radius-md);
-    min-height: 60px;
+    min-height: 45px;
 }
 
 .magicfeedback-point-system-item label {
@@ -724,7 +780,8 @@ textarea.error {
    ======================================== */
 .magicfeedback-consent-container {
     display: flex;
-    align-items: flex-start;
+    flex-direction: row;
+    align-items: center;
     gap: var(--mf-space-sm);
     padding: var(--mf-space-md);
     background-color: var(--mf-bg-secondary);
@@ -745,6 +802,7 @@ textarea.error {
     color: var(--mf-text-secondary);
     line-height: var(--mf-line-height);
     cursor: pointer;
+    margin-bottom: 0;
 }
 
 /* ========================================
@@ -761,22 +819,22 @@ textarea.error {
 }
 
 .magicfeedback-submit {
-    padding: var(--mf-space-sm) var(--mf-space-xl);
+    padding: 0.8rem 1.6rem;
     font-size: var(--mf-font-size-base);
-    font-weight: 500;
-    color: white;
+    font-weight: 800;
+    color: #FFFFFF;
     background-color: var(--mf-primary);
-    border: none;
-    border-radius: var(--mf-radius-md);
+    border: 2px solid var(--mf-primary);
+    border-radius: var(--mf-radius-full);
     cursor: pointer;
     transition: var(--mf-transition-fast);
-    box-shadow: var(--mf-shadow-sm);
+    box-shadow: var(--mf-shadow-md);
 }
 
 .magicfeedback-submit:hover {
     background-color: var(--mf-primary-hover);
-    box-shadow: var(--mf-shadow-md);
-    transform: translateY(-1px);
+    box-shadow: var(--mf-shadow-lg);
+    transform: translateY(-2px);
 }
 
 .magicfeedback-submit:active {
@@ -791,18 +849,20 @@ textarea.error {
 }
 
 .magicfeedback-back {
-    padding: var(--mf-space-sm) var(--mf-space-md);
+    padding: 0.65rem 1rem;
     font-size: var(--mf-font-size-base);
-    font-weight: 500;
-    color: var(--mf-text-secondary);
-    background-color: transparent;
-    border: none;
+    font-weight: 700;
+    color: var(--mf-primary);
+    background-color: var(--mf-bg-secondary);
+    border: 2px solid var(--mf-border);
+    border-radius: var(--mf-radius-full);
     cursor: pointer;
     transition: var(--mf-transition-fast);
 }
 
 .magicfeedback-back:hover {
-    color: var(--mf-primary);
+    border-color: var(--mf-primary);
+    background-color: var(--mf-bg-hover);
 }
 
 /* ========================================
@@ -850,7 +910,7 @@ textarea.error {
     left: 0;
     width: 100vw;
     height: 100vh;
-    background: rgba(0, 0, 0, 0.4);
+    background: rgba(0,0,0,0.4);
     display: none; /* toggled to flex when open */
     align-items: center;
     justify-content: center;
@@ -861,7 +921,7 @@ textarea.error {
 .magicfeedback-modal {
     background: #fff;
     border-radius: 8px;
-    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
     max-width: 520px;
     width: 90%;
     max-height: 80vh;
@@ -902,7 +962,6 @@ textarea.error {
 /* Priority list header */
 .magicfeedback-priority-list-header {
     display: flex;
-    flex-direction: row-reverse;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
@@ -938,35 +997,39 @@ textarea.error {
 /* Buttons */
 .magicfeedback-button {
     appearance: none;
-    border: 1px solid #ccc;
-    border-radius: 6px;
-    background: #f7f7f7;
-    color: #222;
-    padding: 8px 12px;
+    border: 2px solid var(--mf-border);
+    border-radius: var(--mf-radius-full);
+    background: var(--mf-bg-secondary);
+    color: var(--mf-text-primary);
+    padding: 0.6rem 1rem;
     font-size: 14px;
+    font-weight: 700;
     cursor: pointer;
+    box-shadow: var(--mf-shadow-sm);
 }
 
 .magicfeedback-button:hover {
-    background: #efefef;
+    background: var(--mf-bg-hover);
+    border-color: var(--mf-primary);
 }
 
 .magicfeedback-button:active {
-    background: #e8e8e8;
+    transform: translateY(1px);
 }
 
 .magicfeedback-button-primary {
-    border-color: #2e6bf7;
-    background: #2e6bf7;
+    border-color: var(--mf-primary);
+    background: var(--mf-primary);
     color: #fff;
+    box-shadow: var(--mf-shadow-md);
 }
 
 .magicfeedback-button-primary:hover {
-    background: #255bd6;
+    background: var(--mf-primary-hover);
 }
 
 .magicfeedback-button-primary:active {
-    background: #1f4fb5;
+    background: var(--mf-primary-hover);
 }
 
 /* Warning flash */
@@ -977,17 +1040,19 @@ textarea.error {
 /* Start message button */
 .magicfeedback-start-message-button {
     appearance: none;
-    border: 1px solid #2e6bf7;
-    border-radius: 6px;
-    background: #2e6bf7;
+    border: 2px solid var(--mf-primary);
+    border-radius: var(--mf-radius-full);
+    background: var(--mf-primary);
     color: #fff;
-    padding: 10px 16px;
+    padding: 0.8rem 1.4rem;
     font-size: 15px;
+    font-weight: 800;
     cursor: pointer;
+    box-shadow: var(--mf-shadow-md);
 }
 
 .magicfeedback-start-message-button:hover {
-    background: #255bd6;
+    background: var(--mf-primary-hover);
 }
 
 /* ========================================
@@ -999,12 +1064,64 @@ textarea.error {
         --mf-space-xl: 1.5rem;
     }
 
+    .magicfeedback-container {
+        padding: 12px;
+        border-radius: var(--mf-radius-md);
+    }
+
+    .magicfeedback-form {
+        padding: 14px;
+        border-radius: var(--mf-radius-md);
+    }
+
+    .magicfeedback-div {
+        padding: 12px;
+        gap: var(--mf-space-lg)
+    }
+
     .magicfeedback-label {
         font-size: var(--mf-font-size-base);
     }
 
+    input[type="date"],
+    input[type="text"],
+    input[type="number"],
+    input[type="email"],
+    input[type="password"],
+    textarea,
+    select {
+        padding: 0.85rem 0.95rem;
+        font-size: 1rem;
+        min-height: 46px;
+    }
+
+    /*
+    .magicfeedback-radio-container,
+    .magicfeedback-checkbox-container,
+    .magicfeedback-boolean-container,
+    .magicfeedback-consent-container {
+        width: 100%;
+    }
+    */
+
+    .magicfeedback-radio-container,
+    .magicfeedback-checkbox-container {
+        padding: 10px 12px;
+        border-radius: var(--mf-radius-md);
+        background: var(--mf-surface-alt);
+        border: 1px solid var(--mf-border);
+        gap: 10px;
+    }
+
+    .magicfeedback-rating-container,
+    .magicfeedback-rating-number-container,
+    .magicfeedback-rating-star-container {
+        gap: 10px;
+    }
+
     .magicfeedback-boolean-container {
         flex-direction: column;
+        gap: 10px;
     }
 
     .magicfeedback-rating-number-container {
@@ -1023,6 +1140,7 @@ textarea.error {
     .magicfeedback-back {
         width: 100%;
         text-align: center;
+        min-height: 48px;
     }
 }
 
@@ -1039,11 +1157,6 @@ textarea.error {
     }
 }
 
-/* Focus visible for keyboard navigation */
-*:focus-visible {
-    outline: 2px solid var(--mf-primary);
-    outline-offset: 2px;
-}
 
 /* ========================================
    UTILITY CLASSES

package/dist/types/src/models/pageGraphs.d.ts

@@ -0,0 +1,52 @@
+import { Page } from "./page";
+import { PageNode } from "./pageNode";
+import { NativeAnswer } from "./types";
+export declare class PageGraph {
+    private nodes;
+    constructor(pages: Page[]);
+    /**
+     * Build the graph from the list of pages
+     * @param pages
+     * @private
+     * */
+    private buildGraph;
+    getNodeById(id: string): PageNode | undefined;
+    /**
+     * Get the next page position of the graph given the current page and the answer
+     * @param node
+     */
+    getNextEdgeByDefault(node: PageNode): string | undefined;
+    /**
+     * Get the first page of the graph
+     * @returns first page
+     **/
+    getFirstPage(): PageNode | undefined;
+    /**
+     * Get the next page of the graph given the current page and the answer
+     * @param currentNode
+     * @param answer - answer to the question in the current page
+     * @returns page
+     **/
+    getNextPage(currentNode: PageNode, answer: NativeAnswer[]): PageNode | undefined;
+    /**
+     * Get the number deep (DFS) of this node
+     * @param id - node id
+     * @returns DFS number
+     */
+    findDepth(id: string): number;
+    /**
+     * Get the max depth of the graph
+     * @param n - node
+     * @returns max depth
+     */
+    findMaxDepth(n?: PageNode): number;
+    /**
+     * A function used by DFS
+     * @param v - node
+     * @param visited - set of visited nodes
+     * @param depth - current depth
+     */
+    DFSUtil(v: PageNode, visited: Set<PageNode>, depth: number): number;
+    private parseMatrixAnswer;
+    private evaluateMatrixCondition;
+}

package/dist/types/src/models/types.d.ts

@@ -2,6 +2,7 @@ export type Key = string;
 export type InitOptions = {
     env?: 'dev' | 'prod';
     debug?: boolean;
+    dryRun?: boolean;
 };
 export type NativeFeedbackAnswer = {
     id: string;
@@ -38,10 +39,98 @@ export declare enum FEEDBACKAPPANSWERTYPE {
 export declare class QuestionType {
     conf: any;
 }
-export type NativeQuestion = {
+export type QuestionAssetsBase = {
+    [key: string]: any;
+    placeholder?: string;
+    subtitle?: string | Record<string, string>;
+    subtitleStyle?: string | string[];
+    titleSize?: string;
+    titleAlign?: string;
+    titleStyle?: string | string[];
+    maxCharacters?: number;
+    randomPosition?: boolean;
+    direction?: "row" | "column" | string;
+    order?: "ltr" | "rtl" | string;
+    min?: number;
+    max?: number;
+    minPlaceholder?: string;
+    maxPlaceholder?: string;
+    extraOption?: boolean;
+    extraOptionText?: string;
+    extraOptionPlaceholder?: string;
+};
+export type QuestionAssetsByType = {
+    [FEEDBACKAPPANSWERTYPE.TEXT]: QuestionAssetsBase;
+    [FEEDBACKAPPANSWERTYPE.LONGTEXT]: QuestionAssetsBase & {
+        maxCharacters?: number;
+    };
+    [FEEDBACKAPPANSWERTYPE.NUMBER]: QuestionAssetsBase;
+    [FEEDBACKAPPANSWERTYPE.RADIO]: QuestionAssetsBase & {
+        exclusiveAnswers?: string[];
+        maxOptions?: number;
+        extraOption?: boolean;
+        extraOptionText?: string;
+        extraOptionPlaceholder?: string;
+    };
+    [FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE]: QuestionAssetsByType[FEEDBACKAPPANSWERTYPE.RADIO];
+    [FEEDBACKAPPANSWERTYPE.SELECT]: QuestionAssetsBase;
+    [FEEDBACKAPPANSWERTYPE.DATE]: QuestionAssetsBase;
+    [FEEDBACKAPPANSWERTYPE.EMAIL]: QuestionAssetsBase;
+    [FEEDBACKAPPANSWERTYPE.PASSWORD]: QuestionAssetsBase;
+    [FEEDBACKAPPANSWERTYPE.BOOLEAN]: QuestionAssetsBase & {
+        addIcon?: boolean;
+    };
+    [FEEDBACKAPPANSWERTYPE.CONSENT]: QuestionAssetsBase;
+    [FEEDBACKAPPANSWERTYPE.RATING_EMOJI]: QuestionAssetsBase & {
+        min?: number;
+        max?: number;
+        minPlaceholder?: string;
+        maxPlaceholder?: string;
+        extraOption?: boolean;
+        extraOptionText?: string;
+    };
+    [FEEDBACKAPPANSWERTYPE.RATING_NUMBER]: QuestionAssetsBase & {
+        min?: number;
+        max?: number;
+        minPlaceholder?: string;
+        maxPlaceholder?: string;
+        numberPlaceholders?: Record<number, string>;
+        extraOption?: boolean;
+        extraOptionText?: string;
+        ariaLabel?: string;
+    };
+    [FEEDBACKAPPANSWERTYPE.RATING_STAR]: QuestionAssetsBase & {
+        minPlaceholder?: string;
+        maxPlaceholder?: string;
+    };
+    [FEEDBACKAPPANSWERTYPE.MULTIPLECHOISE_IMAGE]: QuestionAssetsBase & {
+        addTitle?: boolean;
+        multiOption?: boolean;
+        extraOption?: boolean;
+        extraOptionValue?: any[];
+    };
+    [FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX]: QuestionAssetsBase & {
+        options?: string[];
+        exclusiveAnswers?: string[];
+    };
+    [FEEDBACKAPPANSWERTYPE.PRIORITY_LIST]: QuestionAssetsBase & {
+        limitPriority?: boolean;
+        maxPriority?: number;
+    };
+    [FEEDBACKAPPANSWERTYPE.POINT_SYSTEM]: QuestionAssetsBase;
+    [FEEDBACKAPPANSWERTYPE.INFO_PAGE]: QuestionAssetsBase;
+    [FEEDBACKAPPANSWERTYPE.UPLOAD_FILE]: QuestionAssetsBase & {
+        multiple?: boolean;
+        maxFiles?: number;
+    };
+    [FEEDBACKAPPANSWERTYPE.UPLOAD_IMAGE]: QuestionAssetsByType[FEEDBACKAPPANSWERTYPE.UPLOAD_FILE];
+    [FEEDBACKAPPANSWERTYPE.CONTACT]: QuestionAssetsBase;
+};
+export type QuestionAssetsFor<T extends FEEDBACKAPPANSWERTYPE | string> = T extends FEEDBACKAPPANSWERTYPE ? QuestionAssetsByType[T] & QuestionAssetsBase : QuestionAssetsBase;
+export type NativeQuestion<T extends FEEDBACKAPPANSWERTYPE | string = FEEDBACKAPPANSWERTYPE | string> = {
     id: string;
     title: string;
-    type: FEEDBACKAPPANSWERTYPE | string;
+    type: T;
     questionType: QuestionType;
     ref: string;
     require: boolean;
@@ -51,7 +140,7 @@ export type NativeQuestion = {
     appId?: string;
     followup: boolean;
     position: number;
-    assets: any;
+    assets: QuestionAssetsFor<T>;
     refMetric: string;
     integrationId: string;
     integrationPageId: string;

package/dist/types/src/render/helpers.d.ts

@@ -0,0 +1,3 @@
+export declare function parseTitle(title: string | Record<string, string> | undefined, lang: string): string;
+export declare function getBooleanOptions(lang: string): string[];
+export declare function getUrlParam(key: string): string | null;

package/dist/types/src/render/ratingHelpers.d.ts

@@ -0,0 +1,3 @@
+export declare function createRatingPlaceholder(min: number, max: number, minPlaceholder?: string, maxPlaceholder?: string, extraOption?: boolean, mobile?: boolean, order?: string, direction?: string): HTMLDivElement;
+export declare function createStarRating(ref: string, minPlaceholder?: string, maxPlaceholder?: string, send?: () => void, urlParamValue?: string | null): HTMLDivElement;
+export declare function createRatingNumberElement(ref: string, assets: any, order: string, direction: string, isPhone: boolean, elementTypeClass: string, send?: () => void, urlParamValue?: string | null): HTMLElement;

package/dist/types/src/render/registry.d.ts

@@ -0,0 +1,3 @@
+import { FEEDBACKAPPANSWERTYPE } from "../models/types";
+import { QuestionRenderer } from "./types";
+export declare function getQuestionRenderer(type: FEEDBACKAPPANSWERTYPE | string): QuestionRenderer | undefined;

package/dist/types/src/render/renderBoolean.d.ts

@@ -0,0 +1,2 @@
+import { QuestionRenderer } from "./types";
+export declare const renderBoolean: QuestionRenderer;