@explorer02/cfm-survey-sdk 0.1.8 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +24 -26
- package/dist/index.d.ts +24 -26
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +2 -2
- package/postinstall.js +21 -30
- package/templates/AGENT.md +24 -10
- package/templates/docs/00-integration/constraints.md +54 -0
- package/templates/docs/00-integration/setup.md +80 -0
- package/templates/docs/00-integration/useSurveySDK.md +107 -0
- package/templates/docs/{03-client-components → 01-components}/README.md +1 -1
- package/templates/docs/02-question-types/01-rating.md +0 -8
- package/templates/docs/02-reference/question-types/01-rating.md +52 -0
- package/templates/docs/02-reference/question-types/README.md +71 -0
- package/templates/docs/02-reference/routing-table.md +37 -0
- package/templates/docs/MANIFEST.json +129 -0
- package/templates/docs/index.md +100 -142
- package/templates/docs/templates/implementation_plan.md +78 -0
- package/templates/docs/01-sdk-core/01-fetch-survey.md +0 -68
- package/templates/docs/01-sdk-core/02-survey-mapper.md +0 -85
- package/templates/docs/01-sdk-core/03-question-mappers.md +0 -114
- package/templates/docs/01-sdk-core/04-pagination.md +0 -72
- package/templates/docs/01-sdk-core/05-validation.md +0 -66
- package/templates/docs/01-sdk-core/06-submit-survey.md +0 -90
- package/templates/docs/01-sdk-core/07-language-handling.md +0 -111
- package/templates/docs/01-sdk-core/08-icons-and-emojis.md +0 -56
- package/templates/docs/01-sdk-core/README.md +0 -53
- package/templates/docs/02-question-types/02-radio.md +0 -26
- package/templates/docs/02-question-types/03-text.md +0 -26
- package/templates/docs/02-question-types/12-text-and-media.md +0 -35
- package/templates/docs/02-question-types/README.md +0 -74
- package/templates/docs/04-critical-rules/01-import-rules.md +0 -51
- package/templates/docs/04-critical-rules/02-action-dispatching.md +0 -56
- package/templates/docs/04-critical-rules/03-scroll-navigation.md +0 -37
- package/templates/docs/04-critical-rules/04-logo-branding.md +0 -42
- package/templates/docs/04-critical-rules/05-troubleshooting.md +0 -46
- package/templates/docs/04-critical-rules/README.md +0 -29
- /package/templates/docs/{03-client-components → 01-components}/01-survey-page.md +0 -0
- /package/templates/docs/{03-client-components → 01-components}/02-question.md +0 -0
- /package/templates/docs/{03-client-components → 01-components}/03-rating-scale.md +0 -0
- /package/templates/docs/{03-client-components → 01-components}/04-csat-scale.md +0 -0
- /package/templates/docs/{03-client-components → 01-components}/05-csat-matrix-scale.md +0 -0
- /package/templates/docs/{03-client-components → 01-components}/06-likert-matrix-scale.md +0 -0
- /package/templates/docs/{03-client-components → 01-components}/07-slider-matrix-scale.md +0 -0
- /package/templates/docs/{03-client-components → 01-components}/08-file-upload-scale.md +0 -0
- /package/templates/docs/{03-client-components → 01-components}/09-custom-slider-track.md +0 -0
- /package/templates/docs/{03-client-components → 01-components}/10-header-footer.md +0 -0
- /package/templates/docs/{03-client-components → 01-components}/11-progress-bar.md +0 -0
- /package/templates/docs/{03-client-components → 01-components}/12-language-selector.md +0 -0
- /package/templates/docs/{03-client-components → 01-components}/13-matrix-dropdown.md +0 -0
- /package/templates/docs/{02-question-types → 02-reference/question-types}/04-csat.md +0 -0
- /package/templates/docs/{02-question-types → 02-reference/question-types}/05-rating-scale.md +0 -0
- /package/templates/docs/{02-question-types → 02-reference/question-types}/06-slider.md +0 -0
- /package/templates/docs/{02-question-types → 02-reference/question-types}/07-matrix-cfm.md +0 -0
- /package/templates/docs/{02-question-types → 02-reference/question-types}/08-matrix-csat.md +0 -0
- /package/templates/docs/{02-question-types → 02-reference/question-types}/09-matrix-rating.md +0 -0
- /package/templates/docs/{02-question-types → 02-reference/question-types}/10-slider-matrix.md +0 -0
- /package/templates/docs/{02-question-types → 02-reference/question-types}/11-file-upload.md +0 -0
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useCallback as w4}from"react";import{useMemo as t4}from"react";import{useQuery as a4}from"@tanstack/react-query";import{QueryClient as W2}from"@tanstack/react-query";var W=!1,Q2={debug:"background: #7f8c8d; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold;",info:"background: #2980b9; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold;",warn:"background: #f1c40f; color: #000; padding: 2px 5px; border-radius: 3px; font-weight: bold;",error:"background: #e74c3c; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold;",success:"background: #2ecc71; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold;",perf:"background: #9b59b6; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold;",analytics:"background: #e20074; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold;"};function b(c,t,a){if(!W&&c!=="analytics")return;let l=new Date().toLocaleTimeString(),i=`%c[SDK:${c.toUpperCase()}]`,r=Q2[c];a!==void 0?console.log(`[${l}] ${i}`,r,t,a):console.log(`[${l}] ${i}`,r,t)}var M={setEnabled:c=>{W=c},isEnabled:()=>W,debug:(c,t)=>b("debug",c,t),info:(c,t)=>b("info",c,t),warn:(c,t)=>b("warn",c,t),error:(c,t)=>b("error",c,t),success:(c,t)=>b("success",c,t),analytics:(c,t)=>b("analytics",c,t),perf:c=>{b("perf",`${c.apiName} completed in ${c.durationMs.toFixed(2)}ms | Status: ${c.status}`,c)}};var I=new W2({defaultOptions:{queries:{staleTime:1/0,refetchOnWindowFocus:!1,refetchOnReconnect:!1,refetchInterval:!1,retryDelay:5e3,retry:(c,t)=>{if(c>=3)return M.error("Query failed permanently after 3 attempts. Stopping retries.",t),!1;if(t instanceof Error){let a=t.message;if(a.includes("400")||a.includes("401")||a.includes("403")||a.includes("404")||a.includes("422"))return M.error(`Query failed permanently due to client error (${a}). Skipping retry.`,t),!1}return M.warn(`Query failed. Retrying attempt ${c+1}/3...`,t),!0}},mutations:{networkMode:"always",retryDelay:5e3,retry:(c,t)=>{if(c>=3)return M.error("Mutation failed permanently after 3 attempts. Stopping retries.",t),!1;if(t instanceof Error){let a=t.message;if(a.includes("400")||a.includes("401")||a.includes("403")||a.includes("422"))return M.error("Mutation failed permanently due to validation/client error. Skipping retry.",t),!1}return M.warn(`Mutation failed. Retrying attempt ${c+1}/3...`,t),!0}}}});var L1="https://custom-p0.feedbook.me/api/feedback/survey/cfm",m1="eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJBY2Nlc3MgVG9rZW4gR2VuZXJhdGVkIEJ5IFNwcmlua2xyIiwic3VydmV5SWQiOiI2YTJlNWM2NDFiOGRiMmY5MDQ2Nzg4ODUiLCJpc3MiOiJTUFJJTktMUiIsInR5cCI6IkpXVCIsInN1cnZleU1vZGUiOiJTVEFOREFSRCIsInN1cnZleUF1dGhlbnRpY2F0aW9uU3RhdGUiOiJOT1RfUkVRVUlSRUQiLCJkaXN0cmlidXRpb25FbnRpdHlJZCI6IjZhMmU1ZDEzNDRjYTkzZjc3YTVlMzcyNyIsImF1ZCI6IlNQUklOS0xSIiwibmJmIjoxNzgxNDIyMTc5LCJzY29wZSI6WyJSRUFEIiwiV1JJVEUiXSwic3RhdGljU3VydmV5IjoidHJ1ZSIsInN1cnZleVJlc3BvbmRlclNuVHlwZSI6IkVYVEVSTkFMX0FQUExJQ0FUSU9OIiwic3VydmV5TGFuZ3VhZ2UiOiJlbiIsInBhcnRuZXJJZCI6OTAwNCwidG9rZW5UeXBlIjoiQUNDRVNTIiwiYXV0aFR5cGUiOiJTVVJWRVlfUkVTUE9OU0UiLCJpYXQiOjE3ODE0MjMzNzksImp0aSI6InNwcmlua2xyIn0.B4ffi1szwM_xQKXTlr0kQc9mVOS4qVbB5e6ir4NFuCoOmNmsl3PB1QeFJ5jPaQ42s0KTpbufPam9ja0Z84CJ620l2WtuS1RModEv7ZtuMNLWOixzRxZMduC5-V7WV85H6gr1e-HzX7wgqrxTk2Z9iTr-8AVuczlwScarCfqLhA-JE_EXkFScHoehmH7QB5q5-BfcxU32iQNYOk5NyeEHGAAWkkyiGPdrbE27njPnhTunB3kKgCBvHHLq0KmgoN9x_KnrB53O_0Xai419TT5vkBWlu5a_uotZckX014eQpxYH02w_LeOF8iWEKYe6R9ge-6DSbelaJSt6U6O8Fq-aXw";function _2(c){return`${L1}?instanceId=${encodeURIComponent(c)}&draftPreview=false`}function C1(c){let t=typeof c=="string"&&c.trim().length>0?c.trim():m1;return _2(t)}var j2={en:"English",hi:"Hindi",de:"Deutsch",es:"Espa\xF1ol",fr:"Fran\xE7ais",bn:"Bengali",gu:"Gujarati",it:"Italiano",ja:"\u65E5\u672C\u8A9E",ko:"\uD55C\uAD6D\uC5B4",mr:"Marathi",pa:"Punjabi",ta:"Tamil",te:"Telugu",ur:"Urdu",zh:"\u4E2D\u6587"};function J2(c){let t=c.toLowerCase().trim();return j2[t]||c.toUpperCase()}function f1(c){let t=c.cfmSurveyDTO,a=new Set,l=t?.baseLanguage??"en";return a.add(l),t&&Array.isArray(t.surveyPages)&&t.surveyPages.forEach(i=>{(i.questionHolders??[]).forEach(r=>{let e=r.question;e&&e.translations&&Object.keys(e.translations).forEach(h=>{a.add(h)})})}),Array.from(a).map(i=>({code:i,name:J2(i)}))}var X2=new Set(["CFM_MATRIX","CSAT_MATRIX"]);function _(c){let t=(c??"").toUpperCase();return t==="TEXTFIELD"?"text":t==="NPS_SCALE"||t==="RATING"||t==="SCALE"?"rating":X2.has(t)?"matrix":t==="RATING_MATRIX"?"rating_matrix":t==="SLIDER_MATRIX"?"slider_matrix":t==="TEXT_AND_MEDIA"||t==="CONTENT"?"text_and_media":t==="FILE_UPLOAD"?"file_upload":"radio"}function j(c,t,a){if(c.toUpperCase()==="NPS_SCALE")return"nps";let i=t.find(e=>e.key==="SCALE_TYPE")?.value?.[0]?.toUpperCase();return t.find(e=>e.key==="INPUT_TYPE")?.value?.[0]?.toUpperCase()==="SLIDER"?"slider":i==="CSAT"||i==="STAR"||i==="EMOJI"||a>0&&a<=5?"csat":"nps"}function Z(c=[],t){let a=c.filter(l=>l.additional?.isHintText&&!l.hidden).map(l=>t&&l.translations?.[t]?.answerText||l.answerText||"").filter(Boolean);return a.length>=3?{minLabel:a[0],midLabel:a[1],maxLabel:a[2]}:{minLabel:a[0],maxLabel:a[1]}}var K2=["#e2001a","#e4251b","#ec610a","#f18b00","#f7b200","#fcd900","#d2dc00","#9fca00","#6bb300","#339a00","#008000"];function R(c){return K2[c]??"#e20074"}function T(c,t,a){if(t==="text")return[];let i=(c.answerDetails??[]).filter(r=>!r.hidden&&!r.additional?.isHintText);return i.length>0?i.map((r,e)=>{let h=a&&r.translations?.[a]?.answerText||r.answerText||"",s=r.answerText??"",v=Number(s),o=Number.isFinite(v)&&s.trim()!==""?v:s,n={id:r.id??String(e),label:h,value:o};return t==="rating"&&typeof o=="number"&&(n.color=R(o)),n}):t==="rating"?Array.from({length:11},(r,e)=>({id:String(e),label:String(e),value:e,color:R(e)})):[]}function J(c){let t=c.questionConfigs??[],a=c.additional??{},l=t.find(n=>n.key==="SLIDER_MIN")?.value?.[0]??t.find(n=>n.key==="MIN_VALUE")?.value?.[0]??a.sliderMin,i=t.find(n=>n.key==="SLIDER_MAX")?.value?.[0]??t.find(n=>n.key==="MAX_VALUE")?.value?.[0]??a.sliderMax,r=t.find(n=>n.key==="SLIDER_STEP")?.value?.[0]??a.sliderStep,e=t.find(n=>n.key==="DEFAULT_VALUE")?.value?.[0]??a.defaultValue,h=l!==void 0?Number(l):0,s=i!==void 0?Number(i):10,v=r!==void 0&&Number(r)>0?Number(r):1,o=e!==void 0?Number(e):void 0;return{min:Number.isFinite(h)?h:0,max:Number.isFinite(s)?s:10,step:Number.isFinite(v)?v:1,...o!==void 0&&Number.isFinite(o)?{defaultValue:o}:{}}}function w1(c,t,a,l){let i=(c.answerDetails??[]).filter(d=>!d.hidden&&!d.additional?.isHintText),r=j(c.answerType??"",a,i.length);if(r==="csat"){let{minLabel:d,maxLabel:g}=Z(c.answerDetails,l),z=T(c,"radio",l),L=a.map(m=>m.value?.[0]||"").join(" ").toUpperCase(),u=(c.dataSubType||"").toUpperCase(),p=`${L} ${u}`,x=a.find(m=>m.key==="BUTTON_TYPE")?.value?.[0]?.toLowerCase()||void 0;x||(p.includes("EMOJI")||p.includes("CSAT")||p.includes("SMILEY")||p.includes("FACE")?x="emoji":p.includes("STAR")?x="star":p.includes("GRAPHIC")||p.includes("SLIDER")?x="graphics":p.includes("DROP")?x="dropdown":p.includes("SELECT")?x="selectbox":p.includes("RADIO")?x="radio":p.includes("NUMBER")&&(x="numbered"));let f=a.find(m=>m.key==="ENABLE_NON_APPLICABLE")?.value?.[0]==="true",H=a.find(m=>m.key.includes("REVERSE"))?.value?.[0]?.toLowerCase()==="true"||c.additional?.reverseScaleOrder===!0||c.additional?.reverseScale===!0,P=a.find(m=>m.key==="LABEL_POSITIONING")?.value?.[0]?.toLowerCase()||void 0;if(H){z=[...z].reverse();let m=d;d=g,g=m}return f&&z.push({id:"na",label:"N/A",value:null}),{...t,type:"csat",options:z,...d?{minLabel:d}:{},...g?{maxLabel:g}:{},...x?{buttonType:x}:{},...f?{hasNotApplicable:f}:{},...H?{reverseScaleOrder:H}:{},...P?{labelPosition:P}:{}}}if(r==="slider"){let{minLabel:d,maxLabel:g}=Z(c.answerDetails,l),z=J(c);return{...t,type:"slider",...z,...d?{minLabel:d}:{},...g?{maxLabel:g}:{}}}if(r==="rating_scale"){let{minLabel:d,midLabel:g,maxLabel:z}=Z(c.answerDetails,l),L=T(c,"radio",l),u=a.find(f=>f.key.includes("REVERSE"))?.value?.[0]?.toLowerCase()==="true"||c.additional?.reverseScaleOrder===!0||c.additional?.reverseScale===!0;if(u){L=[...L].reverse();let f=d;d=z,z=f}let p;return g&&L.length>0&&(p=(L.length-1)/2),{...t,type:"rating_scale",options:L,...d?{minLabel:d}:{},...g?{midLabel:g}:{},...p!==void 0?{midLabelIndex:p}:{},...z?{maxLabel:z}:{},...u?{reverseScaleOrder:u}:{}}}let{minLabel:e,midLabel:h,maxLabel:s}=Z(c.answerDetails,l),v=T(c,"rating",l),o=a.find(d=>d.key.includes("REVERSE"))?.value?.[0]?.toLowerCase()==="true"||c.additional?.reverseScaleOrder===!0||c.additional?.reverseScale===!0;if(o){v=[...v].reverse();let d=e;e=s,s=d}let n;return h&&(n=v.length===11?o?2.5:7.5:(v.length-1)/2),{...t,type:"rating",options:v,...e?{minLabel:e}:{},...h?{midLabel:h}:{},...n!==void 0?{midLabelIndex:n}:{},...s?{maxLabel:s}:{},...o?{reverseScaleOrder:o}:{}}}function F1(c,t,a){let l=T(c,"radio",a);return{...t,type:"radio",options:l}}function B1(c,t,a,l){let r=a.find(v=>v.key==="CONTENT_TYPE")?.childConfigs?.find(v=>v.key==="MAX_CHARACTER_COUNT"),e=r?.value?.[0]?Number(r.value[0]):void 0,h=c.answerDetails?.[0],s=h?l&&h.translations?.[l]?.answerText||h.answerText:void 0;return{...t,type:"text",...e!==void 0?{maxCharacterCount:e}:{},...s?{placeholder:s}:{}}}function H1(c,t,a){let l=c;if(a&&l.answerDetails&&l.answerDetails.length>=2){let r=t&&l.answerDetails[0].translations?.[t]?.answerText||l.answerDetails[0].answerText||"";if(r)return r}let i=t&&c.translations?.[t]?.questionText||c.questionText||c.answerText||"";return a&&i.includes(":")?i.split(":")[0].trim():i}function Y2(c,t,a){let l=c;if(a&&l.answerDetails&&l.answerDetails.length>=2){let e=t&&l.answerDetails[1].translations?.[t]?.answerText||l.answerDetails[1].answerText||"";if(e)return e}let i=t&&c.translations?.[t]?.description||c.description||c.additional?.rightLabel||c.additional?.rightStatement||c.additional?.rightText;if(typeof i=="string"&&i.trim()!=="")return i;let r=t&&c.translations?.[t]?.questionText||c.questionText||c.answerText||"";if(a&&r.includes(":"))return r.split(":").slice(1).join(":").trim()}function U(c,t,a){let l=(c.matrixRowQuestions?.length??0)>0?c.matrixRowQuestions:c.childSurveyQuestions;return l&&l.length>0?l.filter(i=>i.id).map(i=>({id:i.id,text:H1(i,t,a),rightText:Y2(i,t,a)})):(c.answerDetails??[]).filter(i=>!i.hidden&&!i.additional?.isHintText).map((i,r)=>({id:`row_${r}`,text:t&&i.translations?.[t]?.answerText||i.answerText||"",rightText:i.additional?.rightLabel||i.additional?.rightStatement||i.additional?.rightText}))}function X(c,t,a){return c.matrixColumnQuestions&&c.matrixColumnQuestions.length>0?c.matrixColumnQuestions.filter(l=>l.id).map(l=>{let i=a&&l.translations?.[a]?.answerText||l.answerText||H1(l,a),r=l.answerText??i,e=Number(r),h=Number.isFinite(e)&&String(r).trim()!==""?e:r,s={id:l.id,label:i,value:h};return t&&typeof h=="number"&&(s.color=R(h)),s}):(c.answerDetails??[]).filter(l=>!l.hidden&&!l.additional?.isHintText).map((l,i)=>{let r=a&&l.translations?.[a]?.answerText||l.answerText||"",e=Number(r),h=Number.isFinite(e)&&r.trim()!==""?e:r,s={id:`col_${i}`,label:r,value:h};return t&&typeof h=="number"&&(s.color=R(h)),s})}function K(c,t){let a=Number(c.additional?.sliderMin??0),l=Number(c.additional?.sliderMax??10),i=Number(c.additional?.sliderStep??1);return U(c,t).map(e=>({...e,min:Number.isFinite(a)?a:0,max:Number.isFinite(l)?l:10,step:Number.isFinite(i)&&i>0?i:1}))}function V1(c,t){let a=(c.answerType??"").toUpperCase(),l=a==="RATING_MATRIX"?"RATING_MATRIX":a==="CSAT_MATRIX"?"CSAT_MATRIX":"CFM_MATRIX",i=c.questionConfigs??[],r=i.find(o=>o.key==="MATRIX_TYPE"),e=r?.value?.[0]?.toLowerCase(),h=e==="bipolar",s=U(c,t,h),v=X(c,l==="RATING_MATRIX",t);return{apiType:a,subType:l,configs:i,matrixTypeConfig:r,matrixType:e,isBipolar:h,rows:s,columns:v}}function S1(c,t){let{rows:a,columns:l}=t,i=l.map(o=>Number(o.value)).filter(o=>!isNaN(o)),r=i.length>0?Math.min(...i):1,e=i.length>0?Math.max(...i):l.length,h=1,s=l.length,v=a.map(o=>({...o,min:r,max:e,step:h}));return{...c,type:"slider_matrix",rows:v,ticks:s}}function A1(c,t,a,l){let{subType:i,configs:r,rows:e}=a,h=[...a.columns],s=r.map(u=>u.value?.[0]||"").join(" ").toUpperCase(),v=(c.dataSubType||"").toUpperCase(),o=`${s} ${v}`,n;o.includes("EMOJI")||o.includes("CSAT")||o.includes("SMILEY")||o.includes("FACE")?n="emoji":o.includes("STAR")?n="star":o.includes("GRAPHIC")||o.includes("SLIDER")?n="graphics":o.includes("DROP")?n="dropdown":o.includes("SELECT")?n="selectbox":o.includes("RADIO")?n="radio":o.includes("NUMBER")&&(n="numbered");let C=r.find(u=>u.key==="NOT_APPLICABLE_OPTIONS")?.value?.[0]==="true"||r.find(u=>u.key==="ENABLE_NON_APPLICABLE")?.value?.[0]==="true",d=r.find(u=>u.key.includes("REVERSE"))?.value?.[0]?.toLowerCase()==="true"||c.additional?.reverseScaleOrder===!0||c.additional?.reverseScale===!0,g=(c.answerDetails??[]).filter(u=>u.additional?.isHintText&&!u.hidden).map(u=>l&&u.translations?.[l]?.answerText||u.answerText||"").filter(Boolean);d&&(h=[...h].reverse(),g=[...g].reverse()),C&&h.push({id:"na",label:"N/A",value:null});let z=JSON.stringify(r).toUpperCase(),L="standard";return z.includes("CAROUSEL")?L="carousel":z.includes("DROPDOWN")&&(L="dropdown"),{...t,type:"matrix",subType:i,rows:e,columns:h,...n?{buttonType:n}:{},...C?{hasNotApplicable:C}:{},...d?{reverseScaleOrder:d}:{},...g.length>0?{labels:g}:{},...L!=="standard"?{matrixFormat:L}:{}}}function y1(c,t,a,l){let{subType:i,configs:r,matrixType:e,rows:h}=a,s=[...a.columns],v=JSON.stringify(r).toUpperCase(),o="standard";v.includes("CAROUSEL")?o="carousel":v.includes("DROPDOWN")&&(o="dropdown"),console.log("CFM_MATRIX Configs:",JSON.stringify(r,null,2)),console.log("Detected matrixFormat:",o);let C=r.some(x=>x.key.includes("MULTI")||x.value?.[0]?.toUpperCase().includes("MULTI")||x.key.includes("ANSWER")&&x.value?.[0]?.toUpperCase().includes("MULTI")||x.key.includes("SELECT")&&x.value?.[0]?.toUpperCase().includes("MULTI"))?"multiple":"single",d=r.find(x=>x.key==="TRANSPOSE_TABLE")?.value?.[0]?.toLowerCase()==="true",g=r.find(x=>x.key==="REPEAT_SCALE")?.value?.[0]?.toLowerCase()==="true",z=r.find(x=>x.key==="NOT_APPLICABLE_OPTIONS")?.value?.[0]==="true"||r.find(x=>x.key==="ENABLE_NON_APPLICABLE")?.value?.[0]==="true",L=z?!1:d;z&&s.push({id:"na",label:"N/A",value:null});let u=r.find(x=>x.key==="ENABLE_SCALE")?.value?.[0]?.toLowerCase()!=="false",p;return e==="bipolar"&&(p=(c.answerDetails??[]).filter(x=>x.additional?.isHintText&&!x.hidden).map(x=>l&&x.translations?.[l]?.answerText||x.answerText||"").filter(Boolean)),{...t,type:"matrix",subType:i,rows:h,columns:s,...e?{matrixType:e}:{},matrixFormat:o,...C?{answerType:C}:{},...L?{transposeTable:L}:{},...g?{repeatScale:g}:{},...z?{hasNotApplicable:z}:{},...p&&p.length>0?{labels:p}:{},enableScale:u}}function b1(c,t,a){let l=V1(c,a);return l.matrixTypeConfig?.childConfigs?.find(e=>e.key==="MATRIX_FORMAT")?.value?.[0]?.toUpperCase()==="SLIDER"?S1(t,l):l.subType==="CSAT_MATRIX"||l.subType==="RATING_MATRIX"?A1(c,t,l,a):y1(c,t,l,a)}function R1(c,t,a){let l=c.questionConfigs||[],i=l.find(m=>m.key==="SLIDER_TICKS_AND_VALUES"),r=i?.childConfigs||[],e=r.find(m=>m.key==="TICK_START")?.value?.[0],h=r.find(m=>m.key==="TICK_END")?.value?.[0],s=r.find(m=>m.key==="STEP_SIZE")?.value?.[0],v=i?.value?.[0],o=e!==void 0?Number(e):0,n=h!==void 0?Number(h):10,C=s!==void 0?Number(s):1,d=v!==void 0?Number(v):void 0,g={...c,additional:{...c.additional,sliderMin:o,sliderMax:n,sliderStep:C}},z=K(g,a),L=(c.answerDetails||[]).filter(m=>m.additional?.isHintText).map(m=>a&&m.translations?.[a]?.answerText||m.answerText||"").filter(Boolean),u=m=>{for(let V of m){let S=l.find(y=>y.key===V)||r.find(y=>y.key===V);if(S&&S.value!==void 0&&S.value!==null&&S.value.length>0)return S.value[0]?.toString().toLowerCase()==="true"}return!1},p=l.find(m=>m.key==="SCALE_TYPE"||m.key==="VIEW_VARIANT")?.value?.[0]?.toUpperCase().includes("GRAPHIC"),x=u(["ENABLE_INPUT_BOX","SHOW_INPUT_BOX","INPUT_BOX","ENABLE_INPUT"]),f=u(["SHOW_VALUE","DISPLAY_VALUES"]),H=u(["NOT_APPLICABLE","NOT_APPLICABLE_OPTIONS"]),P=(c.answerDetails||[]).filter(m=>!m.additional?.isHintText&&!m.hidden).map(m=>m.translations?.[a||""]?.answerText||m.answerText||""),B;if(d!==void 0&&d>1){B=[];let m=(n-o)/(d-1);for(let V=0;V<d;V++){let S=o+V*m,y=Number(S.toFixed(2)),O2=P[V]||y.toString(),G2=`hsl(${Math.round(V/(d-1)*120)}, 90%, 40%)`;B.push({value:y,label:O2,color:G2})}}return{...t,type:"slider_matrix",rows:z,...L.length>0?{labels:L}:{},...d!==void 0&&Number.isFinite(d)?{ticks:d}:{},...B?{tickValues:B}:{},enableInputBox:x,displayValues:f,enableNotApplicable:H,...p?{sliderType:"graphics"}:{}}}function Y(c){let t=c.additional??{},a=t.mediaUrl??t.previewUrl,l=t.mediaMimeType,i=t.title,r=c.questionContainerAssets;if(Array.isArray(r)&&r.length>0){let e=r[0];(e.source||e.previewImageUrl)&&(a=e.source||e.previewImageUrl),e.type&&(e.type==="PHOTO"||e.type==="IMAGE"?l="image/*":e.type==="VIDEO"?l="video/*":l=e.type)}return{mediaUrl:a,mediaMimeType:l,mediaTitle:i}}function T1(c,t){let{mediaUrl:a,mediaMimeType:l,mediaTitle:i}=Y(c),r=c.questionConfigs||[],e=r.find(n=>n.key==="TEXT_AND_MEDIA_ALIGNMENT"),h=r.find(n=>n.key==="TEXT_AND_MEDIA_SIZE"),s=e?.value?.[0],v=h?.value?.[0]?Number(h.value[0]):void 0,o=t.text;if(Array.isArray(c.answerDetails)){let n=c.answerDetails.find(C=>C.additional?.textAndMediaFieldType==="HEADER");n&&n.answerText&&(o=n.answerText)}return{...t,text:o,type:"text_and_media",...a?{mediaUrl:a}:{},...l?{mediaMimeType:l}:{},...i?{mediaTitle:i}:{},...s?{mediaAlignment:s}:{},...v?{mediaSize:v}:{}}}function k1(c,t,a){let l=c.questionConfigs||[],i=c.answerDetails?.find(z=>z.additional?.fieldType==="UPLOAD_MESSAGE"),r=a&&i?.translations?.[a]?.answerText||i?.answerText||"",h=l.find(z=>z.key==="SUPPORTED_FILE_FORMAT")?.value?.map(z=>z.toUpperCase().replace(/^\./,""))||[],s=l.find(z=>z.key==="MAX_FILE_COUNT"),v=s?.value?.[0]?Number(s.value[0]):void 0,o=l.find(z=>z.key==="FILE_SIZE_LIMIT"),n=o?.childConfigs?.find(z=>z.key==="SIZE_LIMIT_ID")?.value?.[0],C=o?.childConfigs?.find(z=>z.key==="SIZE_FORMAT_ID")?.value?.[0],d=n?Number(n):void 0,g=C==="PER_FILE"||C==="IN_TOTAL"?C:void 0;return{...t,type:"file_upload",...r?{uploadMessage:r}:{},...h.length>0?{supportedFileFormats:h}:{},...v!==void 0?{maxFileCount:v}:{},...d!==void 0?{fileSizeLimit:d}:{},...g?{fileSizeLimitType:g}:{}}}function $2(c,t,a,l){let i=t.find(u=>u.key==="REQUIRED")?.value?.[0]==="true",r=t.find(u=>u.key==="REQUIRED_ERROR_MESSAGE"),e=r?.value?.[0];a&&r?.translations?.[a]?.value?.[0]&&(e=r.translations[a].value[0]);let h=a&&c.translations?.[a]?.questionRichText||a&&c.translations?.[a]?.questionText||c.questionRichText||c.questionText||"";l&&(h=h.replace(/\{\{(\w+)\}\}/g,(u,p)=>l[p]!==void 0?l[p]:u));let s=a&&c.translations?.[a]?.descriptionRichText||a&&c.translations?.[a]?.description||c.descriptionRichText||c.description||(typeof c.additional?.descriptionRichText=="string"?c.additional.descriptionRichText:"")||(typeof c.additional?.description=="string"?c.additional.description:"")||"";if(!s){let u=t.find(p=>p.key.includes("DESCRIPTION"));s=u?.value?.[0]||"",a&&u?.translations?.[a]?.valueRichText?.[0]?s=u.translations[a].valueRichText[0]:a&&u?.translations?.[a]?.value?.[0]&&(s=u.translations[a].value[0])}s&&l&&(s=s.replace(/\{\{(\w+)\}\}/g,(u,p)=>l[p]!==void 0?l[p]:u));let o=c.questionContainerAssets?.[0],n=o?.source||o?.mediaUrl||o?.previewImageUrl,C=o?.mediaMimeType,g=t.find(u=>u.key==="QUESTION_CONTAINER_MEDIA_ALIGNMENT")?.value?.[0],z=t.find(u=>u.key==="TEXT_AND_MEDIA_SIZE"),L=z?.value?.[0]?Number(z.value[0]):void 0;return{id:c.id??"",text:h,...s?{description:s}:{},required:i,...e?{requiredErrorMessage:e}:{},...c.questionNumber!==void 0?{questionNumber:c.questionNumber}:{},...n?{containerMediaUrl:n}:{},...C?{containerMediaMimeType:C}:{},...g?{containerMediaAlignment:g}:{},...L!==void 0?{containerMediaSize:L}:{}}}function P1(c,t,a){let l=c.questionConfigs??[],i=$2(c,l,t,a);switch(_(c.answerType)){case"rating":return w1(c,i,l,t);case"text":return B1(c,i,l,t);case"matrix":case"rating_matrix":return b1(c,i,t);case"slider_matrix":return R1(c,i,t);case"text_and_media":return T1(c,i);case"file_upload":return k1(c,i,t);default:return F1(c,i,t)}}function Z1(c,t,a){let l=c.cfmSurveyDTO;return!l||!Array.isArray(l.surveyPages)?[]:l.surveyPages.map((i,r)=>{let e=(i.questionHolders??[]).map(h=>h.question).filter(h=>!!h).map(h=>P1(h,t,a));return{id:`page_${r}`,title:`Page ${r+1}`,questions:e}})}function E1(c){return c.instanceId?.trim()?{instanceId:c.instanceId.trim(),language:c.surveyLanguage??c.cfmSurveyDTO?.baseLanguage??"en"}:null}function c4(c,t){return t??c.surveyLanguage??c.cfmSurveyDTO?.baseLanguage??"en"}function D1(c,t,a){let l=c4(c,t),i=f1(c),r=Z1(c,l,a);return{id:c.cfmSurveyDTO?.id??"",language:l,languages:i,pages:r}}function I1(c){M.info("Starting survey layout API fetch...",{url:c})}function $(c,t,a){M.perf({apiName:"GET Survey Layout",durationMs:c,status:t,url:a,success:!1})}function U1(c,t,a,l){M.perf({apiName:"GET Survey Layout",durationMs:c,status:t,url:a,payloadSize:l,success:!0})}function q1(c){M.success("Raw survey layout fetched successfully",c)}function N1(c){M.error("Failed to fetch raw survey layout",c)}function O1(){M.warn("Cannot map survey: apiResponse is null or undefined")}function G1(c){M.success("Mapped survey layout successfully",c)}function Q1(c){M.error("Failed to map survey layout",c)}function F(c){if(c.eventName==="survey_session_summary"){let{completed:t,totalDurationMs:a,maxVisitedPageIndex:l,totalQuestionsCount:i,answeredQuestionsCount:r,skippedQuestionsCount:e,skippedQuestionIds:h,validationErrorsCount:s,backtrackCount:v}=c.metadata;M.analytics(`Event: ${c.eventName} - SESSION SUMMARY TABLE:`);let o=[{Metric:"Completion Status",Value:t?"COMPLETED \u2705":"ABANDONED \u274C"},{Metric:"Total Time Spent",Value:`${(a/1e3).toFixed(2)} seconds`},{Metric:"Max Page Index Reached",Value:`${l}`},{Metric:"Total Questions",Value:i},{Metric:"Answered Questions",Value:r},{Metric:"Skipped Optional Questions",Value:e},{Metric:"Skipped Question IDs",Value:h.join(", ")||"None"},{Metric:"Validation Errors Triggered",Value:s},{Metric:"Backtrack Count",Value:v},{Metric:"Validation Error History",Value:c.metadata.validationHistory?.map(n=>`[Page ${n.pageIndex}] Attempt ${n.attemptNumber}: ${Object.keys(n.errors).join(", ")}`).join(" | ")||"NO Validation Erros Occurred"}];console.table(o)}else M.analytics(`Event: ${c.eventName}`,c.metadata)}function W1(c,t,a,l){F({eventName:"survey_fetch_latency",metadata:{durationMs:c,status:t,success:!0,url:a,payloadSize:l}})}function c1(c,t,a){F({eventName:"api_error",metadata:{apiName:"GET Survey Layout",status:c,url:t,errorMessage:a}})}async function l4(c){let t=performance.now();I1(c);try{let a=await fetch(c,{method:"GET",headers:{Accept:"application/json"},cache:"force-cache"}),l=performance.now()-t;if(!a.ok)throw $(l,a.status,c),c1(a.status,c,`Survey fetch failed (${a.status})`),new Error(`Survey fetch failed (${a.status})`);let i=await a.json(),r=JSON.stringify(i),h=`${(new Blob([r]).size/1024).toFixed(2)} KB`;return U1(l,a.status,c,h),W1(l,a.status,c,h),q1(i),i}catch(a){let l=performance.now()-t;throw $(l,"FAILED",c),c1("FAILED",c,a?.message||String(a)),N1(a),a}}function _1(c){let t=C1(c?.instanceId),a=c?.language,l=c?.placeholders,{data:i,error:r,isLoading:e,isSuccess:h}=a4({queryKey:["survey",t],queryFn:()=>l4(t),enabled:!!t},I),s=t4(()=>{if(!h)return{survey:null,session:null};if(!i)return O1(),{survey:null,session:null};try{let v=D1(i,a,l),o=E1(i),n=o?{...o,language:v.language}:null;return G1(v),{survey:v,session:n}}catch(v){return Q1(v),{survey:null,session:null}}},[i,h,a]);return{survey:s.survey,session:s.session,fetching:e,fetchError:r}}import{useState as g1,useRef as f4}from"react";import{useCallback as i4}from"react";import{useMutation as e4}from"@tanstack/react-query";function j1(c,t){M.info("Starting survey response HTTP POST...",{url:c,requestBody:t})}function J1(c,t){M.warn(c,t)}function X1(c,t,a,l,i){M.perf({apiName:"POST Submit Response",durationMs:c,status:t,url:a,requestSize:l,responseSize:i,success:!0})}function t1(c,t,a,l){M.perf({apiName:"POST Submit Response",durationMs:c,status:t,url:a,requestSize:l,success:!1})}function K1(c){M.success("Survey response submitted successfully",{responseId:c})}function Y1(c,t){M.error(c,t)}function $1(c){M.debug("Resolved raw inputs to submit schema:",c)}function c2(c){M.debug("Constructed JSON request body:",c)}function t2(c){M.error("Failed to execute submit callback",c)}function a2(c,t,a,l,i){F({eventName:"survey_submit_latency",metadata:{durationMs:c,status:t,success:!0,url:a,requestSize:l,responseSize:i}})}function a1(c,t,a){F({eventName:"api_error",metadata:{apiName:"POST Submit Response",status:c,url:t,errorMessage:a}})}var l2="https://custom-p0.feedbook.me/api/feedback/survey/responseV2";function r2(c,t="en"){let a=new URLSearchParams({instanceId:c,surveySubmitted:"true",surveyLanguage:t});return`${l2}?${a.toString()}`}function i2(c,t){let a={},l={},i={};for(let r of t)r.type==="file_upload"&&(i[r.id]=[]);for(let r of t){let e=c[r.id];if(e!=null)switch(r.type){case"text_and_media":break;case"file_upload":{Array.isArray(e)&&(i[r.id]=e);break}case"matrix":case"rating_matrix":case"slider_matrix":{if(typeof e=="object"&&!Array.isArray(e)){let h=e;for(let[s,v]of Object.entries(h))if(v!=null){let o=`${r.id}_${s}`;a[o]=[String(v)]}}break}default:(typeof e=="string"||typeof e=="number")&&(a[r.id]=[String(e)]);break}}return{questionToAnswers:a,quesIdVsAttachmentDetails:i,optionLevelAnswers:l,conjointTasks:[]}}function r4(c){return typeof c=="object"&&c!==null&&"instanceId"in c&&"answers"in c}function e2(c,t,a){if(r4(c))return{...c,surveyLanguage:c.surveyLanguage??t?.language??"en",questions:c.questions??a?.pages.flatMap(l=>l.questions)??[]};if(!t?.instanceId)throw new Error("Survey session not ready. Fetch survey before submitting.");return{answers:c,instanceId:t.instanceId,surveyLanguage:t.language??"en",questions:a?.pages.flatMap(l=>l.questions)??[]}}async function h4({url:c,requestBody:t}){let a=performance.now(),i=`${(new Blob([JSON.stringify(t)]).size/1024).toFixed(2)} KB`;j1(c,t);try{let r=await fetch(c,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),e=await r.json().catch(n=>(J1("Failed to parse JSON response during submission",n),null)),h=performance.now()-a,v=`${((e?new Blob([JSON.stringify(e)]).size:0)/1024).toFixed(2)} KB`;if(!r.ok)throw t1(h,r.status,c,i),a1(r.status,c,`Submit failed (${r.status}): ${JSON.stringify(e)}`),new Error(`Submit failed (${r.status}): ${JSON.stringify(e)}`);let o=e?.responseId??"";return X1(h,r.status,c,i,v),a2(h,r.status,c,i,v),K1(o),{success:!0,responseId:o}}catch(r){let e=performance.now()-a;throw t1(e,"FAILED",c,i),a1("FAILED",c,r?.message||String(r)),Y1("Failed to submit survey response",r),r}}function h2(c,t){let a=e4({mutationFn:({url:i,requestBody:r})=>h4({url:i,requestBody:r})},I);return{submit:i4(async i=>{try{let r=e2(i,c,t);$1(r);let e=r.surveyLanguage??"en",h=i2(r.answers,r.questions??[]);c2(h);let s=r2(r.instanceId,e);return await a.mutateAsync({url:s,requestBody:h})}catch(r){throw t2(r),r}},[c,t,a]),data:a.data??null,loading:a.isPending,error:a.error}}import{useState as o4,useEffect as n4,useMemo as v4}from"react";function s2(c){return c.type==="text_and_media"}function s4(c,t){return c.rows.every(a=>{let l=t[a.id];return l!==void 0&&l!==""})}function l1(c,t){if(s2(c))return!0;let a=t[c.id];switch(c.type){case"matrix":case"rating_matrix":case"slider_matrix":return typeof a!="object"||Array.isArray(a)?!1:s4(c,a);default:return a!==void 0&&a!==""}}function r1(c,t,a){let l={},i=a?.startsWith("de")?"Beantworten Sie bitte diese Frage bevor Sie fortfahren.":"Please answer this question before you proceed.";return c.forEach(r=>{s2(r)||r.required&&!l1(r,t)&&(l[r.id]=r.requiredErrorMessage??i)}),l}function o2(c,t,a){let l={},i="",r=-1;for(let e=0;e<c.length;e++){let h=r1(c[e].questions,t,a);Object.keys(h).length>0&&(l={...l,...h},r===-1&&(r=e,i=Object.keys(h)[0]))}return r!==-1?{errors:l,errorPageIndex:r,firstErrorId:i}:null}function n2(c){return c.type==="text_and_media"}function v2(c){return!c||!Array.isArray(c.pages)?0:c.pages.reduce((t,a)=>{let l=(a.questions??[]).filter(i=>!n2(i));return t+l.length},0)}function z2(c,t,a=0){if(!c||!t||!Array.isArray(c.pages))return 0;let l=0;return c.pages.forEach((i,r)=>{let e=(i.questions??[]).filter(h=>!n2(h));r<a?l+=e.length:e.forEach(h=>{l1(h,t)&&l++})}),l}function d2(c,t){return t<=0?0:Math.min(100,Math.max(0,Math.round(c/t*100)))}function g2({survey:c,values:t,currentPageIndex:a=0}){let[l,i]=o4(0);return n4(()=>{a>l&&i(a)},[a,l]),v4(()=>{let r=v2(c),e=z2(c,t,l),h=d2(e,r),s=r>0&&e===r;return{totalQuestionsCount:r,answeredQuestionsCount:e,progressPercentage:h,isComplete:s}},[c,t,l])}import{useEffect as z4}from"react";function i1(c){let{currentPageIndex:t,paginationRefs:a}=c;z4(()=>{a.current&&(a.current.pageStartTime=performance.now())},[t,a])}import{useEffect as d4}from"react";function e1(c){let{currentPageIndex:t,paginationRefs:a}=c;d4(()=>{a.current&&t>a.current.maxVisitedPageIndex&&(a.current.maxVisitedPageIndex=t)},[t,a])}import{useCallback as u4}from"react";function u2(c,t){M.info(`Answer changed for question: ${c}`,{value:t})}function k(c,t){M.warn(c,t)}function p2(){M.info("Initiating survey submission...")}function M2(c){M.info(`Navigating back from page index: ${c}`)}function x2(c){M.info(`Navigating next from page index: ${c}`)}function L2(c){M.error("Error encountered during pagination submit trigger",c)}function E(c){return typeof document>"u"?null:document.getElementById(c)||null}function g4(c){return c.closest("main")||c.closest("form")||c.parentElement||c}function q(c,t){try{let l=c[t]?.questions?.[0];l?setTimeout(()=>{try{let i=E(l.id);i?g4(i).scrollIntoView({behavior:"smooth",block:"start"}):window.scrollTo({top:0,behavior:"smooth"})}catch(i){k("Failed to scroll page first question into view",i)}},50):window.scrollTo({top:0,behavior:"smooth"})}catch(a){k("Failed to trigger scroll navigation",a)}}function h1(c){let{currentPageIndex:t,setCurrentPageIndex:a,trackPageTime:l,pages:i,values:r,paginationRefs:e}=c;return u4(()=>{if(t>0){M2(t),l(t);let h=e.current;if(h){h.backtrackCount+=1;let v=t-1,o=i[v]?.questions??[],n={};o.forEach(C=>{n[C.id]=r[C.id]}),h.backtrackSnapshots[v]={fromPageIndex:t,snapshot:n}}let s=t-1;a(s),q(i,s)}},[t,a,l,i,r,e])}import{useCallback as p4}from"react";function s1(c){let{setValues:t,setValidationErrors:a}=c;return p4((l,i)=>{u2(l,i),t(r=>({...r,[l]:i})),a(r=>({...r,[l]:""}))},[t,a])}import{useCallback as M4}from"react";function m2(){M.success("Survey validation passed on submit")}function C2(c){M.warn("Full survey validation failed on submit",{validation:c})}function N(c){M.error("Failed to run survey validation on submit",c)}function f2(c){M.warn("Page validation failed",{errors:c})}function w2(c,t){F({eventName:"page_time_spent",metadata:{pageIndex:c,durationMs:t}})}function O(c,t,a){F({eventName:"validation_error",metadata:{pageIndex:c,errors:t,attemptNumber:a}})}function o1(c,t){let{survey:a,pages:l,values:i,currentPageIndex:r,setCurrentPageIndex:e,setValidationErrors:h,trackPageTime:s,trackOptionalSkips:v,checkBacktrackChanges:o,paginationRefs:n}=c,C=l[r],d=C?.questions??[];return M4(()=>{if(!a||!C)return;let g={};try{g=r1(d,i,a.language)}catch(L){N(L)}let z=n.current;if(z){if(Object.keys(g).length>0){f2(g);let L=(z.validationAttempt[r]||0)+1;z.validationAttempt[r]=L,z.validationErrorsCount+=1,z.validationHistory.push({pageIndex:r,errors:g,attemptNumber:L}),O(r,g,L),h(g);let u=Object.keys(g)[0];setTimeout(()=>{try{let p=E(u);p&&p.scrollIntoView({behavior:"smooth",block:"center"})}catch(p){k("Failed to scroll validation error element into view",p)}},50);return}h({}),delete z.validationAttempt[r],s(r),v(r),o(r),r<l.length-1?(x2(r),e(L=>L+1),q(l,r+1)):t()}},[a,C,d,i,r,e,h,s,v,o,l,t,n])}import{useCallback as x4}from"react";function F2(c,t,a,l,i,r,e,h,s,v){F({eventName:"survey_session_summary",metadata:{maxVisitedPageIndex:t,totalDurationMs:a,completed:c,totalQuestionsCount:l,answeredQuestionsCount:i,skippedQuestionsCount:r,skippedQuestionIds:e,validationErrorsCount:h,backtrackCount:s,validationHistory:v}})}function B2(c,t){F({eventName:"optional_question_skipped",metadata:{questionId:c,pageIndex:t}})}function H2(c,t,a){F({eventName:"backtrack_revisited",metadata:{fromPageIndex:c,toPageIndex:t,changedAnswers:a}})}function n1(c){let{survey:t,pages:a,values:l,submit:i,currentPageIndex:r,setCurrentPageIndex:e,setValidationErrors:h,trackPageTime:s,trackOptionalSkips:v,checkBacktrackChanges:o,totalQuestionsCount:n,paginationRefs:C}=c;return x4(async()=>{if(!t)return;p2();let d=null;try{d=o2(a,l,t.language),d||m2()}catch(z){N(z)}let g=C.current;if(g){if(d){C2(d);let z=(g.validationAttempt[d.errorPageIndex]||0)+1;g.validationAttempt[d.errorPageIndex]=z,g.validationErrorsCount+=1,g.validationHistory.push({pageIndex:d.errorPageIndex,errors:d.errors,attemptNumber:z}),O(d.errorPageIndex,d.errors,z),h(d.errors),e(d.errorPageIndex),setTimeout(()=>{try{let L=E(d.firstErrorId);L&&L.scrollIntoView({behavior:"smooth",block:"center"})}catch(L){k("Failed to scroll validation error element into view",L)}},100);return}h({}),delete g.validationAttempt[r],s(r),v(r),o(r);try{let z=await i(l);if(z&&z.success&&!g.hasLoggedSummary){let L=performance.now()-g.sessionStartTime,u=[];a.forEach(x=>{x.questions.forEach(f=>{if(!f.required){let H=l[f.id];(H===void 0||H==="")&&u.push(f.id)}})});let p=u.length;F2(!0,g.maxVisitedPageIndex,L,n,n-p,p,u,g.validationErrorsCount,g.backtrackCount,g.validationHistory),g.hasLoggedSummary=!0}}catch(z){L2(z)}}},[t,a,l,i,r,e,h,s,v,o,n,C])}import{useCallback as L4}from"react";function v1(c,t,a){return L4(l=>{if(!a.current)return;let i=a.current.backtrackSnapshots[l];if(i){let r=c[l]?.questions??[],e={},h=!1;r.forEach(s=>{let v=i.snapshot[s.id],o=t[s.id];v!==o&&(e[s.id]={oldValue:v??null,newValue:o??null},h=!0)}),h&&H2(i.fromPageIndex,l,e),delete a.current.backtrackSnapshots[l]}},[c,t,a])}import{useCallback as m4}from"react";function z1(c,t){return m4(a=>{(c[a]?.questions??[]).forEach(i=>{let r=!i.required,e=t[i.id];r&&(e===void 0||e==="")&&B2(i.id,a)})},[c,t])}import{useCallback as C4}from"react";function d1(c){return C4(t=>{if(!c.current)return;let a=performance.now()-c.current.pageStartTime;w2(t,a)},[c])}function V2({survey:c,session:t}){let[a,l]=g1({}),[i,r]=g1({}),[e,h]=g1(0),s=c?.pages??[],o=s[e]?.questions??[],{submit:n,data:C,loading:d,error:g}=h2(t,c),{progressPercentage:z,totalQuestionsCount:L,answeredQuestionsCount:u,isComplete:p}=g2({survey:c,values:a,currentPageIndex:e}),x=f4({pageStartTime:performance.now(),sessionStartTime:performance.now(),maxVisitedPageIndex:0,validationAttempt:{},backtrackSnapshots:{},hasLoggedSummary:!1,validationErrorsCount:0,backtrackCount:0,validationHistory:[]}),f=d1(x),H=z1(s,a),P=v1(s,a,x),B={survey:c,session:t,pages:s,currentPageIndex:e,setCurrentPageIndex:h,values:a,setValues:l,validationErrors:i,setValidationErrors:r,paginationRefs:x,trackPageTime:f,trackOptionalSkips:H,checkBacktrackChanges:P,submit:n,totalQuestionsCount:L};e1(B),i1(B);let m=s1(B),V=h1(B),S=n1(B),y=o1(B,S);return{currentPageIndex:e,values:a,validationErrors:i,currentQuestions:o,pages:s,onChange:m,onBack:V,onNext:y,onSubmit:S,progressPercentage:z,totalQuestionsCount:L,answeredQuestionsCount:u,isComplete:p,submitting:d,submitError:g,submitData:C}}function F4({options:c}={}){M.setEnabled(c?.debug??!1);let{survey:t,session:a,fetching:l,fetchError:i}=_1({instanceId:c?.instanceId,language:c?.language,placeholders:c?.placeholders}),{currentPageIndex:r,values:e,validationErrors:h,currentQuestions:s,onBack:v,onNext:o,onSubmit:n,onChange:C,progressPercentage:d,submitting:g,submitError:z,submitData:L}=V2({survey:t,session:a}),u=w4(p=>{p.type==="NEXT"&&t&&r===t.pages.length-1&&(p={type:"SUBMIT"}),M.info(`Action dispatched: ${p.type}`,p);try{switch(p.type){case"NEXT":o();break;case"PREVIOUS":v();break;case"SUBMIT":n();break;case"CHANGE":C(p.payload.questionId,p.payload.value);break;default:break}}catch(x){M.error(`Error executing action: ${p.type}`,x)}},[o,v,n,C,t,r]);return{surveyQueryResults:{data:t,error:i,isLoading:l},submitSurveyResults:{data:L,error:z,isLoading:g},state:{currentPageIndex:r,currentQuestions:s,values:e,validationErrors:h,progressPercentage:d},onAction:u}}import x1 from"react";import D from"react";import S2 from"react";var u1={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},p1=S2.createContext&&S2.createContext(u1);var B4=["attr","size","title"];function H4(c,t){if(c==null)return{};var a,l,i=V4(c,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(c);for(l=0;l<r.length;l++)a=r[l],t.indexOf(a)===-1&&{}.propertyIsEnumerable.call(c,a)&&(i[a]=c[a])}return i}function V4(c,t){if(c==null)return{};var a={};for(var l in c)if({}.hasOwnProperty.call(c,l)){if(t.indexOf(l)!==-1)continue;a[l]=c[l]}return a}function G(){return G=Object.assign?Object.assign.bind():function(c){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(c[l]=a[l])}return c},G.apply(null,arguments)}function A2(c,t){var a=Object.keys(c);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(c);t&&(l=l.filter(function(i){return Object.getOwnPropertyDescriptor(c,i).enumerable})),a.push.apply(a,l)}return a}function Q(c){for(var t=1;t<arguments.length;t++){var a=arguments[t]!=null?arguments[t]:{};t%2?A2(Object(a),!0).forEach(function(l){S4(c,l,a[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(a)):A2(Object(a)).forEach(function(l){Object.defineProperty(c,l,Object.getOwnPropertyDescriptor(a,l))})}return c}function S4(c,t,a){return(t=A4(t))in c?Object.defineProperty(c,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):c[t]=a,c}function A4(c){var t=y4(c,"string");return typeof t=="symbol"?t:t+""}function y4(c,t){if(typeof c!="object"||!c)return c;var a=c[Symbol.toPrimitive];if(a!==void 0){var l=a.call(c,t||"default");if(typeof l!="object")return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(c)}function y2(c){return c&&c.map((t,a)=>D.createElement(t.tag,Q({key:a},t.attr),y2(t.child)))}function w(c){return t=>D.createElement(b4,G({attr:Q({},c.attr)},t),y2(c.child))}function b4(c){var t=a=>{var{attr:l,size:i,title:r}=c,e=H4(c,B4),h=i||a.size||"1em",s;return a.className&&(s=a.className),c.className&&(s=(s?s+" ":"")+c.className),D.createElement("svg",G({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},a.attr,l,e,{className:s,style:Q(Q({color:c.color||a.color},a.style),c.style),height:h,width:h,xmlns:"http://www.w3.org/2000/svg"}),r&&D.createElement("title",null,r),c.children)};return p1!==void 0?D.createElement(p1.Consumer,null,a=>t(a)):t(u1)}function b2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"},child:[]}]})(c)}function R2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zm53.5-96.7s0 0 0 0c0 0 0 0 0 0l-.2-.2c-.2-.2-.4-.5-.7-.9c-.6-.8-1.6-2-2.8-3.4c-2.5-2.8-6-6.6-10.2-10.3c-8.8-7.8-18.8-14-27.7-14s-18.9 6.2-27.7 14c-4.2 3.7-7.7 7.5-10.2 10.3c-1.2 1.4-2.2 2.6-2.8 3.4c-.3 .4-.6 .7-.7 .9l-.2 .2c0 0 0 0 0 0c0 0 0 0 0 0s0 0 0 0c-2.1 2.8-5.7 3.9-8.9 2.8s-5.5-4.1-5.5-7.6c0-17.9 6.7-35.6 16.6-48.8c9.8-13 23.9-23.2 39.4-23.2s29.6 10.2 39.4 23.2c9.9 13.2 16.6 30.9 16.6 48.8c0 3.4-2.2 6.5-5.5 7.6s-6.9 0-8.9-2.8c0 0 0 0 0 0s0 0 0 0zm160 0c0 0 0 0 0 0l-.2-.2c-.2-.2-.4-.5-.7-.9c-.6-.8-1.6-2-2.8-3.4c-2.5-2.8-6-6.6-10.2-10.3c-8.8-7.8-18.8-14-27.7-14s-18.9 6.2-27.7 14c-4.2 3.7-7.7 7.5-10.2 10.3c-1.2 1.4-2.2 2.6-2.8 3.4c-.3 .4-.6 .7-.7 .9l-.2 .2c0 0 0 0 0 0c0 0 0 0 0 0s0 0 0 0c-2.1 2.8-5.7 3.9-8.9 2.8s-5.5-4.1-5.5-7.6c0-17.9 6.7-35.6 16.6-48.8c9.8-13 23.9-23.2 39.4-23.2s29.6 10.2 39.4 23.2c9.9 13.2 16.6 30.9 16.6 48.8c0 3.4-2.2 6.5-5.5 7.6s-6.9 0-8.9-2.8c0 0 0 0 0 0s0 0 0 0s0 0 0 0z"},child:[]}]})(c)}function T2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm240 80c0-8.8 7.2-16 16-16c45 0 85.6 20.5 115.7 53.1c6 6.5 5.6 16.6-.9 22.6s-16.6 5.6-22.6-.9c-25-27.1-57.4-42.9-92.3-42.9c-8.8 0-16-7.2-16-16zm-80 80c-26.5 0-48-21-48-47c0-20 28.6-60.4 41.6-77.7c3.2-4.4 9.6-4.4 12.8 0C179.6 308.6 208 349 208 369c0 26-21.5 47-48 47zM367.6 208a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm-192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"},child:[]}]})(c)}function M1(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM176.4 176a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm128 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zM160 336l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z"},child:[]}]})(c)}function k2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM388.1 312.8c12.3-3.8 24.3 6.9 19.3 18.7C382.4 390.6 324.2 432 256.3 432s-126.2-41.4-151.1-100.5c-5-11.8 7-22.5 19.3-18.7c39.7 12.2 84.5 19 131.8 19s92.1-6.8 131.8-19zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"},child:[]}]})(c)}function P2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM388.1 312.8c12.3-3.8 24.3 6.9 19.3 18.7C382.4 390.6 324.2 432 256.3 432s-126.2-41.4-151.1-100.5c-5-11.8 7-22.5 19.3-18.7c39.7 12.2 84.5 19 131.8 19s92.1-6.8 131.8-19zM208 192c0 35.3-14.3 64-32 64s-32-28.7-32-64s14.3-64 32-64s32 28.7 32 64zm128 64c-17.7 0-32-28.7-32-64s14.3-64 32-64s32 28.7 32 64s-14.3 64-32 64z"},child:[]}]})(c)}function Z2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm407.4 75.5c5-11.8-7-22.5-19.3-18.7c-39.7 12.2-84.5 19-131.8 19s-92.1-6.8-131.8-19c-12.3-3.8-24.3 6.9-19.3 18.7c25 59.1 83.2 100.5 151.1 100.5s126.2-41.4 151.1-100.5zM160 120c-3.1 0-5.9 1.8-7.2 4.6l-16.6 34.7-38.1 5c-3.1 .4-5.6 2.5-6.6 5.5s-.1 6.2 2.1 8.3l27.9 26.5-7 37.8c-.6 3 .7 6.1 3.2 7.9s5.8 2 8.5 .6L160 232.5l33.8 18.3c2.7 1.5 6 1.3 8.5-.6s3.7-4.9 3.2-7.9l-7-37.8L226.4 178c2.2-2.1 3.1-5.3 2.1-8.3s-3.5-5.1-6.6-5.5l-38.1-5-16.6-34.7c-1.3-2.8-4.1-4.6-7.2-4.6zm192 0c-3.1 0-5.9 1.8-7.2 4.6l-16.6 34.7-38.1 5c-3.1 .4-5.6 2.5-6.6 5.5s-.1 6.2 2.1 8.3l27.9 26.5-7 37.8c-.6 3 .7 6.1 3.2 7.9s5.8 2 8.5 .6L352 232.5l33.8 18.3c2.7 1.5 6 1.3 8.5-.6s3.7-4.9 3.2-7.9l-7-37.8L418.4 178c2.2-2.1 3.1-5.3 2.1-8.3s-3.5-5.1-6.6-5.5l-38.1-5-16.6-34.7c-1.3-2.8-4.1-4.6-7.2-4.6z"},child:[]}]})(c)}function E2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM159.3 388.7c-2.6 8.4-11.6 13.2-20 10.5s-13.2-11.6-10.5-20C145.2 326.1 196.3 288 256 288s110.8 38.1 127.3 91.3c2.6 8.4-2.1 17.4-10.5 20s-17.4-2.1-20-10.5C340.5 349.4 302.1 320 256 320s-84.5 29.4-96.7 68.7zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"},child:[]}]})(c)}function D2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM176.4 176a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm128 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-122 174.5c-12.4 5.2-26.5-4.1-21.1-16.4c16-36.6 52.4-62.1 94.8-62.1s78.8 25.6 94.8 62.1c5.4 12.3-8.7 21.6-21.1 16.4c-22.4-9.5-47.4-14.8-73.7-14.8s-51.3 5.3-73.7 14.8z"},child:[]}]})(c)}function I2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM338.7 395.9c6.6-5.9 7.1-16 1.2-22.6C323.8 355.4 295.7 336 256 336s-67.8 19.4-83.9 37.3c-5.9 6.6-5.4 16.7 1.2 22.6s16.7 5.4 22.6-1.2c11.7-13 31.6-26.7 60.1-26.7s48.4 13.7 60.1 26.7c5.9 6.6 16 7.1 22.6 1.2zM176.4 272c17.7 0 32-14.3 32-32c0-1.5-.1-3-.3-4.4l10.9 3.6c8.4 2.8 17.4-1.7 20.2-10.1s-1.7-17.4-10.1-20.2l-96-32c-8.4-2.8-17.4 1.7-20.2 10.1s1.7 17.4 10.1 20.2l30.7 10.2c-5.8 5.8-9.3 13.8-9.3 22.6c0 17.7 14.3 32 32 32zm192-32c0-8.9-3.6-17-9.5-22.8l30.2-10.1c8.4-2.8 12.9-11.9 10.1-20.2s-11.9-12.9-20.2-10.1l-96 32c-8.4 2.8-12.9 11.9-10.1 20.2s11.9 12.9 20.2 10.1l11.7-3.9c-.2 1.5-.3 3.1-.3 4.7c0 17.7 14.3 32 32 32s32-14.3 32-32z"},child:[]}]})(c)}function U2(c){return w({tag:"svg",attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"},child:[]}]})(c)}function q2(c){return w({tag:"svg",attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"},child:[]}]})(c)}var R4=["#dc2626","#e04832","#ea580c","#f59e0b","#eab308","#a3a323","#84cc16","#65a30d","#22c55e","#16a34a","#059669"],T4=[I2,T2,E2,D2,M1,M1,b2,R2,k2,P2,Z2],A={};for(let c=0;c<11;c++){let t=T4[c],a=R4[c];A[c+1]=x1.createElement(t,{className:"transition-transform",style:{color:a,fontSize:"28px"}})}var N2={3:[3,6,8],4:[3,4,7,9],5:[3,4,6,7,9],6:[3,4,6,7,9,11]};function k4(c,t){if(t<=1)return A[6];if(N2[t]){let i=N2[t][c];if(i)return A[i]}let a=c/(t-1),l=Math.min(11,Math.max(1,Math.round(a*10)+1));return A[l]}var P4={1:A[1],2:A[4],3:A[6],4:A[8],5:A[11]},Z4={filled:x1.createElement(U2,{style:{color:"#e20074",fontSize:"28px"}}),empty:x1.createElement(q2,{style:{color:"#d1d5db",fontSize:"28px",stroke:"#d1d5db",strokeWidth:"16px"}})};export{P4 as CsatEmojiMapping,A as CsatEmojiSet,Z4 as CsatStarIcons,k4 as getEmojiForIndex,F4 as useSurveySDK};
|
|
1
|
+
import{useCallback as F4}from"react";import{useMemo as a4}from"react";import{useQuery as l4}from"@tanstack/react-query";import{QueryClient as _2}from"@tanstack/react-query";var W=!1,W2={debug:"background: #7f8c8d; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold;",info:"background: #2980b9; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold;",warn:"background: #f1c40f; color: #000; padding: 2px 5px; border-radius: 3px; font-weight: bold;",error:"background: #e74c3c; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold;",success:"background: #2ecc71; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold;",perf:"background: #9b59b6; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold;",analytics:"background: #e20074; color: #fff; padding: 2px 5px; border-radius: 3px; font-weight: bold;"};function b(c,t,a){if(!W&&c!=="analytics")return;let l=new Date().toLocaleTimeString(),i=`%c[SDK:${c.toUpperCase()}]`,r=W2[c];a!==void 0?console.log(`[${l}] ${i}`,r,t,a):console.log(`[${l}] ${i}`,r,t)}var M={setEnabled:c=>{W=c},isEnabled:()=>W,debug:(c,t)=>b("debug",c,t),info:(c,t)=>b("info",c,t),warn:(c,t)=>b("warn",c,t),error:(c,t)=>b("error",c,t),success:(c,t)=>b("success",c,t),analytics:(c,t)=>b("analytics",c,t),perf:c=>{b("perf",`${c.apiName} completed in ${c.durationMs.toFixed(2)}ms | Status: ${c.status}`,c)}};var I=new _2({defaultOptions:{queries:{staleTime:1/0,refetchOnWindowFocus:!1,refetchOnReconnect:!1,refetchInterval:!1,retryDelay:5e3,retry:(c,t)=>{if(c>=3)return M.error("Query failed permanently after 3 attempts. Stopping retries.",t),!1;if(t instanceof Error){let a=t.message;if(a.includes("400")||a.includes("401")||a.includes("403")||a.includes("404")||a.includes("422"))return M.error(`Query failed permanently due to client error (${a}). Skipping retry.`,t),!1}return M.warn(`Query failed. Retrying attempt ${c+1}/3...`,t),!0}},mutations:{networkMode:"always",retryDelay:5e3,retry:(c,t)=>{if(c>=3)return M.error("Mutation failed permanently after 3 attempts. Stopping retries.",t),!1;if(t instanceof Error){let a=t.message;if(a.includes("400")||a.includes("401")||a.includes("403")||a.includes("422"))return M.error("Mutation failed permanently due to validation/client error. Skipping retry.",t),!1}return M.warn(`Mutation failed. Retrying attempt ${c+1}/3...`,t),!0}}}});var m1="https://custom-p0.feedbook.me/api/feedback/survey/cfm",C1="eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJBY2Nlc3MgVG9rZW4gR2VuZXJhdGVkIEJ5IFNwcmlua2xyIiwic3VydmV5SWQiOiI2YTJlNWM2NDFiOGRiMmY5MDQ2Nzg4ODUiLCJpc3MiOiJTUFJJTktMUiIsInR5cCI6IkpXVCIsInN1cnZleU1vZGUiOiJTVEFOREFSRCIsInN1cnZleUF1dGhlbnRpY2F0aW9uU3RhdGUiOiJOT1RfUkVRVUlSRUQiLCJkaXN0cmlidXRpb25FbnRpdHlJZCI6IjZhMmU1ZDEzNDRjYTkzZjc3YTVlMzcyNyIsImF1ZCI6IlNQUklOS0xSIiwibmJmIjoxNzgxNDIyMTc5LCJzY29wZSI6WyJSRUFEIiwiV1JJVEUiXSwic3RhdGljU3VydmV5IjoidHJ1ZSIsInN1cnZleVJlc3BvbmRlclNuVHlwZSI6IkVYVEVSTkFMX0FQUExJQ0FUSU9OIiwic3VydmV5TGFuZ3VhZ2UiOiJlbiIsInBhcnRuZXJJZCI6OTAwNCwidG9rZW5UeXBlIjoiQUNDRVNTIiwiYXV0aFR5cGUiOiJTVVJWRVlfUkVTUE9OU0UiLCJpYXQiOjE3ODE0MjMzNzksImp0aSI6InNwcmlua2xyIn0.B4ffi1szwM_xQKXTlr0kQc9mVOS4qVbB5e6ir4NFuCoOmNmsl3PB1QeFJ5jPaQ42s0KTpbufPam9ja0Z84CJ620l2WtuS1RModEv7ZtuMNLWOixzRxZMduC5-V7WV85H6gr1e-HzX7wgqrxTk2Z9iTr-8AVuczlwScarCfqLhA-JE_EXkFScHoehmH7QB5q5-BfcxU32iQNYOk5NyeEHGAAWkkyiGPdrbE27njPnhTunB3kKgCBvHHLq0KmgoN9x_KnrB53O_0Xai419TT5vkBWlu5a_uotZckX014eQpxYH02w_LeOF8iWEKYe6R9ge-6DSbelaJSt6U6O8Fq-aXw";function j2(c){return`${m1}?instanceId=${encodeURIComponent(c)}&draftPreview=false`}function f1(c){let t=typeof c=="string"&&c.trim().length>0?c.trim():C1;return j2(t)}var J2={en:"English",hi:"Hindi",de:"Deutsch",es:"Espa\xF1ol",fr:"Fran\xE7ais",bn:"Bengali",gu:"Gujarati",it:"Italiano",ja:"\u65E5\u672C\u8A9E",ko:"\uD55C\uAD6D\uC5B4",mr:"Marathi",pa:"Punjabi",ta:"Tamil",te:"Telugu",ur:"Urdu",zh:"\u4E2D\u6587"};function X2(c){let t=c.toLowerCase().trim();return J2[t]||c.toUpperCase()}function w1(c){let t=c.cfmSurveyDTO,a=new Set,l=t?.baseLanguage??"en";return a.add(l),t&&Array.isArray(t.surveyPages)&&t.surveyPages.forEach(i=>{(i.questionHolders??[]).forEach(r=>{let e=r.question;e&&e.translations&&Object.keys(e.translations).forEach(h=>{a.add(h)})})}),Array.from(a).map(i=>({code:i,name:X2(i)}))}var K2=new Set(["CFM_MATRIX","CSAT_MATRIX"]);function _(c){let t=(c??"").toUpperCase();return t==="TEXTFIELD"?"text":t==="NPS_SCALE"||t==="RATING"||t==="SCALE"?"rating":K2.has(t)?"matrix":t==="RATING_MATRIX"?"rating_matrix":t==="SLIDER_MATRIX"?"slider_matrix":t==="TEXT_AND_MEDIA"||t==="CONTENT"?"text_and_media":t==="FILE_UPLOAD"?"file_upload":"radio"}function j(c,t,a){if(c.toUpperCase()==="NPS_SCALE")return"nps";let i=t.find(e=>e.key==="SCALE_TYPE")?.value?.[0]?.toUpperCase();return t.find(e=>e.key==="INPUT_TYPE")?.value?.[0]?.toUpperCase()==="SLIDER"?"slider":i==="CSAT"||i==="STAR"||i==="EMOJI"||a>0&&a<=5?"csat":"nps"}function Z(c=[],t){let a=c.filter(l=>l.additional?.isHintText&&!l.hidden).map(l=>t&&l.translations?.[t]?.answerText||l.answerText||"").filter(Boolean);return a.length>=3?{minLabel:a[0],midLabel:a[1],maxLabel:a[2]}:{minLabel:a[0],maxLabel:a[1]}}var Y2=["#e2001a","#e4251b","#ec610a","#f18b00","#f7b200","#fcd900","#d2dc00","#9fca00","#6bb300","#339a00","#008000"];function R(c){return Y2[c]??"#e20074"}function T(c,t,a){if(t==="text")return[];let i=(c.answerDetails??[]).filter(r=>!r.hidden&&!r.additional?.isHintText);return i.length>0?i.map((r,e)=>{let h=a&&r.translations?.[a]?.answerText||r.answerText||"",s=r.answerText??"",v=Number(s),o=Number.isFinite(v)&&s.trim()!==""?v:s,n={id:r.id??String(e),label:h,value:o};return t==="rating"&&typeof o=="number"&&(n.color=R(o)),n}):t==="rating"?Array.from({length:11},(r,e)=>({id:String(e),label:String(e),value:e,color:R(e)})):[]}function J(c){let t=c.questionConfigs??[],a=c.additional??{},l=t.find(n=>n.key==="SLIDER_MIN")?.value?.[0]??t.find(n=>n.key==="MIN_VALUE")?.value?.[0]??a.sliderMin,i=t.find(n=>n.key==="SLIDER_MAX")?.value?.[0]??t.find(n=>n.key==="MAX_VALUE")?.value?.[0]??a.sliderMax,r=t.find(n=>n.key==="SLIDER_STEP")?.value?.[0]??a.sliderStep,e=t.find(n=>n.key==="DEFAULT_VALUE")?.value?.[0]??a.defaultValue,h=l!==void 0?Number(l):0,s=i!==void 0?Number(i):10,v=r!==void 0&&Number(r)>0?Number(r):1,o=e!==void 0?Number(e):void 0;return{min:Number.isFinite(h)?h:0,max:Number.isFinite(s)?s:10,step:Number.isFinite(v)?v:1,...o!==void 0&&Number.isFinite(o)?{defaultValue:o}:{}}}function F1(c,t,a,l){let i=(c.answerDetails??[]).filter(d=>!d.hidden&&!d.additional?.isHintText),r=j(c.answerType??"",a,i.length);if(r==="csat"){let{minLabel:d,maxLabel:g}=Z(c.answerDetails,l),z=T(c,"radio",l),L=a.map(m=>m.value?.[0]||"").join(" ").toUpperCase(),u=(c.dataSubType||"").toUpperCase(),p=`${L} ${u}`,x=a.find(m=>m.key==="BUTTON_TYPE")?.value?.[0]?.toLowerCase()||void 0;x||(p.includes("EMOJI")||p.includes("CSAT")||p.includes("SMILEY")||p.includes("FACE")?x="emoji":p.includes("STAR")?x="star":p.includes("GRAPHIC")||p.includes("SLIDER")?x="graphics":p.includes("DROP")?x="dropdown":p.includes("SELECT")?x="selectbox":p.includes("RADIO")?x="radio":p.includes("NUMBER")&&(x="numbered"));let f=a.find(m=>m.key==="ENABLE_NON_APPLICABLE")?.value?.[0]==="true",H=a.find(m=>m.key.includes("REVERSE"))?.value?.[0]?.toLowerCase()==="true"||c.additional?.reverseScaleOrder===!0||c.additional?.reverseScale===!0,P=a.find(m=>m.key==="LABEL_POSITIONING")?.value?.[0]?.toLowerCase()||void 0;if(H){z=[...z].reverse();let m=d;d=g,g=m}return f&&z.push({id:"na",label:"N/A",value:null}),{...t,type:"csat",options:z,...d?{minLabel:d}:{},...g?{maxLabel:g}:{},...x?{buttonType:x}:{},...f?{hasNotApplicable:f}:{},...H?{reverseScaleOrder:H}:{},...P?{labelPosition:P}:{}}}if(r==="slider"){let{minLabel:d,maxLabel:g}=Z(c.answerDetails,l),z=J(c);return{...t,type:"slider",...z,...d?{minLabel:d}:{},...g?{maxLabel:g}:{}}}if(r==="rating_scale"){let{minLabel:d,midLabel:g,maxLabel:z}=Z(c.answerDetails,l),L=T(c,"radio",l),u=a.find(f=>f.key.includes("REVERSE"))?.value?.[0]?.toLowerCase()==="true"||c.additional?.reverseScaleOrder===!0||c.additional?.reverseScale===!0;if(u){L=[...L].reverse();let f=d;d=z,z=f}let p;return g&&L.length>0&&(p=(L.length-1)/2),{...t,type:"rating_scale",options:L,...d?{minLabel:d}:{},...g?{midLabel:g}:{},...p!==void 0?{midLabelIndex:p}:{},...z?{maxLabel:z}:{},...u?{reverseScaleOrder:u}:{}}}let{minLabel:e,midLabel:h,maxLabel:s}=Z(c.answerDetails,l),v=T(c,"rating",l),o=a.find(d=>d.key.includes("REVERSE"))?.value?.[0]?.toLowerCase()==="true"||c.additional?.reverseScaleOrder===!0||c.additional?.reverseScale===!0;if(o){v=[...v].reverse();let d=e;e=s,s=d}let n;return h&&(n=v.length===11?o?2.5:7.5:(v.length-1)/2),{...t,type:"rating",options:v,...e?{minLabel:e}:{},...h?{midLabel:h}:{},...n!==void 0?{midLabelIndex:n}:{},...s?{maxLabel:s}:{},...o?{reverseScaleOrder:o}:{}}}function B1(c,t,a){let l=T(c,"radio",a);return{...t,type:"radio",options:l}}function H1(c,t,a,l){let r=a.find(v=>v.key==="CONTENT_TYPE")?.childConfigs?.find(v=>v.key==="MAX_CHARACTER_COUNT"),e=r?.value?.[0]?Number(r.value[0]):void 0,h=c.answerDetails?.[0],s=h?l&&h.translations?.[l]?.answerText||h.answerText:void 0;return{...t,type:"text",...e!==void 0?{maxCharacterCount:e}:{},...s?{placeholder:s}:{}}}function V1(c,t,a){let l=c;if(a&&l.answerDetails&&l.answerDetails.length>=2){let r=t&&l.answerDetails[0].translations?.[t]?.answerText||l.answerDetails[0].answerText||"";if(r)return r}let i=t&&c.translations?.[t]?.questionText||c.questionText||c.answerText||"";return a&&i.includes(":")?i.split(":")[0].trim():i}function $2(c,t,a){let l=c;if(a&&l.answerDetails&&l.answerDetails.length>=2){let e=t&&l.answerDetails[1].translations?.[t]?.answerText||l.answerDetails[1].answerText||"";if(e)return e}let i=t&&c.translations?.[t]?.description||c.description||c.additional?.rightLabel||c.additional?.rightStatement||c.additional?.rightText;if(typeof i=="string"&&i.trim()!=="")return i;let r=t&&c.translations?.[t]?.questionText||c.questionText||c.answerText||"";if(a&&r.includes(":"))return r.split(":").slice(1).join(":").trim()}function U(c,t,a){let l=(c.matrixRowQuestions?.length??0)>0?c.matrixRowQuestions:c.childSurveyQuestions;return l&&l.length>0?l.filter(i=>i.id).map(i=>({id:i.id,text:V1(i,t,a),rightText:$2(i,t,a)})):(c.answerDetails??[]).filter(i=>!i.hidden&&!i.additional?.isHintText).map((i,r)=>({id:`row_${r}`,text:t&&i.translations?.[t]?.answerText||i.answerText||"",rightText:i.additional?.rightLabel||i.additional?.rightStatement||i.additional?.rightText}))}function X(c,t,a){return c.matrixColumnQuestions&&c.matrixColumnQuestions.length>0?c.matrixColumnQuestions.filter(l=>l.id).map(l=>{let i=a&&l.translations?.[a]?.answerText||l.answerText||V1(l,a),r=l.answerText??i,e=Number(r),h=Number.isFinite(e)&&String(r).trim()!==""?e:r,s={id:l.id,label:i,value:h};return t&&typeof h=="number"&&(s.color=R(h)),s}):(c.answerDetails??[]).filter(l=>!l.hidden&&!l.additional?.isHintText).map((l,i)=>{let r=a&&l.translations?.[a]?.answerText||l.answerText||"",e=Number(r),h=Number.isFinite(e)&&r.trim()!==""?e:r,s={id:`col_${i}`,label:r,value:h};return t&&typeof h=="number"&&(s.color=R(h)),s})}function K(c,t){let a=Number(c.additional?.sliderMin??0),l=Number(c.additional?.sliderMax??10),i=Number(c.additional?.sliderStep??1);return U(c,t).map(e=>({...e,min:Number.isFinite(a)?a:0,max:Number.isFinite(l)?l:10,step:Number.isFinite(i)&&i>0?i:1}))}function S1(c,t){let a=(c.answerType??"").toUpperCase(),l=a==="RATING_MATRIX"?"RATING_MATRIX":a==="CSAT_MATRIX"?"CSAT_MATRIX":"CFM_MATRIX",i=c.questionConfigs??[],r=i.find(o=>o.key==="MATRIX_TYPE"),e=r?.value?.[0]?.toLowerCase(),h=e==="bipolar",s=U(c,t,h),v=X(c,l==="RATING_MATRIX",t);return{apiType:a,subType:l,configs:i,matrixTypeConfig:r,matrixType:e,isBipolar:h,rows:s,columns:v}}function A1(c,t){let{rows:a,columns:l}=t,i=l.map(o=>Number(o.value)).filter(o=>!isNaN(o)),r=i.length>0?Math.min(...i):1,e=i.length>0?Math.max(...i):l.length,h=1,s=l.length,v=a.map(o=>({...o,min:r,max:e,step:h}));return{...c,type:"slider_matrix",rows:v,ticks:s}}function y1(c,t,a,l){let{subType:i,configs:r,rows:e}=a,h=[...a.columns],s=r.map(u=>u.value?.[0]||"").join(" ").toUpperCase(),v=(c.dataSubType||"").toUpperCase(),o=`${s} ${v}`,n;o.includes("EMOJI")||o.includes("CSAT")||o.includes("SMILEY")||o.includes("FACE")?n="emoji":o.includes("STAR")?n="star":o.includes("GRAPHIC")||o.includes("SLIDER")?n="graphics":o.includes("DROP")?n="dropdown":o.includes("SELECT")?n="selectbox":o.includes("RADIO")?n="radio":o.includes("NUMBER")&&(n="numbered");let C=r.find(u=>u.key==="NOT_APPLICABLE_OPTIONS")?.value?.[0]==="true"||r.find(u=>u.key==="ENABLE_NON_APPLICABLE")?.value?.[0]==="true",d=r.find(u=>u.key.includes("REVERSE"))?.value?.[0]?.toLowerCase()==="true"||c.additional?.reverseScaleOrder===!0||c.additional?.reverseScale===!0,g=(c.answerDetails??[]).filter(u=>u.additional?.isHintText&&!u.hidden).map(u=>l&&u.translations?.[l]?.answerText||u.answerText||"").filter(Boolean);d&&(h=[...h].reverse(),g=[...g].reverse()),C&&h.push({id:"na",label:"N/A",value:null});let z=JSON.stringify(r).toUpperCase(),L="standard";return z.includes("CAROUSEL")?L="carousel":z.includes("DROPDOWN")&&(L="dropdown"),{...t,type:"matrix",subType:i,rows:e,columns:h,...n?{buttonType:n}:{},...C?{hasNotApplicable:C}:{},...d?{reverseScaleOrder:d}:{},...g.length>0?{labels:g}:{},...L!=="standard"?{matrixFormat:L}:{}}}function b1(c,t,a,l){let{subType:i,configs:r,matrixType:e,rows:h}=a,s=[...a.columns],v=JSON.stringify(r).toUpperCase(),o="standard";v.includes("CAROUSEL")?o="carousel":v.includes("DROPDOWN")&&(o="dropdown"),console.log("CFM_MATRIX Configs:",JSON.stringify(r,null,2)),console.log("Detected matrixFormat:",o);let C=r.some(x=>x.key.includes("MULTI")||x.value?.[0]?.toUpperCase().includes("MULTI")||x.key.includes("ANSWER")&&x.value?.[0]?.toUpperCase().includes("MULTI")||x.key.includes("SELECT")&&x.value?.[0]?.toUpperCase().includes("MULTI"))?"multiple":"single",d=r.find(x=>x.key==="TRANSPOSE_TABLE")?.value?.[0]?.toLowerCase()==="true",g=r.find(x=>x.key==="REPEAT_SCALE")?.value?.[0]?.toLowerCase()==="true",z=r.find(x=>x.key==="NOT_APPLICABLE_OPTIONS")?.value?.[0]==="true"||r.find(x=>x.key==="ENABLE_NON_APPLICABLE")?.value?.[0]==="true",L=z?!1:d;z&&s.push({id:"na",label:"N/A",value:null});let u=r.find(x=>x.key==="ENABLE_SCALE")?.value?.[0]?.toLowerCase()!=="false",p;return e==="bipolar"&&(p=(c.answerDetails??[]).filter(x=>x.additional?.isHintText&&!x.hidden).map(x=>l&&x.translations?.[l]?.answerText||x.answerText||"").filter(Boolean)),{...t,type:"matrix",subType:i,rows:h,columns:s,...e?{matrixType:e}:{},matrixFormat:o,...C?{answerType:C}:{},...L?{transposeTable:L}:{},...g?{repeatScale:g}:{},...z?{hasNotApplicable:z}:{},...p&&p.length>0?{labels:p}:{},enableScale:u}}function R1(c,t,a){let l=S1(c,a);return l.matrixTypeConfig?.childConfigs?.find(e=>e.key==="MATRIX_FORMAT")?.value?.[0]?.toUpperCase()==="SLIDER"?A1(t,l):l.subType==="CSAT_MATRIX"||l.subType==="RATING_MATRIX"?y1(c,t,l,a):b1(c,t,l,a)}function T1(c,t,a){let l=c.questionConfigs||[],i=l.find(m=>m.key==="SLIDER_TICKS_AND_VALUES"),r=i?.childConfigs||[],e=r.find(m=>m.key==="TICK_START")?.value?.[0],h=r.find(m=>m.key==="TICK_END")?.value?.[0],s=r.find(m=>m.key==="STEP_SIZE")?.value?.[0],v=i?.value?.[0],o=e!==void 0?Number(e):0,n=h!==void 0?Number(h):10,C=s!==void 0?Number(s):1,d=v!==void 0?Number(v):void 0,g={...c,additional:{...c.additional,sliderMin:o,sliderMax:n,sliderStep:C}},z=K(g,a),L=(c.answerDetails||[]).filter(m=>m.additional?.isHintText).map(m=>a&&m.translations?.[a]?.answerText||m.answerText||"").filter(Boolean),u=m=>{for(let V of m){let S=l.find(y=>y.key===V)||r.find(y=>y.key===V);if(S&&S.value!==void 0&&S.value!==null&&S.value.length>0)return S.value[0]?.toString().toLowerCase()==="true"}return!1},p=l.find(m=>m.key==="SCALE_TYPE"||m.key==="VIEW_VARIANT")?.value?.[0]?.toUpperCase().includes("GRAPHIC"),x=u(["ENABLE_INPUT_BOX","SHOW_INPUT_BOX","INPUT_BOX","ENABLE_INPUT"]),f=u(["SHOW_VALUE","DISPLAY_VALUES"]),H=u(["NOT_APPLICABLE","NOT_APPLICABLE_OPTIONS"]),P=(c.answerDetails||[]).filter(m=>!m.additional?.isHintText&&!m.hidden).map(m=>m.translations?.[a||""]?.answerText||m.answerText||""),B;if(d!==void 0&&d>1){B=[];let m=(n-o)/(d-1);for(let V=0;V<d;V++){let S=o+V*m,y=Number(S.toFixed(2)),G2=P[V]||y.toString(),Q2=`hsl(${Math.round(V/(d-1)*120)}, 90%, 40%)`;B.push({value:y,label:G2,color:Q2})}}return{...t,type:"slider_matrix",rows:z,...L.length>0?{labels:L}:{},...d!==void 0&&Number.isFinite(d)?{ticks:d}:{},...B?{tickValues:B}:{},enableInputBox:x,displayValues:f,enableNotApplicable:H,...p?{sliderType:"graphics"}:{}}}function Y(c){let t=c.additional??{},a=t.mediaUrl??t.previewUrl,l=t.mediaMimeType,i=t.title,r=c.questionContainerAssets;if(Array.isArray(r)&&r.length>0){let e=r[0];(e.source||e.previewImageUrl)&&(a=e.source||e.previewImageUrl),e.type&&(e.type==="PHOTO"||e.type==="IMAGE"?l="image/*":e.type==="VIDEO"?l="video/*":l=e.type)}return{mediaUrl:a,mediaMimeType:l,mediaTitle:i}}function k1(c,t){let{mediaUrl:a,mediaMimeType:l,mediaTitle:i}=Y(c),r=c.questionConfigs||[],e=r.find(n=>n.key==="TEXT_AND_MEDIA_ALIGNMENT"),h=r.find(n=>n.key==="TEXT_AND_MEDIA_SIZE"),s=e?.value?.[0],v=h?.value?.[0]?Number(h.value[0]):void 0,o=t.text;if(Array.isArray(c.answerDetails)){let n=c.answerDetails.find(C=>C.additional?.textAndMediaFieldType==="HEADER");n&&n.answerText&&(o=n.answerText)}return{...t,text:o,type:"text_and_media",...a?{mediaUrl:a}:{},...l?{mediaMimeType:l}:{},...i?{mediaTitle:i}:{},...s?{mediaAlignment:s}:{},...v?{mediaSize:v}:{}}}function P1(c,t,a){let l=c.questionConfigs||[],i=c.answerDetails?.find(z=>z.additional?.fieldType==="UPLOAD_MESSAGE"),r=a&&i?.translations?.[a]?.answerText||i?.answerText||"",h=l.find(z=>z.key==="SUPPORTED_FILE_FORMAT")?.value?.map(z=>z.toUpperCase().replace(/^\./,""))||[],s=l.find(z=>z.key==="MAX_FILE_COUNT"),v=s?.value?.[0]?Number(s.value[0]):void 0,o=l.find(z=>z.key==="FILE_SIZE_LIMIT"),n=o?.childConfigs?.find(z=>z.key==="SIZE_LIMIT_ID")?.value?.[0],C=o?.childConfigs?.find(z=>z.key==="SIZE_FORMAT_ID")?.value?.[0],d=n?Number(n):void 0,g=C==="PER_FILE"||C==="IN_TOTAL"?C:void 0;return{...t,type:"file_upload",...r?{uploadMessage:r}:{},...h.length>0?{supportedFileFormats:h}:{},...v!==void 0?{maxFileCount:v}:{},...d!==void 0?{fileSizeLimit:d}:{},...g?{fileSizeLimitType:g}:{}}}function c4(c,t,a,l){let i=t.find(u=>u.key==="REQUIRED")?.value?.[0]==="true",r=t.find(u=>u.key==="REQUIRED_ERROR_MESSAGE"),e=r?.value?.[0];a&&r?.translations?.[a]?.value?.[0]&&(e=r.translations[a].value[0]);let h=a&&c.translations?.[a]?.questionRichText||a&&c.translations?.[a]?.questionText||c.questionRichText||c.questionText||"";l&&(h=h.replace(/\{\{(\w+)\}\}/g,(u,p)=>l[p]!==void 0?l[p]:u));let s=a&&c.translations?.[a]?.descriptionRichText||a&&c.translations?.[a]?.description||c.descriptionRichText||c.description||(typeof c.additional?.descriptionRichText=="string"?c.additional.descriptionRichText:"")||(typeof c.additional?.description=="string"?c.additional.description:"")||"";if(!s){let u=t.find(p=>p.key.includes("DESCRIPTION"));s=u?.value?.[0]||"",a&&u?.translations?.[a]?.valueRichText?.[0]?s=u.translations[a].valueRichText[0]:a&&u?.translations?.[a]?.value?.[0]&&(s=u.translations[a].value[0])}s&&l&&(s=s.replace(/\{\{(\w+)\}\}/g,(u,p)=>l[p]!==void 0?l[p]:u));let o=c.questionContainerAssets?.[0],n=o?.source||o?.mediaUrl||o?.previewImageUrl,C=o?.mediaMimeType,g=t.find(u=>u.key==="QUESTION_CONTAINER_MEDIA_ALIGNMENT")?.value?.[0],z=t.find(u=>u.key==="TEXT_AND_MEDIA_SIZE"),L=z?.value?.[0]?Number(z.value[0]):void 0;return{id:c.id??"",text:h,...s?{description:s}:{},required:i,...e?{requiredErrorMessage:e}:{},...c.questionNumber!==void 0?{questionNumber:c.questionNumber}:{},...n?{containerMediaUrl:n}:{},...C?{containerMediaMimeType:C}:{},...g?{containerMediaAlignment:g}:{},...L!==void 0?{containerMediaSize:L}:{}}}function Z1(c,t,a){let l=c.questionConfigs??[],i=c4(c,l,t,a);switch(_(c.answerType)){case"rating":return F1(c,i,l,t);case"text":return H1(c,i,l,t);case"matrix":case"rating_matrix":return R1(c,i,t);case"slider_matrix":return T1(c,i,t);case"text_and_media":return k1(c,i);case"file_upload":return P1(c,i,t);default:return B1(c,i,t)}}function E1(c,t,a){let l=c.cfmSurveyDTO;return!l||!Array.isArray(l.surveyPages)?[]:l.surveyPages.map((i,r)=>{let e=(i.questionHolders??[]).map(h=>h.question).filter(h=>!!h).map(h=>Z1(h,t,a));return{id:`page_${r}`,title:`Page ${r+1}`,questions:e}})}function D1(c){return c.instanceId?.trim()?{instanceId:c.instanceId.trim(),language:c.surveyLanguage??c.cfmSurveyDTO?.baseLanguage??"en"}:null}function t4(c,t){return t??c.surveyLanguage??c.cfmSurveyDTO?.baseLanguage??"en"}function I1(c,t,a){let l=t4(c,t),i=w1(c),r=E1(c,l,a);return{id:c.cfmSurveyDTO?.id??"",language:l,languages:i,pages:r}}function U1(c){M.info("Starting survey layout API fetch...",{url:c})}function $(c,t,a){M.perf({apiName:"GET Survey Layout",durationMs:c,status:t,url:a,success:!1})}function q1(c,t,a,l){M.perf({apiName:"GET Survey Layout",durationMs:c,status:t,url:a,payloadSize:l,success:!0})}function N1(c){M.success("Raw survey layout fetched successfully",c)}function O1(c){M.error("Failed to fetch raw survey layout",c)}function G1(){M.warn("Cannot map survey: apiResponse is null or undefined")}function Q1(c){M.success("Mapped survey layout successfully",c)}function W1(c){M.error("Failed to map survey layout",c)}function F(c){if(c.eventName==="survey_session_summary"){let{completed:t,totalDurationMs:a,maxVisitedPageIndex:l,totalQuestionsCount:i,answeredQuestionsCount:r,skippedQuestionsCount:e,skippedQuestionIds:h,validationErrorsCount:s,backtrackCount:v}=c.metadata;M.analytics(`Event: ${c.eventName} - SESSION SUMMARY TABLE:`);let o=[{Metric:"Completion Status",Value:t?"COMPLETED \u2705":"ABANDONED \u274C"},{Metric:"Total Time Spent",Value:`${(a/1e3).toFixed(2)} seconds`},{Metric:"Max Page Index Reached",Value:`${l}`},{Metric:"Total Questions",Value:i},{Metric:"Answered Questions",Value:r},{Metric:"Skipped Optional Questions",Value:e},{Metric:"Skipped Question IDs",Value:h.join(", ")||"None"},{Metric:"Validation Errors Triggered",Value:s},{Metric:"Backtrack Count",Value:v},{Metric:"Validation Error History",Value:c.metadata.validationHistory?.map(n=>`[Page ${n.pageIndex}] Attempt ${n.attemptNumber}: ${Object.keys(n.errors).join(", ")}`).join(" | ")||"NO Validation Erros Occurred"}];console.table(o)}else M.analytics(`Event: ${c.eventName}`,c.metadata)}function _1(c,t,a,l){F({eventName:"survey_fetch_latency",metadata:{durationMs:c,status:t,success:!0,url:a,payloadSize:l}})}function c1(c,t,a){F({eventName:"api_error",metadata:{apiName:"GET Survey Layout",status:c,url:t,errorMessage:a}})}async function r4(c){let t=performance.now();U1(c);try{let a=await fetch(c,{method:"GET",headers:{Accept:"application/json"},cache:"force-cache"}),l=performance.now()-t;if(!a.ok)throw $(l,a.status,c),c1(a.status,c,`Survey fetch failed (${a.status})`),new Error(`Survey fetch failed (${a.status})`);let i=await a.json(),r=JSON.stringify(i),h=`${(new Blob([r]).size/1024).toFixed(2)} KB`;return q1(l,a.status,c,h),_1(l,a.status,c,h),N1(i),i}catch(a){let l=performance.now()-t;throw $(l,"FAILED",c),c1("FAILED",c,a?.message||String(a)),O1(a),a}}function j1(c){let t=f1(c?.instanceId),a=c?.language,l=c?.placeholders,{data:i,error:r,isLoading:e,isSuccess:h}=l4({queryKey:["survey",t],queryFn:()=>r4(t),enabled:!!t},I),s=a4(()=>{if(!h)return{survey:null,session:null};if(!i)return G1(),{survey:null,session:null};try{let v=I1(i,a,l),o=D1(i),n=o?{...o,language:v.language}:null;return Q1(v),{survey:v,session:n}}catch(v){return W1(v),{survey:null,session:null}}},[i,h,a]);return{survey:s.survey,session:s.session,fetching:e,fetchError:r}}import{useState as g1,useRef as w4}from"react";import{useCallback as e4}from"react";import{useMutation as h4}from"@tanstack/react-query";function J1(c,t){M.info("Starting survey response HTTP POST...",{url:c,requestBody:t})}function X1(c,t){M.warn(c,t)}function K1(c,t,a,l,i){M.perf({apiName:"POST Submit Response",durationMs:c,status:t,url:a,requestSize:l,responseSize:i,success:!0})}function t1(c,t,a,l){M.perf({apiName:"POST Submit Response",durationMs:c,status:t,url:a,requestSize:l,success:!1})}function Y1(c){M.success("Survey response submitted successfully",{responseId:c})}function $1(c,t){M.error(c,t)}function c2(c){M.debug("Resolved raw inputs to submit schema:",c)}function t2(c){M.debug("Constructed JSON request body:",c)}function a2(c){M.error("Failed to execute submit callback",c)}function l2(c,t,a,l,i){F({eventName:"survey_submit_latency",metadata:{durationMs:c,status:t,success:!0,url:a,requestSize:l,responseSize:i}})}function a1(c,t,a){F({eventName:"api_error",metadata:{apiName:"POST Submit Response",status:c,url:t,errorMessage:a}})}var r2="https://custom-p0.feedbook.me/api/feedback/survey/responseV2";function i2(c,t="en"){let a=new URLSearchParams({instanceId:c,surveySubmitted:"true",surveyLanguage:t});return`${r2}?${a.toString()}`}function e2(c,t){let a={},l={},i={};for(let r of t)r.type==="file_upload"&&(i[r.id]=[]);for(let r of t){let e=c[r.id];if(e!=null)switch(r.type){case"text_and_media":break;case"file_upload":{Array.isArray(e)&&(i[r.id]=e);break}case"matrix":case"rating_matrix":case"slider_matrix":{if(typeof e=="object"&&!Array.isArray(e)){let h=e;for(let[s,v]of Object.entries(h))if(v!=null){let o=`${r.id}_${s}`;a[o]=[String(v)]}}break}default:(typeof e=="string"||typeof e=="number")&&(a[r.id]=[String(e)]);break}}return{questionToAnswers:a,quesIdVsAttachmentDetails:i,optionLevelAnswers:l,conjointTasks:[]}}function i4(c){return typeof c=="object"&&c!==null&&"instanceId"in c&&"answers"in c}function h2(c,t,a){if(i4(c))return{...c,surveyLanguage:c.surveyLanguage??t?.language??"en",questions:c.questions??a?.pages.flatMap(l=>l.questions)??[]};if(!t?.instanceId)throw new Error("Survey session not ready. Fetch survey before submitting.");return{answers:c,instanceId:t.instanceId,surveyLanguage:t.language??"en",questions:a?.pages.flatMap(l=>l.questions)??[]}}async function s4({url:c,requestBody:t}){let a=performance.now(),i=`${(new Blob([JSON.stringify(t)]).size/1024).toFixed(2)} KB`;J1(c,t);try{let r=await fetch(c,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),e=await r.json().catch(n=>(X1("Failed to parse JSON response during submission",n),null)),h=performance.now()-a,v=`${((e?new Blob([JSON.stringify(e)]).size:0)/1024).toFixed(2)} KB`;if(!r.ok)throw t1(h,r.status,c,i),a1(r.status,c,`Submit failed (${r.status}): ${JSON.stringify(e)}`),new Error(`Submit failed (${r.status}): ${JSON.stringify(e)}`);let o=e?.responseId??"";return K1(h,r.status,c,i,v),l2(h,r.status,c,i,v),Y1(o),{success:!0,responseId:o}}catch(r){let e=performance.now()-a;throw t1(e,"FAILED",c,i),a1("FAILED",c,r?.message||String(r)),$1("Failed to submit survey response",r),r}}function s2(c,t){let a=h4({mutationFn:({url:i,requestBody:r})=>s4({url:i,requestBody:r})},I);return{submit:e4(async i=>{try{let r=h2(i,c,t);c2(r);let e=r.surveyLanguage??"en",h=e2(r.answers,r.questions??[]);t2(h);let s=i2(r.instanceId,e);return await a.mutateAsync({url:s,requestBody:h})}catch(r){throw a2(r),r}},[c,t,a]),data:a.data??null,loading:a.isPending,error:a.error}}import{useState as n4,useEffect as v4,useMemo as z4}from"react";function o2(c){return c.type==="text_and_media"}function o4(c,t){return c.rows.every(a=>{let l=t[a.id];return l!==void 0&&l!==""})}function l1(c,t){if(o2(c))return!0;let a=t[c.id];switch(c.type){case"matrix":case"rating_matrix":case"slider_matrix":return typeof a!="object"||Array.isArray(a)?!1:o4(c,a);default:return a!==void 0&&a!==""}}function r1(c,t,a){let l={},i=a?.startsWith("de")?"Beantworten Sie bitte diese Frage bevor Sie fortfahren.":"Please answer this question before you proceed.";return c.forEach(r=>{o2(r)||r.required&&!l1(r,t)&&(l[r.id]=r.requiredErrorMessage??i)}),l}function n2(c,t,a){let l={},i="",r=-1;for(let e=0;e<c.length;e++){let h=r1(c[e].questions,t,a);Object.keys(h).length>0&&(l={...l,...h},r===-1&&(r=e,i=Object.keys(h)[0]))}return r!==-1?{errors:l,errorPageIndex:r,firstErrorId:i}:null}function v2(c){return c.type==="text_and_media"}function z2(c){return!c||!Array.isArray(c.pages)?0:c.pages.reduce((t,a)=>{let l=(a.questions??[]).filter(i=>!v2(i));return t+l.length},0)}function d2(c,t,a=0){if(!c||!t||!Array.isArray(c.pages))return 0;let l=0;return c.pages.forEach((i,r)=>{let e=(i.questions??[]).filter(h=>!v2(h));r<a?l+=e.length:e.forEach(h=>{l1(h,t)&&l++})}),l}function g2(c,t){return t<=0?0:Math.min(100,Math.max(0,Math.round(c/t*100)))}function u2({survey:c,values:t,currentPageIndex:a=0}){let[l,i]=n4(0);return v4(()=>{a>l&&i(a)},[a,l]),z4(()=>{let r=z2(c),e=d2(c,t,l),h=g2(e,r),s=r>0&&e===r;return{totalQuestionsCount:r,answeredQuestionsCount:e,progressPercentage:h,isComplete:s}},[c,t,l])}import{useEffect as d4}from"react";function i1(c){let{currentPageIndex:t,paginationRefs:a}=c;d4(()=>{a.current&&(a.current.pageStartTime=performance.now())},[t,a])}import{useEffect as g4}from"react";function e1(c){let{currentPageIndex:t,paginationRefs:a}=c;g4(()=>{a.current&&t>a.current.maxVisitedPageIndex&&(a.current.maxVisitedPageIndex=t)},[t,a])}import{useCallback as p4}from"react";function p2(c,t){M.info(`Answer changed for question: ${c}`,{value:t})}function k(c,t){M.warn(c,t)}function M2(){M.info("Initiating survey submission...")}function x2(c){M.info(`Navigating back from page index: ${c}`)}function L2(c){M.info(`Navigating next from page index: ${c}`)}function m2(c){M.error("Error encountered during pagination submit trigger",c)}function E(c){return typeof document>"u"?null:document.getElementById(c)||null}function u4(c){return c.closest("main")||c.closest("form")||c.parentElement||c}function q(c,t){try{let l=c[t]?.questions?.[0];l?setTimeout(()=>{try{let i=E(l.id);i?u4(i).scrollIntoView({behavior:"smooth",block:"start"}):window.scrollTo({top:0,behavior:"smooth"})}catch(i){k("Failed to scroll page first question into view",i)}},50):window.scrollTo({top:0,behavior:"smooth"})}catch(a){k("Failed to trigger scroll navigation",a)}}function h1(c){let{currentPageIndex:t,setCurrentPageIndex:a,trackPageTime:l,pages:i,values:r,paginationRefs:e}=c;return p4(()=>{if(t>0){x2(t),l(t);let h=e.current;if(h){h.backtrackCount+=1;let v=t-1,o=i[v]?.questions??[],n={};o.forEach(C=>{n[C.id]=r[C.id]}),h.backtrackSnapshots[v]={fromPageIndex:t,snapshot:n}}let s=t-1;a(s),q(i,s)}},[t,a,l,i,r,e])}import{useCallback as M4}from"react";function s1(c){let{setValues:t,setValidationErrors:a}=c;return M4((l,i)=>{p2(l,i),t(r=>({...r,[l]:i})),a(r=>({...r,[l]:""}))},[t,a])}import{useCallback as x4}from"react";function C2(){M.success("Survey validation passed on submit")}function f2(c){M.warn("Full survey validation failed on submit",{validation:c})}function N(c){M.error("Failed to run survey validation on submit",c)}function w2(c){M.warn("Page validation failed",{errors:c})}function F2(c,t){F({eventName:"page_time_spent",metadata:{pageIndex:c,durationMs:t}})}function O(c,t,a){F({eventName:"validation_error",metadata:{pageIndex:c,errors:t,attemptNumber:a}})}function o1(c,t){let{survey:a,pages:l,values:i,currentPageIndex:r,setCurrentPageIndex:e,setValidationErrors:h,trackPageTime:s,trackOptionalSkips:v,checkBacktrackChanges:o,paginationRefs:n}=c,C=l[r],d=C?.questions??[];return x4(()=>{if(!a||!C)return;let g={};try{g=r1(d,i,a.language)}catch(L){N(L)}let z=n.current;if(z){if(Object.keys(g).length>0){w2(g);let L=(z.validationAttempt[r]||0)+1;z.validationAttempt[r]=L,z.validationErrorsCount+=1,z.validationHistory.push({pageIndex:r,errors:g,attemptNumber:L}),O(r,g,L),h(g);let u=Object.keys(g)[0];setTimeout(()=>{try{let p=E(u);p&&p.scrollIntoView({behavior:"smooth",block:"center"})}catch(p){k("Failed to scroll validation error element into view",p)}},50);return}h({}),delete z.validationAttempt[r],s(r),v(r),o(r),r<l.length-1?(L2(r),e(L=>L+1),q(l,r+1)):t()}},[a,C,d,i,r,e,h,s,v,o,l,t,n])}import{useCallback as L4}from"react";function B2(c,t,a,l,i,r,e,h,s,v){F({eventName:"survey_session_summary",metadata:{maxVisitedPageIndex:t,totalDurationMs:a,completed:c,totalQuestionsCount:l,answeredQuestionsCount:i,skippedQuestionsCount:r,skippedQuestionIds:e,validationErrorsCount:h,backtrackCount:s,validationHistory:v}})}function H2(c,t){F({eventName:"optional_question_skipped",metadata:{questionId:c,pageIndex:t}})}function V2(c,t,a){F({eventName:"backtrack_revisited",metadata:{fromPageIndex:c,toPageIndex:t,changedAnswers:a}})}function n1(c){let{survey:t,pages:a,values:l,submit:i,currentPageIndex:r,setCurrentPageIndex:e,setValidationErrors:h,trackPageTime:s,trackOptionalSkips:v,checkBacktrackChanges:o,totalQuestionsCount:n,paginationRefs:C}=c;return L4(async()=>{if(!t)return;M2();let d=null;try{d=n2(a,l,t.language),d||C2()}catch(z){N(z)}let g=C.current;if(g){if(d){f2(d);let z=(g.validationAttempt[d.errorPageIndex]||0)+1;g.validationAttempt[d.errorPageIndex]=z,g.validationErrorsCount+=1,g.validationHistory.push({pageIndex:d.errorPageIndex,errors:d.errors,attemptNumber:z}),O(d.errorPageIndex,d.errors,z),h(d.errors),e(d.errorPageIndex),setTimeout(()=>{try{let L=E(d.firstErrorId);L&&L.scrollIntoView({behavior:"smooth",block:"center"})}catch(L){k("Failed to scroll validation error element into view",L)}},100);return}h({}),delete g.validationAttempt[r],s(r),v(r),o(r);try{let z=await i(l);if(z&&z.success&&!g.hasLoggedSummary){let L=performance.now()-g.sessionStartTime,u=[];a.forEach(x=>{x.questions.forEach(f=>{if(!f.required){let H=l[f.id];(H===void 0||H==="")&&u.push(f.id)}})});let p=u.length;B2(!0,g.maxVisitedPageIndex,L,n,n-p,p,u,g.validationErrorsCount,g.backtrackCount,g.validationHistory),g.hasLoggedSummary=!0}}catch(z){m2(z)}}},[t,a,l,i,r,e,h,s,v,o,n,C])}import{useCallback as m4}from"react";function v1(c,t,a){return m4(l=>{if(!a.current)return;let i=a.current.backtrackSnapshots[l];if(i){let r=c[l]?.questions??[],e={},h=!1;r.forEach(s=>{let v=i.snapshot[s.id],o=t[s.id];v!==o&&(e[s.id]={oldValue:v??null,newValue:o??null},h=!0)}),h&&V2(i.fromPageIndex,l,e),delete a.current.backtrackSnapshots[l]}},[c,t,a])}import{useCallback as C4}from"react";function z1(c,t){return C4(a=>{(c[a]?.questions??[]).forEach(i=>{let r=!i.required,e=t[i.id];r&&(e===void 0||e==="")&&H2(i.id,a)})},[c,t])}import{useCallback as f4}from"react";function d1(c){return f4(t=>{if(!c.current)return;let a=performance.now()-c.current.pageStartTime;F2(t,a)},[c])}function S2({survey:c,session:t}){let[a,l]=g1({}),[i,r]=g1({}),[e,h]=g1(0),s=c?.pages??[],o=s[e]?.questions??[],{submit:n,data:C,loading:d,error:g}=s2(t,c),{progressPercentage:z,totalQuestionsCount:L,answeredQuestionsCount:u,isComplete:p}=u2({survey:c,values:a,currentPageIndex:e}),x=w4({pageStartTime:performance.now(),sessionStartTime:performance.now(),maxVisitedPageIndex:0,validationAttempt:{},backtrackSnapshots:{},hasLoggedSummary:!1,validationErrorsCount:0,backtrackCount:0,validationHistory:[]}),f=d1(x),H=z1(s,a),P=v1(s,a,x),B={survey:c,session:t,pages:s,currentPageIndex:e,setCurrentPageIndex:h,values:a,setValues:l,validationErrors:i,setValidationErrors:r,paginationRefs:x,trackPageTime:f,trackOptionalSkips:H,checkBacktrackChanges:P,submit:n,totalQuestionsCount:L};e1(B),i1(B);let m=s1(B),V=h1(B),S=n1(B),y=o1(B,S);return{currentPageIndex:e,values:a,validationErrors:i,currentQuestions:o,pages:s,onChange:m,onBack:V,onNext:y,onSubmit:S,progressPercentage:z,totalQuestionsCount:L,answeredQuestionsCount:u,isComplete:p,submitting:d,submitError:g,submitData:C}}var u1=(i=>(i.NEXT="NEXT",i.PREVIOUS="PREVIOUS",i.SUBMIT="SUBMIT",i.CHANGE="CHANGE",i))(u1||{});function B4({options:c}={}){M.setEnabled(c?.debug??!1);let{survey:t,session:a,fetching:l,fetchError:i}=j1({instanceId:c?.instanceId,language:c?.language,placeholders:c?.placeholders}),{currentPageIndex:r,values:e,validationErrors:h,currentQuestions:s,onBack:v,onNext:o,onSubmit:n,onChange:C,progressPercentage:d,submitting:g,submitError:z,submitData:L}=S2({survey:t,session:a}),u=F4(p=>{p.type==="NEXT"&&t&&r===t.pages.length-1&&(p={type:"SUBMIT"}),M.info(`Action dispatched: ${p.type}`,p);try{switch(p.type){case"NEXT":o();break;case"PREVIOUS":v();break;case"SUBMIT":n();break;case"CHANGE":C(p.payload.questionId,p.payload.value);break;default:break}}catch(x){M.error(`Error executing action: ${p.type}`,x)}},[o,v,n,C,t,r]);return{surveyQueryResults:{data:t,error:i,isLoading:l},submitSurveyResults:{data:L,error:z,isLoading:g},state:{currentPageIndex:r,currentQuestions:s,values:e,validationErrors:h,progressPercentage:d},onAction:u}}import L1 from"react";import D from"react";import A2 from"react";var p1={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},M1=A2.createContext&&A2.createContext(p1);var H4=["attr","size","title"];function V4(c,t){if(c==null)return{};var a,l,i=S4(c,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(c);for(l=0;l<r.length;l++)a=r[l],t.indexOf(a)===-1&&{}.propertyIsEnumerable.call(c,a)&&(i[a]=c[a])}return i}function S4(c,t){if(c==null)return{};var a={};for(var l in c)if({}.hasOwnProperty.call(c,l)){if(t.indexOf(l)!==-1)continue;a[l]=c[l]}return a}function G(){return G=Object.assign?Object.assign.bind():function(c){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(c[l]=a[l])}return c},G.apply(null,arguments)}function y2(c,t){var a=Object.keys(c);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(c);t&&(l=l.filter(function(i){return Object.getOwnPropertyDescriptor(c,i).enumerable})),a.push.apply(a,l)}return a}function Q(c){for(var t=1;t<arguments.length;t++){var a=arguments[t]!=null?arguments[t]:{};t%2?y2(Object(a),!0).forEach(function(l){A4(c,l,a[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(a)):y2(Object(a)).forEach(function(l){Object.defineProperty(c,l,Object.getOwnPropertyDescriptor(a,l))})}return c}function A4(c,t,a){return(t=y4(t))in c?Object.defineProperty(c,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):c[t]=a,c}function y4(c){var t=b4(c,"string");return typeof t=="symbol"?t:t+""}function b4(c,t){if(typeof c!="object"||!c)return c;var a=c[Symbol.toPrimitive];if(a!==void 0){var l=a.call(c,t||"default");if(typeof l!="object")return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(c)}function b2(c){return c&&c.map((t,a)=>D.createElement(t.tag,Q({key:a},t.attr),b2(t.child)))}function w(c){return t=>D.createElement(R4,G({attr:Q({},c.attr)},t),b2(c.child))}function R4(c){var t=a=>{var{attr:l,size:i,title:r}=c,e=V4(c,H4),h=i||a.size||"1em",s;return a.className&&(s=a.className),c.className&&(s=(s?s+" ":"")+c.className),D.createElement("svg",G({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},a.attr,l,e,{className:s,style:Q(Q({color:c.color||a.color},a.style),c.style),height:h,width:h,xmlns:"http://www.w3.org/2000/svg"}),r&&D.createElement("title",null,r),c.children)};return M1!==void 0?D.createElement(M1.Consumer,null,a=>t(a)):t(p1)}function R2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"},child:[]}]})(c)}function T2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zm53.5-96.7s0 0 0 0c0 0 0 0 0 0l-.2-.2c-.2-.2-.4-.5-.7-.9c-.6-.8-1.6-2-2.8-3.4c-2.5-2.8-6-6.6-10.2-10.3c-8.8-7.8-18.8-14-27.7-14s-18.9 6.2-27.7 14c-4.2 3.7-7.7 7.5-10.2 10.3c-1.2 1.4-2.2 2.6-2.8 3.4c-.3 .4-.6 .7-.7 .9l-.2 .2c0 0 0 0 0 0c0 0 0 0 0 0s0 0 0 0c-2.1 2.8-5.7 3.9-8.9 2.8s-5.5-4.1-5.5-7.6c0-17.9 6.7-35.6 16.6-48.8c9.8-13 23.9-23.2 39.4-23.2s29.6 10.2 39.4 23.2c9.9 13.2 16.6 30.9 16.6 48.8c0 3.4-2.2 6.5-5.5 7.6s-6.9 0-8.9-2.8c0 0 0 0 0 0s0 0 0 0zm160 0c0 0 0 0 0 0l-.2-.2c-.2-.2-.4-.5-.7-.9c-.6-.8-1.6-2-2.8-3.4c-2.5-2.8-6-6.6-10.2-10.3c-8.8-7.8-18.8-14-27.7-14s-18.9 6.2-27.7 14c-4.2 3.7-7.7 7.5-10.2 10.3c-1.2 1.4-2.2 2.6-2.8 3.4c-.3 .4-.6 .7-.7 .9l-.2 .2c0 0 0 0 0 0c0 0 0 0 0 0s0 0 0 0c-2.1 2.8-5.7 3.9-8.9 2.8s-5.5-4.1-5.5-7.6c0-17.9 6.7-35.6 16.6-48.8c9.8-13 23.9-23.2 39.4-23.2s29.6 10.2 39.4 23.2c9.9 13.2 16.6 30.9 16.6 48.8c0 3.4-2.2 6.5-5.5 7.6s-6.9 0-8.9-2.8c0 0 0 0 0 0s0 0 0 0s0 0 0 0z"},child:[]}]})(c)}function k2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm240 80c0-8.8 7.2-16 16-16c45 0 85.6 20.5 115.7 53.1c6 6.5 5.6 16.6-.9 22.6s-16.6 5.6-22.6-.9c-25-27.1-57.4-42.9-92.3-42.9c-8.8 0-16-7.2-16-16zm-80 80c-26.5 0-48-21-48-47c0-20 28.6-60.4 41.6-77.7c3.2-4.4 9.6-4.4 12.8 0C179.6 308.6 208 349 208 369c0 26-21.5 47-48 47zM367.6 208a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm-192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"},child:[]}]})(c)}function x1(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM176.4 176a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm128 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zM160 336l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z"},child:[]}]})(c)}function P2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM388.1 312.8c12.3-3.8 24.3 6.9 19.3 18.7C382.4 390.6 324.2 432 256.3 432s-126.2-41.4-151.1-100.5c-5-11.8 7-22.5 19.3-18.7c39.7 12.2 84.5 19 131.8 19s92.1-6.8 131.8-19zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"},child:[]}]})(c)}function Z2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM388.1 312.8c12.3-3.8 24.3 6.9 19.3 18.7C382.4 390.6 324.2 432 256.3 432s-126.2-41.4-151.1-100.5c-5-11.8 7-22.5 19.3-18.7c39.7 12.2 84.5 19 131.8 19s92.1-6.8 131.8-19zM208 192c0 35.3-14.3 64-32 64s-32-28.7-32-64s14.3-64 32-64s32 28.7 32 64zm128 64c-17.7 0-32-28.7-32-64s14.3-64 32-64s32 28.7 32 64s-14.3 64-32 64z"},child:[]}]})(c)}function E2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm407.4 75.5c5-11.8-7-22.5-19.3-18.7c-39.7 12.2-84.5 19-131.8 19s-92.1-6.8-131.8-19c-12.3-3.8-24.3 6.9-19.3 18.7c25 59.1 83.2 100.5 151.1 100.5s126.2-41.4 151.1-100.5zM160 120c-3.1 0-5.9 1.8-7.2 4.6l-16.6 34.7-38.1 5c-3.1 .4-5.6 2.5-6.6 5.5s-.1 6.2 2.1 8.3l27.9 26.5-7 37.8c-.6 3 .7 6.1 3.2 7.9s5.8 2 8.5 .6L160 232.5l33.8 18.3c2.7 1.5 6 1.3 8.5-.6s3.7-4.9 3.2-7.9l-7-37.8L226.4 178c2.2-2.1 3.1-5.3 2.1-8.3s-3.5-5.1-6.6-5.5l-38.1-5-16.6-34.7c-1.3-2.8-4.1-4.6-7.2-4.6zm192 0c-3.1 0-5.9 1.8-7.2 4.6l-16.6 34.7-38.1 5c-3.1 .4-5.6 2.5-6.6 5.5s-.1 6.2 2.1 8.3l27.9 26.5-7 37.8c-.6 3 .7 6.1 3.2 7.9s5.8 2 8.5 .6L352 232.5l33.8 18.3c2.7 1.5 6 1.3 8.5-.6s3.7-4.9 3.2-7.9l-7-37.8L418.4 178c2.2-2.1 3.1-5.3 2.1-8.3s-3.5-5.1-6.6-5.5l-38.1-5-16.6-34.7c-1.3-2.8-4.1-4.6-7.2-4.6z"},child:[]}]})(c)}function D2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM159.3 388.7c-2.6 8.4-11.6 13.2-20 10.5s-13.2-11.6-10.5-20C145.2 326.1 196.3 288 256 288s110.8 38.1 127.3 91.3c2.6 8.4-2.1 17.4-10.5 20s-17.4-2.1-20-10.5C340.5 349.4 302.1 320 256 320s-84.5 29.4-96.7 68.7zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"},child:[]}]})(c)}function I2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM176.4 176a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm128 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-122 174.5c-12.4 5.2-26.5-4.1-21.1-16.4c16-36.6 52.4-62.1 94.8-62.1s78.8 25.6 94.8 62.1c5.4 12.3-8.7 21.6-21.1 16.4c-22.4-9.5-47.4-14.8-73.7-14.8s-51.3 5.3-73.7 14.8z"},child:[]}]})(c)}function U2(c){return w({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM338.7 395.9c6.6-5.9 7.1-16 1.2-22.6C323.8 355.4 295.7 336 256 336s-67.8 19.4-83.9 37.3c-5.9 6.6-5.4 16.7 1.2 22.6s16.7 5.4 22.6-1.2c11.7-13 31.6-26.7 60.1-26.7s48.4 13.7 60.1 26.7c5.9 6.6 16 7.1 22.6 1.2zM176.4 272c17.7 0 32-14.3 32-32c0-1.5-.1-3-.3-4.4l10.9 3.6c8.4 2.8 17.4-1.7 20.2-10.1s-1.7-17.4-10.1-20.2l-96-32c-8.4-2.8-17.4 1.7-20.2 10.1s1.7 17.4 10.1 20.2l30.7 10.2c-5.8 5.8-9.3 13.8-9.3 22.6c0 17.7 14.3 32 32 32zm192-32c0-8.9-3.6-17-9.5-22.8l30.2-10.1c8.4-2.8 12.9-11.9 10.1-20.2s-11.9-12.9-20.2-10.1l-96 32c-8.4 2.8-12.9 11.9-10.1 20.2s11.9 12.9 20.2 10.1l11.7-3.9c-.2 1.5-.3 3.1-.3 4.7c0 17.7 14.3 32 32 32s32-14.3 32-32z"},child:[]}]})(c)}function q2(c){return w({tag:"svg",attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"},child:[]}]})(c)}function N2(c){return w({tag:"svg",attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"},child:[]}]})(c)}var T4=["#dc2626","#e04832","#ea580c","#f59e0b","#eab308","#a3a323","#84cc16","#65a30d","#22c55e","#16a34a","#059669"],k4=[U2,k2,D2,I2,x1,x1,R2,T2,P2,Z2,E2],A={};for(let c=0;c<11;c++){let t=k4[c],a=T4[c];A[c+1]=L1.createElement(t,{className:"transition-transform",style:{color:a,fontSize:"28px"}})}var O2={3:[3,6,8],4:[3,4,7,9],5:[3,4,6,7,9],6:[3,4,6,7,9,11]};function P4(c,t){if(t<=1)return A[6];if(O2[t]){let i=O2[t][c];if(i)return A[i]}let a=c/(t-1),l=Math.min(11,Math.max(1,Math.round(a*10)+1));return A[l]}var Z4={1:A[1],2:A[4],3:A[6],4:A[8],5:A[11]},E4={filled:L1.createElement(q2,{style:{color:"#e20074",fontSize:"28px"}}),empty:L1.createElement(N2,{style:{color:"#d1d5db",fontSize:"28px",stroke:"#d1d5db",strokeWidth:"16px"}})};export{u1 as ACTIONS,Z4 as CsatEmojiMapping,A as CsatEmojiSet,E4 as CsatStarIcons,P4 as getEmojiForIndex,B4 as useSurveySDK};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@explorer02/cfm-survey-sdk",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.9",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/index.mjs",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -34,4 +34,4 @@
|
|
|
34
34
|
"vitest": "^1.3.1",
|
|
35
35
|
"react-icons": ">=5.0.0"
|
|
36
36
|
}
|
|
37
|
-
}
|
|
37
|
+
}
|
package/postinstall.js
CHANGED
|
@@ -39,39 +39,30 @@ try {
|
|
|
39
39
|
|
|
40
40
|
// ── Write .cursorrules — instructs the AI agent exactly what to do ─────────
|
|
41
41
|
const cursorRulesPath = path.join(targetDir, '.cursorrules');
|
|
42
|
-
const cursorRulesContent = `You are an AI coding agent tasked with building a survey UI using @
|
|
42
|
+
const cursorRulesContent = `You are an AI coding agent tasked with building a survey UI using @explorer02/cfm-survey-sdk.
|
|
43
43
|
|
|
44
44
|
=== CRITICAL OPERATING INSTRUCTIONS — FOLLOW IN ORDER, NO DEVIATION ===
|
|
45
45
|
|
|
46
|
-
RULE 0 —
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
5. Theme & Logo Engineering (CSS-only branding based on the prompt)
|
|
67
|
-
6. Submission (submitSurvey integration and Thank You screen routing)
|
|
68
|
-
|
|
69
|
-
Once the plan is fully formulated, DO NOT WAIT for user approval. Automatically proceed to Phase 5 and begin writing the React code immediately!
|
|
70
|
-
The workflow requires 3 inputs from the client (Prompt/Mockup, Instance ID, Deploy Confirmation).
|
|
71
|
-
Follow the phases in the master index strictly.
|
|
72
|
-
|
|
73
|
-
=== END OF CRITICAL INSTRUCTIONS ===
|
|
74
|
-
\`;
|
|
46
|
+
RULE 0 — READ THE MASTER INDEX:
|
|
47
|
+
Open and read `node_modules/@explorer02/cfm-survey-sdk/docs/index.md`.
|
|
48
|
+
Also read `node_modules/@explorer02/cfm-survey-sdk/docs/MANIFEST.json`.
|
|
49
|
+
|
|
50
|
+
RULE 1 — DOCS-FIRST FLOW (NO WIZARD):
|
|
51
|
+
Follow the 8 phases in index.md. Branding comes from the client prompt only.
|
|
52
|
+
Do NOT run `cfm-sdk init`, read `survey-config.json`, or use any setup wizard.
|
|
53
|
+
|
|
54
|
+
RULE 2 — DEEP CONTEXT BEFORE CODE:
|
|
55
|
+
Before writing React code, read EVERY file in `node_modules/@explorer02/cfm-survey-sdk/docs/01-components/`.
|
|
56
|
+
Copy `node_modules/@explorer02/cfm-survey-sdk/docs/templates/implementation_plan.md` to project root and fill it in.
|
|
57
|
+
|
|
58
|
+
RULE 3 — AUTO-PROCEED:
|
|
59
|
+
After the implementation plan is complete, proceed to build without waiting for approval.
|
|
60
|
+
The workflow requires 3 client inputs: Prompt/Mockup, Instance ID (JWT), Deploy Confirmation.
|
|
61
|
+
|
|
62
|
+
RULE 4 — PACKAGE IMPORT:
|
|
63
|
+
Import from whatever name appears in your project's package.json dependencies.
|
|
64
|
+
|
|
65
|
+
=== END OF CRITICAL INSTRUCTIONS ===`;
|
|
75
66
|
|
|
76
67
|
fs.writeFileSync(cursorRulesPath, cursorRulesContent, 'utf8');
|
|
77
68
|
console.log(`✅ Created .cursorrules at ${cursorRulesPath}`);
|
package/templates/AGENT.md
CHANGED
|
@@ -1,17 +1,31 @@
|
|
|
1
|
-
You are an AI coding agent tasked with building a survey UI using
|
|
1
|
+
You are an AI coding agent tasked with building a survey UI using the CFM Survey SDK.
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
## Start Here
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
**Monorepo:** read `packages/sdk/templates/docs/index.md`
|
|
6
|
+
**Installed package:** read `node_modules/@explorer02/cfm-survey-sdk/docs/index.md`
|
|
6
7
|
|
|
7
|
-
|
|
8
|
+
Also read `MANIFEST.json` in the same `docs/` folder for machine-readable phase and question-type routing.
|
|
8
9
|
|
|
9
|
-
|
|
10
|
+
## Package Name
|
|
10
11
|
|
|
11
|
-
|
|
12
|
+
Import from whatever appears in `package.json`:
|
|
13
|
+
- `@explorer02/cfm-survey-sdk` (npm)
|
|
14
|
+
- `@repo/sdk` (monorepo)
|
|
12
15
|
|
|
13
|
-
|
|
14
|
-
Do **NOT** try to import from internal paths.
|
|
15
|
-
Do **NOT** start writing React components before reading the master index.
|
|
16
|
+
## Phase Summary
|
|
16
17
|
|
|
17
|
-
|
|
18
|
+
| Phase | Action |
|
|
19
|
+
|-------|--------|
|
|
20
|
+
| 0 | Detect framework; extract branding from client prompt |
|
|
21
|
+
| 1 | Scaffold React app — `00-integration/setup.md` |
|
|
22
|
+
| 2 | Ask client for instanceId JWT |
|
|
23
|
+
| 3 | Read `useSurveySDK.md` — hook contract |
|
|
24
|
+
| 4 | Read all `01-components/`; copy `templates/implementation_plan.md` → project root |
|
|
25
|
+
| 5 | Build UI per blueprints + `constraints.md` |
|
|
26
|
+
| 6 | Verify build checklist |
|
|
27
|
+
| 7 | Deploy on client confirmation |
|
|
28
|
+
|
|
29
|
+
**Do NOT** run `cfm-sdk init`, read `survey-config.json`, or use any setup wizard.
|
|
30
|
+
|
|
31
|
+
Follow the master index strictly. Do not guess SDK internals. Do not import from `/src/` paths.
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
# Critical Constraints
|
|
2
|
+
|
|
3
|
+
> Non-negotiable rules. Violating any of these breaks the build or survey UX.
|
|
4
|
+
|
|
5
|
+
## 1. Top-Level Imports Only
|
|
6
|
+
|
|
7
|
+
```typescript
|
|
8
|
+
// ✅ CORRECT
|
|
9
|
+
import { useSurveySDK, type SurveyQuestion } from '@explorer02/cfm-survey-sdk';
|
|
10
|
+
|
|
11
|
+
// ❌ FORBIDDEN
|
|
12
|
+
import { useSurveySDK } from '@explorer02/cfm-survey-sdk/src/surveySDK/useSurveySDK';
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## 2. Never Mutate State — Use onAction
|
|
16
|
+
|
|
17
|
+
`state` from `useSurveySDK` is immutable. All mutations go through `onAction` (see `useSurveySDK.md`).
|
|
18
|
+
|
|
19
|
+
## 3. Question Wrapper IDs
|
|
20
|
+
|
|
21
|
+
Every question card **must** have `id={question.id}` on its outermost element:
|
|
22
|
+
|
|
23
|
+
```tsx
|
|
24
|
+
<section id={question.id} className="...">
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
Required for scroll-to-error when validation fails.
|
|
28
|
+
|
|
29
|
+
## 4. CSS-Only Logo
|
|
30
|
+
|
|
31
|
+
- **Never** use `<img>` with external URLs for the brand logo
|
|
32
|
+
- **Never** save logo files to `public/`
|
|
33
|
+
- Build logos with Tailwind CSS divs — derive design from **client prompt** (INPUT 1)
|
|
34
|
+
|
|
35
|
+
## 5. Client Components
|
|
36
|
+
|
|
37
|
+
Survey UI files importing the SDK must be client components. Next.js: `'use client'` at top of file.
|
|
38
|
+
|
|
39
|
+
## 6. Stable Placeholder References
|
|
40
|
+
|
|
41
|
+
Define `SURVEY_PLACEHOLDERS` outside the component — inline objects cause infinite re-fetch.
|
|
42
|
+
|
|
43
|
+
---
|
|
44
|
+
|
|
45
|
+
## Troubleshooting
|
|
46
|
+
|
|
47
|
+
| Symptom | Fix |
|
|
48
|
+
|---------|-----|
|
|
49
|
+
| `Cannot use import statement outside a module` | Add SDK to `transpilePackages` in `next.config.js` |
|
|
50
|
+
| Infinite API requests | Move `placeholders` object outside component |
|
|
51
|
+
| `window is not defined` | Add `'use client'` to SDK-consuming files |
|
|
52
|
+
| Validation errors but no scroll | Add `id={question.id}` to question wrapper |
|
|
53
|
+
| Survey data is null, no error | Invalid/expired `instanceId` — ask client for fresh JWT |
|
|
54
|
+
| CSAT emojis missing | `npm install react-icons` |
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
# React App Setup
|
|
2
|
+
|
|
3
|
+
> Install and configure `@explorer02/cfm-survey-sdk` (npm) or `@repo/sdk` (monorepo).
|
|
4
|
+
> **Import from whatever name appears in your project's `package.json` dependencies.**
|
|
5
|
+
|
|
6
|
+
## Shared Requirements
|
|
7
|
+
|
|
8
|
+
```bash
|
|
9
|
+
npm install @explorer02/cfm-survey-sdk @tanstack/react-query react-icons
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
- **React** >= 17 (18+ recommended)
|
|
13
|
+
- **Tailwind CSS** — component blueprints assume Tailwind utility classes
|
|
14
|
+
- **Client-only** — survey UI must run in the browser (hooks, DOM scroll-to-error)
|
|
15
|
+
|
|
16
|
+
---
|
|
17
|
+
|
|
18
|
+
## Next.js App Router {#nextjs}
|
|
19
|
+
|
|
20
|
+
```bash
|
|
21
|
+
npx -y create-next-app@latest ./ --ts --tailwind --eslint --app --src-dir --import-alias "@/*" --use-npm
|
|
22
|
+
npm install @explorer02/cfm-survey-sdk @tanstack/react-query react-icons
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
**`next.config.js`** — required for SDK transpilation:
|
|
26
|
+
|
|
27
|
+
```javascript
|
|
28
|
+
/** @type {import('next').NextConfig} */
|
|
29
|
+
const nextConfig = {
|
|
30
|
+
transpilePackages: ['@explorer02/cfm-survey-sdk'], // or '@repo/sdk' in monorepo
|
|
31
|
+
};
|
|
32
|
+
module.exports = nextConfig;
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
**`'use client'`** — add to every file that imports the SDK:
|
|
36
|
+
|
|
37
|
+
```tsx
|
|
38
|
+
'use client';
|
|
39
|
+
import { useSurveySDK } from '@explorer02/cfm-survey-sdk';
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
---
|
|
43
|
+
|
|
44
|
+
## Vite + React {#vite}
|
|
45
|
+
|
|
46
|
+
```bash
|
|
47
|
+
npm create vite@latest my-survey -- --template react-ts
|
|
48
|
+
cd my-survey && npm install
|
|
49
|
+
npm install @explorer02/cfm-survey-sdk @tanstack/react-query react-icons
|
|
50
|
+
npm install -D tailwindcss @tailwindcss/vite
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
Configure Tailwind per [Vite docs](https://tailwindcss.com/docs/installation/using-vite). No `transpilePackages` needed — Vite handles ESM natively.
|
|
54
|
+
|
|
55
|
+
---
|
|
56
|
+
|
|
57
|
+
## Create React App {#cra}
|
|
58
|
+
|
|
59
|
+
CRA is supported but **Vite is recommended for greenfield projects**.
|
|
60
|
+
|
|
61
|
+
```bash
|
|
62
|
+
npx create-react-app my-survey --template typescript
|
|
63
|
+
cd my-survey && npm install @explorer02/cfm-survey-sdk @tanstack/react-query react-icons
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
If you hit ESM resolution errors, migrate to Vite or use CRACO to transpile `node_modules/@explorer02/cfm-survey-sdk`.
|
|
67
|
+
|
|
68
|
+
---
|
|
69
|
+
|
|
70
|
+
## Framework Detection (for agents)
|
|
71
|
+
|
|
72
|
+
```
|
|
73
|
+
if package.json has "next" → this file, #nextjs section
|
|
74
|
+
else if "vite" → this file, #vite section
|
|
75
|
+
else if "react-scripts" → this file, #cra section
|
|
76
|
+
else if existing React project → read package.json, match closest section
|
|
77
|
+
else → ask client which React setup to use
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
For **existing apps**, read `package.json` and project structure — do not scaffold from scratch unless the client asks.
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
# useSurveySDK — Integration Contract
|
|
2
|
+
|
|
3
|
+
> The **only** runtime integration point. Do not import internal SDK paths.
|
|
4
|
+
|
|
5
|
+
## Package Import
|
|
6
|
+
|
|
7
|
+
```typescript
|
|
8
|
+
import {
|
|
9
|
+
useSurveySDK,
|
|
10
|
+
ACTIONS,
|
|
11
|
+
type SurveyAction,
|
|
12
|
+
type UseSurveySDKProps,
|
|
13
|
+
type UseSurveySDKReturn,
|
|
14
|
+
type SurveyQuestion,
|
|
15
|
+
type AnswerValue,
|
|
16
|
+
type MatrixAnswerMap,
|
|
17
|
+
CsatEmojiSet,
|
|
18
|
+
getEmojiForIndex,
|
|
19
|
+
} from '@explorer02/cfm-survey-sdk'; // or @repo/sdk in monorepo
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Instance ID (required)
|
|
23
|
+
|
|
24
|
+
The `instanceId` is a **JWT string** from the client (chat). Without it, `surveyQueryResults.data` is `null`.
|
|
25
|
+
|
|
26
|
+
Ask the client: *"Please provide your survey instance ID (JWT token)."*
|
|
27
|
+
|
|
28
|
+
## Hook Signature
|
|
29
|
+
|
|
30
|
+
```typescript
|
|
31
|
+
const { surveyQueryResults, submitSurveyResults, state, onAction } = useSurveySDK({
|
|
32
|
+
options: {
|
|
33
|
+
instanceId: string, // JWT from client
|
|
34
|
+
language: string | undefined, // Active language code
|
|
35
|
+
placeholders: Record<string, string>, // Token replacements — MUST be stable ref
|
|
36
|
+
debug: boolean, // Console logging
|
|
37
|
+
},
|
|
38
|
+
});
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
Define `placeholders` **outside** the component to avoid infinite re-fetch loops:
|
|
42
|
+
|
|
43
|
+
```typescript
|
|
44
|
+
const SURVEY_PLACEHOLDERS = { FIRST_NAME: 'John' };
|
|
45
|
+
// inside component: options: { placeholders: SURVEY_PLACEHOLDERS }
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
## Return Shape
|
|
49
|
+
|
|
50
|
+
| Namespace | Field | Type | Purpose |
|
|
51
|
+
|-----------|-------|------|---------|
|
|
52
|
+
| `surveyQueryResults` | `data` | `Survey \| null` | Mapped survey (pages, questions, languages) |
|
|
53
|
+
| | `error` | `Error \| null` | Fetch failure |
|
|
54
|
+
| | `isLoading` | `boolean` | Fetch in progress |
|
|
55
|
+
| `submitSurveyResults` | `data` | `SubmitResult \| null` | Success payload |
|
|
56
|
+
| | `error` | `Error \| null` | Submit failure |
|
|
57
|
+
| | `isLoading` | `boolean` | Submit in progress |
|
|
58
|
+
| `state` | `currentPageIndex` | `number` | 0-based page index |
|
|
59
|
+
| | `currentQuestions` | `SurveyQuestion[]` | Questions on current page |
|
|
60
|
+
| | `values` | `Record<string, AnswerValue>` | All answers so far |
|
|
61
|
+
| | `validationErrors` | `Record<string, string>` | Per-question error messages |
|
|
62
|
+
| | `progressPercentage` | `number` | 0–100 completion |
|
|
63
|
+
| `onAction` | — | `(action: SurveyAction) => void` | **Only** way to mutate state |
|
|
64
|
+
|
|
65
|
+
## Action Dispatching
|
|
66
|
+
|
|
67
|
+
Never mutate `state` directly. Use `onAction`:
|
|
68
|
+
|
|
69
|
+
```typescript
|
|
70
|
+
// Answer a question
|
|
71
|
+
onAction({ type: ACTIONS.CHANGE, payload: { questionId: 'q1', value: 4 } });
|
|
72
|
+
|
|
73
|
+
// Matrix answer
|
|
74
|
+
onAction({ type: ACTIONS.CHANGE, payload: { questionId: 'q2', value: { row1: 5, row2: 2 } } });
|
|
75
|
+
|
|
76
|
+
// Navigate
|
|
77
|
+
onAction({ type: ACTIONS.NEXT }); // Validates current page; auto-SUBMIT on last page
|
|
78
|
+
onAction({ type: ACTIONS.PREVIOUS });
|
|
79
|
+
onAction({ type: ACTIONS.SUBMIT }); // Validates ALL pages, then submits
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
String literals also work: `'NEXT'`, `'PREVIOUS'`, `'SUBMIT'`, `'CHANGE'`.
|
|
83
|
+
|
|
84
|
+
## Validation
|
|
85
|
+
|
|
86
|
+
- Required questions must be answered before `NEXT` or `SUBMIT`
|
|
87
|
+
- `null` is a valid answer (N/A option)
|
|
88
|
+
- `text_and_media` is display-only — always skipped
|
|
89
|
+
- On failure, SDK scrolls to first error via `document.getElementById(questionId)` — **requires `id={question.id}` on question wrappers**
|
|
90
|
+
|
|
91
|
+
## Submission
|
|
92
|
+
|
|
93
|
+
Triggered by `onAction({ type: ACTIONS.SUBMIT })` or `NEXT` on the last page. While submitting, `submitSurveyResults.isLoading` is `true`. On success, show thank-you UI when `submitSurveyResults.data` is set.
|
|
94
|
+
|
|
95
|
+
## Language & Placeholders
|
|
96
|
+
|
|
97
|
+
- Language switching is client-side — pass `language` in options; no re-fetch
|
|
98
|
+
- `survey.languages` lists available languages for `LanguageSelector`
|
|
99
|
+
- Placeholders replace `{{FIRST_NAME}}` tokens in question text at map time
|
|
100
|
+
|
|
101
|
+
## CSAT Icons (from package)
|
|
102
|
+
|
|
103
|
+
```typescript
|
|
104
|
+
import { CsatEmojiSet, getEmojiForIndex, CsatStarIcons } from '@explorer02/cfm-survey-sdk';
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
Use `getEmojiForIndex(index, totalOptions)` for proportional emoji mapping on non-5-point scales. Install `react-icons` in the client project.
|
|
@@ -40,7 +40,7 @@ SurveyPage (Top-level orchestrator)
|
|
|
40
40
|
|
|
41
41
|
## The `Question` Dispatcher
|
|
42
42
|
|
|
43
|
-
The `Question` component
|
|
43
|
+
The `Question` component is the heart of the rendering engine. It receives a `SurveyQuestion` union type and switches on `question.type` (and `question.subType` for matrices) to render the correct specialized scale component.
|
|
44
44
|
|
|
45
45
|
See `02-question.md` for details on the dispatcher logic.
|
|
46
46
|
|