@sensefolks/fastpoll 0.1.0

package/dist/collection/components/sf-fastpoll/sf-fastpoll.js

@@ -0,0 +1,454 @@
+import { Host, h, Env } from "@stencil/core";
+import { isValidKey, getFieldConfig, addToCommaSeparatedList, removeFromCommaSeparatedList, sanitizeByType, sanitizeInput } from "../../utils/utils";
+const SURVEY_API_ENDPOINT = Env.SURVEY_API_ENDPOINT;
+const RESPONSE_API_ENDPOINT = Env.RESPONSE_API_ENDPOINT;
+var SurveyStep;
+(function (SurveyStep) {
+    SurveyStep[SurveyStep["POLL"] = 0] = "POLL";
+    SurveyStep[SurveyStep["FOLLOW_UP"] = 1] = "FOLLOW_UP";
+    SurveyStep[SurveyStep["RESPONDENT_DETAILS"] = 2] = "RESPONDENT_DETAILS";
+    SurveyStep[SurveyStep["COMPLETION"] = 3] = "COMPLETION";
+})(SurveyStep || (SurveyStep = {}));
+export class SfFastpoll {
+    constructor() {
+        this.completionMessage = 'Thank you for your response!';
+        this.config = null;
+        this.respondentDetails = [];
+        this.loading = false;
+        this.error = null;
+        this.currentStep = SurveyStep.POLL;
+        this.selectedChoices = [];
+        this.selectedFollowUpChoices = [];
+        this.userRespondentDetails = {};
+        this.submitted = false;
+        this.announceMessage = '';
+        this.formErrors = {};
+        this.surveyStartTime = 0;
+    }
+    componentWillLoad() {
+        if (isValidKey(this.surveyKey)) {
+            return this.fetchSurveyData();
+        }
+        return Promise.resolve();
+    }
+    async fetchSurveyData() {
+        this.loading = true;
+        this.error = null;
+        this.surveyStartTime = Date.now();
+        try {
+            const response = await fetch(`${SURVEY_API_ENDPOINT}/${this.surveyKey}`);
+            const data = await response.json();
+            if (!data.success) {
+                throw new Error(data.message);
+            }
+            this.config = data.payload.config;
+            this.respondentDetails = data.payload.respondentDetails || [];
+        }
+        catch (error) {
+            this.error = error instanceof Error ? error.message : String(error);
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async retryOperation() {
+        if (this.config) {
+            // If we have config, retry submission
+            await this.submitResponse();
+        }
+        else {
+            // Otherwise, retry fetching survey data
+            await this.fetchSurveyData();
+        }
+    }
+    async submitResponse() {
+        if (!this.config || this.submitted) {
+            return;
+        }
+        this.loading = true;
+        this.error = null;
+        try {
+            const completionTimeSeconds = this.surveyStartTime > 0 ? Math.round((Date.now() - this.surveyStartTime) / 1000) : 0;
+            const userAgentInfo = this.getUserAgentInfo();
+            const submissionData = {
+                surveyPublicKey: this.surveyKey,
+                responseData: {
+                    selectedChoices: this.selectedChoices,
+                    selectedFollowUpChoices: this.selectedFollowUpChoices,
+                },
+                respondentDetails: this.userRespondentDetails,
+                userAgent: userAgentInfo,
+                completionTime: completionTimeSeconds,
+                surveyType: 'fastPoll',
+            };
+            const response = await fetch(`${RESPONSE_API_ENDPOINT}`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(submissionData),
+            });
+            const result = await response.json();
+            if (!result.success) {
+                throw new Error(result.message);
+            }
+            this.submitted = true;
+            this.currentStep = SurveyStep.COMPLETION;
+        }
+        catch (error) {
+            this.error = error instanceof Error ? error.message : String(error);
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    getUserAgentInfo() {
+        // Use modern navigator.userAgentData when available, fallback to userAgent parsing
+        const getPlatform = () => {
+            var _a;
+            if ('userAgentData' in navigator && ((_a = navigator.userAgentData) === null || _a === void 0 ? void 0 : _a.platform)) {
+                return navigator.userAgentData.platform;
+            }
+            // Fallback: extract platform info from userAgent
+            const ua = navigator.userAgent;
+            if (ua.includes('Win'))
+                return 'Windows';
+            if (ua.includes('Mac'))
+                return 'macOS';
+            if (ua.includes('Linux'))
+                return 'Linux';
+            if (ua.includes('Android'))
+                return 'Android';
+            if (ua.includes('iOS'))
+                return 'iOS';
+            return 'Unknown';
+        };
+        return {
+            userAgent: navigator.userAgent,
+            language: navigator.language,
+            platform: getPlatform(),
+            cookieEnabled: navigator.cookieEnabled,
+            onLine: navigator.onLine,
+            screenResolution: `${screen.width}x${screen.height}`,
+            colorDepth: screen.colorDepth,
+            timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+            timestamp: new Date().toISOString(),
+        };
+    }
+    nextStep() {
+        if (!this.validateForm()) {
+            return;
+        }
+        if (this.currentStep === SurveyStep.POLL) {
+            if (this.hasFollowUpStep()) {
+                this.currentStep = SurveyStep.FOLLOW_UP;
+                this.announceToScreenReader('Moving to follow-up question');
+            }
+            else if (this.hasRespondentDetailsStep()) {
+                this.currentStep = SurveyStep.RESPONDENT_DETAILS;
+                this.announceToScreenReader('Moving to respondent details');
+            }
+            else {
+                this.announceToScreenReader('Submitting poll...');
+                this.submitResponse();
+            }
+        }
+        else if (this.currentStep === SurveyStep.FOLLOW_UP) {
+            if (this.hasRespondentDetailsStep()) {
+                this.currentStep = SurveyStep.RESPONDENT_DETAILS;
+                this.announceToScreenReader('Moving to respondent details');
+            }
+            else {
+                this.announceToScreenReader('Submitting poll...');
+                this.submitResponse();
+            }
+        }
+        else if (this.currentStep === SurveyStep.RESPONDENT_DETAILS) {
+            this.announceToScreenReader('Submitting poll...');
+            this.submitResponse();
+        }
+    }
+    prevStep() {
+        if (this.currentStep === SurveyStep.FOLLOW_UP) {
+            this.currentStep = SurveyStep.POLL;
+        }
+        else if (this.currentStep === SurveyStep.RESPONDENT_DETAILS) {
+            if (this.hasFollowUpStep()) {
+                this.currentStep = SurveyStep.FOLLOW_UP;
+            }
+            else {
+                this.currentStep = SurveyStep.POLL;
+            }
+        }
+    }
+    hasFollowUpStep() {
+        var _a, _b, _c;
+        return !!(((_a = this.config) === null || _a === void 0 ? void 0 : _a.followUpQuestion) && ((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.followUpChoices) === null || _c === void 0 ? void 0 : _c.length));
+    }
+    hasRespondentDetailsStep() {
+        return this.respondentDetails.length > 0;
+    }
+    announceToScreenReader(message) {
+        this.announceMessage = message;
+        setTimeout(() => {
+            this.announceMessage = '';
+        }, 1000);
+    }
+    isValidEmail(email) {
+        // Basic email validation regex
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        return emailRegex.test(email.trim());
+    }
+    validateRespondentField(detail, value) {
+        if (detail.required !== false && (!value || value.trim().length === 0)) {
+            return 'This field is required';
+        }
+        if (value && value.trim().length > 0) {
+            const config = getFieldConfig(detail, value);
+            if (config.inputType === 'email') {
+                if (!this.isValidEmail(value)) {
+                    return 'Please enter a valid email address';
+                }
+            }
+        }
+        return null;
+    }
+    validateForm() {
+        const errors = {};
+        if (this.currentStep === SurveyStep.POLL && this.selectedChoices.length === 0) {
+            errors['poll'] = 'Please select at least one option';
+        }
+        if (this.currentStep === SurveyStep.FOLLOW_UP && this.selectedFollowUpChoices.length === 0) {
+            errors['followup'] = 'Please select at least one option';
+        }
+        this.formErrors = errors;
+        return Object.keys(errors).length === 0;
+    }
+    handleChoiceSelect(choice) {
+        var _a;
+        const choiceValue = choice.value;
+        const isMultipleChoice = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.choiceType) === 'multiChoice';
+        if (isMultipleChoice) {
+            if (this.selectedChoices.includes(choiceValue)) {
+                this.selectedChoices = this.selectedChoices.filter(c => c !== choiceValue);
+                this.announceToScreenReader(`Deselected: ${choice.label}`);
+            }
+            else {
+                this.selectedChoices = [...this.selectedChoices, choiceValue];
+                this.announceToScreenReader(`Selected: ${choice.label}`);
+            }
+        }
+        else {
+            this.selectedChoices = [choiceValue];
+            this.announceToScreenReader(`Selected: ${choice.label}`);
+        }
+        // Clear any validation errors when user makes a selection
+        if (this.formErrors['poll']) {
+            const errors = Object.assign({}, this.formErrors);
+            delete errors['poll'];
+            this.formErrors = errors;
+        }
+    }
+    handleFollowUpChoiceSelect(choice) {
+        const choiceValue = choice.value;
+        if (this.selectedFollowUpChoices.includes(choiceValue)) {
+            this.selectedFollowUpChoices = this.selectedFollowUpChoices.filter(c => c !== choiceValue);
+        }
+        else {
+            this.selectedFollowUpChoices = [...this.selectedFollowUpChoices, choiceValue];
+        }
+    }
+    handleRespondentDetailChange(key, event) {
+        const target = event.target;
+        const detail = this.respondentDetails.find(d => d.value === key);
+        const inputType = (detail === null || detail === void 0 ? void 0 : detail.inputType) || 'text';
+        let value;
+        if (target.type === 'checkbox') {
+            // Handle checkbox inputs - maintain comma-separated list using browser-compatible helpers
+            const currentValue = this.userRespondentDetails[key] || '';
+            const sanitizedCheckboxValue = sanitizeInput(target.value, 100);
+            if (target.checked) {
+                value = addToCommaSeparatedList(currentValue, sanitizedCheckboxValue);
+            }
+            else {
+                value = removeFromCommaSeparatedList(currentValue, sanitizedCheckboxValue);
+            }
+        }
+        else {
+            // Handle all other input types (text, email, number, radio, select)
+            // Sanitize based on field type
+            value = sanitizeByType(target.value, inputType);
+        }
+        this.userRespondentDetails = Object.assign(Object.assign({}, this.userRespondentDetails), { [key]: value });
+    }
+    createInputHandler(fieldValue) {
+        const self = this;
+        return function (e) {
+            self.handleRespondentDetailChange(fieldValue, e);
+        };
+    }
+    isValueInArray(array, value) {
+        for (let i = 0; i < array.length; i++) {
+            if (array[i] === value) {
+                return true;
+            }
+        }
+        return false;
+    }
+    renderField(detail) {
+        const config = getFieldConfig(detail, this.userRespondentDetails[detail.value] || '');
+        const inputHandler = this.createInputHandler(detail.value);
+        switch (config.inputType) {
+            case 'text':
+            case 'email':
+            case 'number':
+                return (h("input", { part: "input form-input", type: config.inputType, value: config.currentValue, onInput: inputHandler, placeholder: config.placeholder, required: config.required }));
+            case 'dropdown':
+                if (!config.hasOptions) {
+                    return h("input", { part: "input form-input", type: "text", value: config.currentValue, onInput: inputHandler, placeholder: config.placeholder, required: config.required });
+                }
+                return (h("select", { part: "select form-select", onChange: inputHandler, required: config.required }, !config.defaultValue && (h("option", { value: "", disabled: true }, config.placeholder)), config.options.map(function (option) {
+                    return (h("option", { key: option.value, value: option.value, selected: config.currentValue === option.value || (!config.currentValue && config.defaultValue === option.value) }, option.label));
+                })));
+            case 'radio':
+                if (!config.hasOptions) {
+                    return h("input", { part: "input form-input", type: "text", value: config.currentValue, onInput: inputHandler, placeholder: config.placeholder, required: config.required });
+                }
+                return (h("div", { part: "radio-group" }, config.options.map(function (option) {
+                    return (h("div", { key: option.value, part: "radio-option" }, h("input", { part: "radio-input", type: "radio", id: config.fieldValue + '-' + option.value, name: config.fieldValue, value: option.value, checked: config.currentValue === option.value || (!config.currentValue && config.defaultValue === option.value), onChange: inputHandler, required: config.required }), h("label", { part: "radio-label", htmlFor: config.fieldValue + '-' + option.value }, option.label)));
+                })));
+            case 'checkbox':
+                if (!config.hasOptions) {
+                    return h("input", { part: "input form-input", type: "text", value: config.currentValue, onInput: inputHandler, placeholder: config.placeholder, required: config.required });
+                }
+                const self = this;
+                return (h("div", { part: "checkbox-group" }, config.options.map(function (option) {
+                    return (h("div", { key: option.value, part: "checkbox-option" }, h("input", { part: "checkbox-input", type: "checkbox", id: config.fieldValue + '-' + option.value, name: config.fieldValue, value: option.value, checked: self.isValueInArray(config.selectedValues, option.value), onChange: inputHandler }), h("label", { part: "checkbox-label", htmlFor: config.fieldValue + '-' + option.value }, option.label)));
+                })));
+            default:
+                return h("input", { part: "input form-input", type: "text", value: config.currentValue, onInput: inputHandler, placeholder: config.placeholder, required: config.required });
+        }
+    }
+    isRespondentDetailsValid() {
+        return this.respondentDetails.every(detail => {
+            const value = this.userRespondentDetails[detail.value] || '';
+            const error = this.validateRespondentField(detail, value);
+            return error === null;
+        });
+    }
+    renderPollStep() {
+        var _a, _b, _c, _d;
+        const isFinalStep = !this.hasFollowUpStep() && !this.hasRespondentDetailsStep();
+        const isMultiple = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.choiceType) === 'multiChoice';
+        const hasError = !!this.formErrors['poll'];
+        return (h("div", { part: "step poll-step" }, h("h2", { part: "heading poll-heading", id: "poll-heading" }, ((_b = this.config) === null || _b === void 0 ? void 0 : _b.question) || 'What is your choice?'), h("div", { part: "choices-container", role: isMultiple ? 'group' : 'radiogroup', "aria-labelledby": "poll-heading", "aria-invalid": hasError, "aria-describedby": hasError ? 'poll-error' : undefined }, (_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.choices) === null || _d === void 0 ? void 0 : _d.map((choice, index) => (h("label", { part: "choice-option", key: choice.value }, h("input", { part: isMultiple ? 'checkbox-input' : 'radio-input', type: isMultiple ? 'checkbox' : 'radio', id: `poll-choice-${index}`, name: "poll-choice", value: choice.value, checked: this.selectedChoices.includes(choice.value), onChange: () => this.handleChoiceSelect(choice), "aria-describedby": `poll-choice-${index}-label` }), h("span", { part: "choice-label", id: `poll-choice-${index}-label` }, choice.label))))), hasError && (h("div", { part: "error-message", id: "poll-error", role: "alert", "aria-live": "polite" }, this.formErrors['poll'])), h("div", { part: "button-container" }, h("button", { part: "button next-button", onClick: () => this.nextStep(), disabled: this.selectedChoices.length === 0 }, isFinalStep ? 'Submit' : 'Next'))));
+    }
+    renderFollowUpStep() {
+        var _a, _b, _c;
+        const isFinalStep = !this.hasRespondentDetailsStep();
+        return (h("div", { part: "step follow-up-step" }, h("h2", { part: "heading follow-up-heading" }, ((_a = this.config) === null || _a === void 0 ? void 0 : _a.followUpQuestion) || 'Follow-up question'), h("div", { part: "choices-container" }, (_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.followUpChoices) === null || _c === void 0 ? void 0 : _c.map(choice => (h("label", { part: "choice-option", key: choice.value }, h("input", { part: "checkbox-input", type: "checkbox", name: "follow-up-choice", value: choice.value, checked: this.selectedFollowUpChoices.includes(choice.value), onChange: () => this.handleFollowUpChoiceSelect(choice) }), h("span", { part: "choice-label" }, choice.label))))), h("div", { part: "button-container" }, h("button", { part: "button back-button", onClick: () => this.prevStep() }, "Back"), h("button", { part: "button next-button", onClick: () => this.nextStep() }, isFinalStep ? 'Submit' : 'Next'))));
+    }
+    renderRespondentDetailsStep() {
+        return (h("div", { part: "step respondent-details-step" }, h("h2", { part: "heading respondent-details-heading" }, "Tell us about yourself"), h("div", { part: "form-container" }, this.respondentDetails.map(detail => (h("div", { part: "form-field" }, h("label", { part: "form-label" }, detail.label, detail.required && h("span", { part: "required-indicator" }, " *")), this.renderField(detail))))), h("div", { part: "button-container" }, h("button", { part: "button back-button", onClick: () => this.prevStep() }, "Back"), h("button", { part: "button submit-button", onClick: () => this.submitResponse(), disabled: !this.isRespondentDetailsValid() }, "Submit"))));
+    }
+    renderCompletionStep() {
+        return (h("div", { part: "step completion-step" }, h("h2", { part: "heading completion-heading" }, this.completionMessage)));
+    }
+    renderCurrentStep() {
+        const stepRenderers = {
+            [SurveyStep.POLL]: this.renderPollStep.bind(this),
+            [SurveyStep.FOLLOW_UP]: this.renderFollowUpStep.bind(this),
+            [SurveyStep.RESPONDENT_DETAILS]: this.renderRespondentDetailsStep.bind(this),
+            [SurveyStep.COMPLETION]: this.renderCompletionStep.bind(this),
+        };
+        const renderer = stepRenderers[this.currentStep] || stepRenderers[SurveyStep.POLL];
+        return renderer();
+    }
+    render() {
+        if (!isValidKey(this.surveyKey)) {
+            return (h(Host, null, h("p", { part: "message error-message" }, "Unable to render survey due to invalid public key")));
+        }
+        if (this.loading) {
+            return (h(Host, null, h("p", { part: "message loading-message" }, "Loading survey...")));
+        }
+        if (this.error) {
+            return (h(Host, null, h("div", { part: "error-container" }, h("p", { part: "message error-message" }, this.error), h("button", { part: "button retry-button", onClick: () => this.retryOperation() }, "Try again"))));
+        }
+        if (!this.config) {
+            return (h(Host, null, h("div", { part: "error-container" }, h("p", { part: "message error-message" }, "No survey configuration found"), h("button", { part: "button retry-button", onClick: () => this.retryOperation() }, "Try again"))));
+        }
+        return (h(Host, null, h("div", { part: "survey-container", role: "main", "aria-label": "Poll Survey" }, this.renderCurrentStep(), h("div", { "aria-live": "polite", "aria-atomic": "true", class: "sr-only", part: "announcements" }, this.announceMessage))));
+    }
+    static get is() { return "sf-fastpoll"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["sf-fastpoll.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["sf-fastpoll.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "surveyKey": {
+                "type": "string",
+                "attribute": "survey-key",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "completionMessage": {
+                "type": "string",
+                "attribute": "completion-message",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Thank you for your response!'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "config": {},
+            "respondentDetails": {},
+            "loading": {},
+            "error": {},
+            "currentStep": {},
+            "selectedChoices": {},
+            "selectedFollowUpChoices": {},
+            "userRespondentDetails": {},
+            "submitted": {},
+            "announceMessage": {},
+            "formErrors": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=sf-fastpoll.js.map

package/dist/collection/components/sf-fastpoll/sf-fastpoll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sf-fastpoll.js","sourceRoot":"","sources":["../../../src/components/sf-fastpoll/sf-fastpoll.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Element, Env } from '@stencil/core';\nimport { isValidKey, getFieldConfig, addToCommaSeparatedList, removeFromCommaSeparatedList, sanitizeByType, sanitizeInput } from '../../utils/utils';\n\nconst SURVEY_API_ENDPOINT = Env.SURVEY_API_ENDPOINT;\nconst RESPONSE_API_ENDPOINT = Env.RESPONSE_API_ENDPOINT;\n\nenum SurveyStep {\n  POLL = 0,\n  FOLLOW_UP = 1,\n  RESPONDENT_DETAILS = 2,\n  COMPLETION = 3,\n}\n\ninterface RespondentDetail {\n  label: string;\n  value: string;\n  inputType: string; // 'text', 'email', 'dropdown', 'radio', 'checkbox', 'number'\n  required?: boolean;\n  placeholder?: string;\n  options?: Array<{\n    value: string;\n    label: string;\n  }>;\n  defaultValue?: any;\n}\n\ninterface Choice {\n  label: string;\n  value: string;\n}\n\ninterface SurveyConfig {\n  question: string;\n  choiceType: string; // 'single' or 'multiple'\n  choices: Choice[];\n  followUpChoices?: Choice[];\n  followUpQuestion?: string;\n}\n\ninterface SurveyPayload {\n  config: SurveyConfig;\n  respondentDetails?: RespondentDetail[];\n}\n\ninterface ApiResponse {\n  success: boolean;\n  message: string;\n  payload: SurveyPayload;\n}\n\n@Component({\n  tag: 'sf-fastpoll',\n  styleUrl: 'sf-fastpoll.css',\n  shadow: true,\n})\nexport class SfFastpoll {\n  @Element() el: HTMLElement;\n\n  @Prop() surveyKey: string;\n\n  @Prop() completionMessage: string = 'Thank you for your response!';\n\n  @State() config: SurveyConfig | null = null;\n\n  @State() respondentDetails: RespondentDetail[] = [];\n\n  @State() loading: boolean = false;\n\n  @State() error: string | null = null;\n\n  @State() currentStep: SurveyStep = SurveyStep.POLL;\n\n  @State() selectedChoices: string[] = [];\n\n  @State() selectedFollowUpChoices: string[] = [];\n\n  @State() userRespondentDetails: { [key: string]: string } = {};\n\n  @State() submitted: boolean = false;\n\n  @State() announceMessage: string = '';\n\n  @State() formErrors: { [key: string]: string } = {};\n\n  private surveyStartTime: number = 0;\n\n  componentWillLoad() {\n    if (isValidKey(this.surveyKey)) {\n      return this.fetchSurveyData();\n    }\n    return Promise.resolve();\n  }\n\n  private async fetchSurveyData() {\n    this.loading = true;\n    this.error = null;\n    this.surveyStartTime = Date.now();\n\n    try {\n      const response = await fetch(`${SURVEY_API_ENDPOINT}/${this.surveyKey}`);\n      const data: ApiResponse = await response.json();\n\n      if (!data.success) {\n        throw new Error(data.message);\n      }\n\n      this.config = data.payload.config;\n      this.respondentDetails = data.payload.respondentDetails || [];\n    } catch (error) {\n      this.error = error instanceof Error ? error.message : String(error);\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  private async retryOperation() {\n    if (this.config) {\n      // If we have config, retry submission\n      await this.submitResponse();\n    } else {\n      // Otherwise, retry fetching survey data\n      await this.fetchSurveyData();\n    }\n  }\n\n  private async submitResponse() {\n    if (!this.config || this.submitted) {\n      return;\n    }\n\n    this.loading = true;\n    this.error = null;\n\n    try {\n      const completionTimeSeconds = this.surveyStartTime > 0 ? Math.round((Date.now() - this.surveyStartTime) / 1000) : 0;\n      const userAgentInfo = this.getUserAgentInfo();\n\n      const submissionData = {\n        surveyPublicKey: this.surveyKey,\n        responseData: {\n          selectedChoices: this.selectedChoices,\n          selectedFollowUpChoices: this.selectedFollowUpChoices,\n        },\n        respondentDetails: this.userRespondentDetails,\n        userAgent: userAgentInfo,\n        completionTime: completionTimeSeconds,\n        surveyType: 'fastPoll',\n      };\n\n      const response = await fetch(`${RESPONSE_API_ENDPOINT}`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify(submissionData),\n      });\n\n      const result = await response.json();\n\n      if (!result.success) {\n        throw new Error(result.message);\n      }\n\n      this.submitted = true;\n      this.currentStep = SurveyStep.COMPLETION;\n    } catch (error) {\n      this.error = error instanceof Error ? error.message : String(error);\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  private getUserAgentInfo() {\n    // Use modern navigator.userAgentData when available, fallback to userAgent parsing\n    const getPlatform = () => {\n      if ('userAgentData' in navigator && (navigator as any).userAgentData?.platform) {\n        return (navigator as any).userAgentData.platform;\n      }\n      // Fallback: extract platform info from userAgent\n      const ua = navigator.userAgent;\n      if (ua.includes('Win')) return 'Windows';\n      if (ua.includes('Mac')) return 'macOS';\n      if (ua.includes('Linux')) return 'Linux';\n      if (ua.includes('Android')) return 'Android';\n      if (ua.includes('iOS')) return 'iOS';\n      return 'Unknown';\n    };\n\n    return {\n      userAgent: navigator.userAgent,\n      language: navigator.language,\n      platform: getPlatform(),\n      cookieEnabled: navigator.cookieEnabled,\n      onLine: navigator.onLine,\n      screenResolution: `${screen.width}x${screen.height}`,\n      colorDepth: screen.colorDepth,\n      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n      timestamp: new Date().toISOString(),\n    };\n  }\n\n  private nextStep() {\n    if (!this.validateForm()) {\n      return;\n    }\n\n    if (this.currentStep === SurveyStep.POLL) {\n      if (this.hasFollowUpStep()) {\n        this.currentStep = SurveyStep.FOLLOW_UP;\n        this.announceToScreenReader('Moving to follow-up question');\n      } else if (this.hasRespondentDetailsStep()) {\n        this.currentStep = SurveyStep.RESPONDENT_DETAILS;\n        this.announceToScreenReader('Moving to respondent details');\n      } else {\n        this.announceToScreenReader('Submitting poll...');\n        this.submitResponse();\n      }\n    } else if (this.currentStep === SurveyStep.FOLLOW_UP) {\n      if (this.hasRespondentDetailsStep()) {\n        this.currentStep = SurveyStep.RESPONDENT_DETAILS;\n        this.announceToScreenReader('Moving to respondent details');\n      } else {\n        this.announceToScreenReader('Submitting poll...');\n        this.submitResponse();\n      }\n    } else if (this.currentStep === SurveyStep.RESPONDENT_DETAILS) {\n      this.announceToScreenReader('Submitting poll...');\n      this.submitResponse();\n    }\n  }\n\n  private prevStep() {\n    if (this.currentStep === SurveyStep.FOLLOW_UP) {\n      this.currentStep = SurveyStep.POLL;\n    } else if (this.currentStep === SurveyStep.RESPONDENT_DETAILS) {\n      if (this.hasFollowUpStep()) {\n        this.currentStep = SurveyStep.FOLLOW_UP;\n      } else {\n        this.currentStep = SurveyStep.POLL;\n      }\n    }\n  }\n\n  private hasFollowUpStep(): boolean {\n    return !!(this.config?.followUpQuestion && this.config?.followUpChoices?.length);\n  }\n\n  private hasRespondentDetailsStep(): boolean {\n    return this.respondentDetails.length > 0;\n  }\n\n  private announceToScreenReader(message: string) {\n    this.announceMessage = message;\n    setTimeout(() => {\n      this.announceMessage = '';\n    }, 1000);\n  }\n\n  private isValidEmail(email: string): boolean {\n    // Basic email validation regex\n    const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n    return emailRegex.test(email.trim());\n  }\n\n  private validateRespondentField(detail: RespondentDetail, value: string): string | null {\n    if (detail.required !== false && (!value || value.trim().length === 0)) {\n      return 'This field is required';\n    }\n\n    if (value && value.trim().length > 0) {\n      const config = getFieldConfig(detail, value);\n      if (config.inputType === 'email') {\n        if (!this.isValidEmail(value)) {\n          return 'Please enter a valid email address';\n        }\n      }\n    }\n\n    return null;\n  }\n\n  private validateForm(): boolean {\n    const errors: { [key: string]: string } = {};\n\n    if (this.currentStep === SurveyStep.POLL && this.selectedChoices.length === 0) {\n      errors['poll'] = 'Please select at least one option';\n    }\n\n    if (this.currentStep === SurveyStep.FOLLOW_UP && this.selectedFollowUpChoices.length === 0) {\n      errors['followup'] = 'Please select at least one option';\n    }\n\n    this.formErrors = errors;\n    return Object.keys(errors).length === 0;\n  }\n\n  private handleChoiceSelect(choice: Choice) {\n    const choiceValue = choice.value;\n    const isMultipleChoice = this.config?.choiceType === 'multiChoice';\n\n    if (isMultipleChoice) {\n      if (this.selectedChoices.includes(choiceValue)) {\n        this.selectedChoices = this.selectedChoices.filter(c => c !== choiceValue);\n        this.announceToScreenReader(`Deselected: ${choice.label}`);\n      } else {\n        this.selectedChoices = [...this.selectedChoices, choiceValue];\n        this.announceToScreenReader(`Selected: ${choice.label}`);\n      }\n    } else {\n      this.selectedChoices = [choiceValue];\n      this.announceToScreenReader(`Selected: ${choice.label}`);\n    }\n\n    // Clear any validation errors when user makes a selection\n    if (this.formErrors['poll']) {\n      const errors = { ...this.formErrors };\n      delete errors['poll'];\n      this.formErrors = errors;\n    }\n  }\n\n  private handleFollowUpChoiceSelect(choice: Choice) {\n    const choiceValue = choice.value;\n    if (this.selectedFollowUpChoices.includes(choiceValue)) {\n      this.selectedFollowUpChoices = this.selectedFollowUpChoices.filter(c => c !== choiceValue);\n    } else {\n      this.selectedFollowUpChoices = [...this.selectedFollowUpChoices, choiceValue];\n    }\n  }\n\n  private handleRespondentDetailChange(key: string, event: Event) {\n    const target = event.target as HTMLInputElement | HTMLSelectElement;\n    const detail = this.respondentDetails.find(d => d.value === key);\n    const inputType = detail?.inputType || 'text';\n    let value: string;\n\n    if (target.type === 'checkbox') {\n      // Handle checkbox inputs - maintain comma-separated list using browser-compatible helpers\n      const currentValue = this.userRespondentDetails[key] || '';\n      const sanitizedCheckboxValue = sanitizeInput(target.value, 100);\n      if (target.checked) {\n        value = addToCommaSeparatedList(currentValue, sanitizedCheckboxValue);\n      } else {\n        value = removeFromCommaSeparatedList(currentValue, sanitizedCheckboxValue);\n      }\n    } else {\n      // Handle all other input types (text, email, number, radio, select)\n      // Sanitize based on field type\n      value = sanitizeByType(target.value, inputType);\n    }\n\n    this.userRespondentDetails = {\n      ...this.userRespondentDetails,\n      [key]: value,\n    };\n  }\n\n  private createInputHandler(fieldValue: string) {\n    const self = this;\n    return function (e: Event) {\n      self.handleRespondentDetailChange(fieldValue, e);\n    };\n  }\n\n  private isValueInArray(array: string[], value: string): boolean {\n    for (let i = 0; i < array.length; i++) {\n      if (array[i] === value) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  private renderField(detail: RespondentDetail) {\n    const config = getFieldConfig(detail, this.userRespondentDetails[detail.value] || '');\n    const inputHandler = this.createInputHandler(detail.value);\n\n    switch (config.inputType) {\n      case 'text':\n      case 'email':\n      case 'number':\n        return (\n          <input part=\"input form-input\" type={config.inputType} value={config.currentValue} onInput={inputHandler} placeholder={config.placeholder} required={config.required} />\n        );\n\n      case 'dropdown':\n        if (!config.hasOptions) {\n          return <input part=\"input form-input\" type=\"text\" value={config.currentValue} onInput={inputHandler} placeholder={config.placeholder} required={config.required} />;\n        }\n        return (\n          <select part=\"select form-select\" onChange={inputHandler} required={config.required}>\n            {!config.defaultValue && (\n              <option value=\"\" disabled>\n                {config.placeholder}\n              </option>\n            )}\n            {config.options.map(function (option) {\n              return (\n                <option key={option.value} value={option.value} selected={config.currentValue === option.value || (!config.currentValue && config.defaultValue === option.value)}>\n                  {option.label}\n                </option>\n              );\n            })}\n          </select>\n        );\n\n      case 'radio':\n        if (!config.hasOptions) {\n          return <input part=\"input form-input\" type=\"text\" value={config.currentValue} onInput={inputHandler} placeholder={config.placeholder} required={config.required} />;\n        }\n        return (\n          <div part=\"radio-group\">\n            {config.options.map(function (option) {\n              return (\n                <div key={option.value} part=\"radio-option\">\n                  <input\n                    part=\"radio-input\"\n                    type=\"radio\"\n                    id={config.fieldValue + '-' + option.value}\n                    name={config.fieldValue}\n                    value={option.value}\n                    checked={config.currentValue === option.value || (!config.currentValue && config.defaultValue === option.value)}\n                    onChange={inputHandler}\n                    required={config.required}\n                  />\n                  <label part=\"radio-label\" htmlFor={config.fieldValue + '-' + option.value}>\n                    {option.label}\n                  </label>\n                </div>\n              );\n            })}\n          </div>\n        );\n\n      case 'checkbox':\n        if (!config.hasOptions) {\n          return <input part=\"input form-input\" type=\"text\" value={config.currentValue} onInput={inputHandler} placeholder={config.placeholder} required={config.required} />;\n        }\n        const self = this;\n        return (\n          <div part=\"checkbox-group\">\n            {config.options.map(function (option) {\n              return (\n                <div key={option.value} part=\"checkbox-option\">\n                  <input\n                    part=\"checkbox-input\"\n                    type=\"checkbox\"\n                    id={config.fieldValue + '-' + option.value}\n                    name={config.fieldValue}\n                    value={option.value}\n                    checked={self.isValueInArray(config.selectedValues, option.value)}\n                    onChange={inputHandler}\n                  />\n                  <label part=\"checkbox-label\" htmlFor={config.fieldValue + '-' + option.value}>\n                    {option.label}\n                  </label>\n                </div>\n              );\n            })}\n          </div>\n        );\n\n      default:\n        return <input part=\"input form-input\" type=\"text\" value={config.currentValue} onInput={inputHandler} placeholder={config.placeholder} required={config.required} />;\n    }\n  }\n\n  private isRespondentDetailsValid(): boolean {\n    return this.respondentDetails.every(detail => {\n      const value = this.userRespondentDetails[detail.value] || '';\n      const error = this.validateRespondentField(detail, value);\n      return error === null;\n    });\n  }\n\n  private renderPollStep() {\n    const isFinalStep = !this.hasFollowUpStep() && !this.hasRespondentDetailsStep();\n    const isMultiple = this.config?.choiceType === 'multiChoice';\n    const hasError = !!this.formErrors['poll'];\n\n    return (\n      <div part=\"step poll-step\">\n        <h2 part=\"heading poll-heading\" id=\"poll-heading\">\n          {this.config?.question || 'What is your choice?'}\n        </h2>\n        <div\n          part=\"choices-container\"\n          role={isMultiple ? 'group' : 'radiogroup'}\n          aria-labelledby=\"poll-heading\"\n          aria-invalid={hasError}\n          aria-describedby={hasError ? 'poll-error' : undefined}\n        >\n          {this.config?.choices?.map((choice, index) => (\n            <label part=\"choice-option\" key={choice.value}>\n              <input\n                part={isMultiple ? 'checkbox-input' : 'radio-input'}\n                type={isMultiple ? 'checkbox' : 'radio'}\n                id={`poll-choice-${index}`}\n                name=\"poll-choice\"\n                value={choice.value}\n                checked={this.selectedChoices.includes(choice.value)}\n                onChange={() => this.handleChoiceSelect(choice)}\n                aria-describedby={`poll-choice-${index}-label`}\n              />\n              <span part=\"choice-label\" id={`poll-choice-${index}-label`}>\n                {choice.label}\n              </span>\n            </label>\n          ))}\n        </div>\n        {hasError && (\n          <div part=\"error-message\" id=\"poll-error\" role=\"alert\" aria-live=\"polite\">\n            {this.formErrors['poll']}\n          </div>\n        )}\n        <div part=\"button-container\">\n          <button part=\"button next-button\" onClick={() => this.nextStep()} disabled={this.selectedChoices.length === 0}>\n            {isFinalStep ? 'Submit' : 'Next'}\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  private renderFollowUpStep() {\n    const isFinalStep = !this.hasRespondentDetailsStep();\n\n    return (\n      <div part=\"step follow-up-step\">\n        <h2 part=\"heading follow-up-heading\">{this.config?.followUpQuestion || 'Follow-up question'}</h2>\n        <div part=\"choices-container\">\n          {this.config?.followUpChoices?.map(choice => (\n            <label part=\"choice-option\" key={choice.value}>\n              <input\n                part=\"checkbox-input\"\n                type=\"checkbox\"\n                name=\"follow-up-choice\"\n                value={choice.value}\n                checked={this.selectedFollowUpChoices.includes(choice.value)}\n                onChange={() => this.handleFollowUpChoiceSelect(choice)}\n              />\n              <span part=\"choice-label\">{choice.label}</span>\n            </label>\n          ))}\n        </div>\n        <div part=\"button-container\">\n          <button part=\"button back-button\" onClick={() => this.prevStep()}>\n            Back\n          </button>\n          <button part=\"button next-button\" onClick={() => this.nextStep()}>\n            {isFinalStep ? 'Submit' : 'Next'}\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  private renderRespondentDetailsStep() {\n    return (\n      <div part=\"step respondent-details-step\">\n        <h2 part=\"heading respondent-details-heading\">Tell us about yourself</h2>\n        <div part=\"form-container\">\n          {this.respondentDetails.map(detail => (\n            <div part=\"form-field\">\n              <label part=\"form-label\">\n                {detail.label}\n                {detail.required && <span part=\"required-indicator\"> *</span>}\n              </label>\n              {this.renderField(detail)}\n            </div>\n          ))}\n        </div>\n        <div part=\"button-container\">\n          <button part=\"button back-button\" onClick={() => this.prevStep()}>\n            Back\n          </button>\n          <button part=\"button submit-button\" onClick={() => this.submitResponse()} disabled={!this.isRespondentDetailsValid()}>\n            Submit\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  private renderCompletionStep() {\n    return (\n      <div part=\"step completion-step\">\n        <h2 part=\"heading completion-heading\">{this.completionMessage}</h2>\n      </div>\n    );\n  }\n\n  private renderCurrentStep() {\n    const stepRenderers = {\n      [SurveyStep.POLL]: this.renderPollStep.bind(this),\n      [SurveyStep.FOLLOW_UP]: this.renderFollowUpStep.bind(this),\n      [SurveyStep.RESPONDENT_DETAILS]: this.renderRespondentDetailsStep.bind(this),\n      [SurveyStep.COMPLETION]: this.renderCompletionStep.bind(this),\n    };\n\n    const renderer = stepRenderers[this.currentStep] || stepRenderers[SurveyStep.POLL];\n\n    return renderer();\n  }\n\n  render() {\n    if (!isValidKey(this.surveyKey)) {\n      return (\n        <Host>\n          <p part=\"message error-message\">Unable to render survey due to invalid public key</p>\n        </Host>\n      );\n    }\n\n    if (this.loading) {\n      return (\n        <Host>\n          <p part=\"message loading-message\">Loading survey...</p>\n        </Host>\n      );\n    }\n\n    if (this.error) {\n      return (\n        <Host>\n          <div part=\"error-container\">\n            <p part=\"message error-message\">{this.error}</p>\n            <button part=\"button retry-button\" onClick={() => this.retryOperation()}>\n              Try again\n            </button>\n          </div>\n        </Host>\n      );\n    }\n\n    if (!this.config) {\n      return (\n        <Host>\n          <div part=\"error-container\">\n            <p part=\"message error-message\">No survey configuration found</p>\n            <button part=\"button retry-button\" onClick={() => this.retryOperation()}>\n              Try again\n            </button>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div part=\"survey-container\" role=\"main\" aria-label=\"Poll Survey\">\n          {this.renderCurrentStep()}\n          {/* ARIA live region for screen reader announcements */}\n          <div aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\" part=\"announcements\">\n            {this.announceMessage}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/index.js

@@ -0,0 +1,11 @@
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export { isValidKey, formatErrorMessage } from './utils/utils';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport { isValidKey, formatErrorMessage } from './utils/utils';\nexport type * from './components.d.ts';\n"]}