@web-site-utilities/feedback 0.0.3 → 0.0.4

package/dist/index.cjs.js

@@ -50,7 +50,7 @@
   --depth: ${e=>e.$theme.depth};
   --spacing: ${e=>e.$theme.spacing};
   --all-fields-size: ${e=>e.$theme.allFieldsSize};
-`,Er=e=>{const t=e.selectedVariant??"primary";return s.createElement(fa,{theme:e.theme??Ce,children:s.createElement(ga,{$theme:e.theme??Ce,children:s.createElement(Ln.Provider,{value:{selectedVariant:t,getDefaultVariantOrSelected:()=>t,...e.theme??Ce},children:e.children})})})},Fn=()=>s.useContext(Ln),me=e=>{const{getDefaultVariantOrSelected:t}=Fn(),r=t();return Ce[e??r]},zn=e=>{const{getDefaultVariantOrSelected:t}=Fn(),r=t(),n=e?`${e}Content`:`${r}Content`;return Ce[n]},ba=()=>{const e="http://localhost:4000/external",t=async r=>{const n=await r;if(!n.ok)switch(n.status){case 404:throw new Error("Not found");case 400:throw new Error("Bad request");default:throw new Error("Unknown error")}return(await r).json()};return{post:async(r,n,o)=>{var i;try{return t(fetch(`${e}${r}`,{method:"POST",body:JSON.stringify(n),signal:((i=o==null?void 0:o.abortController)==null?void 0:i.signal)??null,headers:{"Content-Type":"application/json",...(o==null?void 0:o.headers)??{}}}))}catch(l){throw console.log(l),l}},get:async(r,n)=>{var o;try{return t(fetch(`${e}${r}`,{method:"GET",signal:((o=n==null?void 0:n.abortController)==null?void 0:o.signal)??null,headers:{"Content-Type":"application/json",...(n==null?void 0:n.headers)??{}}}))}catch(i){throw console.log(i),i}}}},tn={meta:{name:"asd"},steps:[{title:"Overall altitude",meta:{name:"overall"},fields:[{type:"matrix",meta:{name:"asd",fieldKey:"recommendationChance"},validations:{required:!0},label:{default:"How likely are you to recommend this company to a friend or colleague?"},max:10},{type:"radio-group",meta:{name:"asd",fieldKey:"satisfactionLevel"},label:{default:"Overall, how satisfied or dissatisfied are you with our company?"},validations:{required:!0},options:[{label:"Very satisfied",id:"1"},{label:"Somewhat satisfied",id:"2"},{label:"Neither satisfied nor dissatisfied",id:"3"},{label:"Somewhat dissatisfied",id:"4"},{label:"Very dissatisfied",id:"5"}]},{type:"rating",icon:"star2",max:5,meta:{name:"asd",fieldKey:"satisfactionRating"},label:{default:"What is your general satisfaction?"},validations:{required:!0}}]},{meta:{name:"products"},title:"Product questions",fields:[{type:"checkbox-group",meta:{name:"asd",fieldKey:"productDescribeWords"},label:{default:"Which of the following words best describes your experience with our products?"},validations:{required:!0},options:[{label:"Reliable",id:"1"},{label:"High quality",id:"2"},{label:"Useful",id:"3"},{label:"Unique",id:"4"},{label:"Value for money",id:"5"},{label:"Overpriced",id:"6"},{label:"Ineffective",id:"7"},{label:"Poor quality",id:"8"},{label:"Unreliable",id:"9"}]},{type:"radio-group",meta:{name:"asd",fieldKey:"productExpectations"},label:{default:"How well products meet your expectations?"},validations:{required:!0},options:[{label:"Extremely well",id:"1"},{label:"Well",id:"2"},{label:"Somewhat well",id:"3"},{label:"Not well",id:"4"},{label:"Not at all well",id:"5"}]},{type:"matrix",meta:{name:"asd",fieldKey:"productQuality"},label:{default:"How would you rate the quality of our products?"},validations:{required:!0},max:10,minText:"Poor quality",maxText:"Good quality"}]},{meta:{name:"final-questions"},title:"Final questions",fields:[{type:"range-slide",defaultValue:77,meta:{name:"asd",fieldKey:"productsImpressionLevel"},label:{default:"What is your overall impression level of our products?"}},{type:"rating",icon:"heart",max:5,meta:{name:"asd",fieldKey:"productExpectations"},label:{default:"Do you like our service and products?"},validations:{required:!0}},{type:"select",meta:{name:"asd",fieldKey:"fromWhereDidYouHearAboutUs"},label:{default:"From where did you hear about us?"},validations:{required:!0},options:[{label:"Facebook",id:"1"},{label:"Instagram",id:"2"},{label:"Google search",id:"3"},{label:"AD",id:"4"},{label:"Other",id:"5"}]},{type:"textarea",meta:{name:"asd",fieldKey:"lastComments"},validations:{required:!1},label:{values:[{conditions:[{fieldName:"satisfactionRating",lessThan:4}],value:"How can we improve our service? (optional)"}],default:"What you would like to tell us about your experience with this company? (optional)?"}}]}]},ya=(e,t)=>new Promise(r=>{r({id:"",domainId:"",attributes:{theme:{},useSystemTheme:!0,variant:"primary"},popupForm:{meta:{name:"popupForm"},config:{canReturnToPreviousStep:!0,nextButtonText:"Next",previousButtonText:"Previous",submitButtonText:"Submit",formTitle:"We are looking forward to hear from you!",buttonText:"Feedback"},styles:{left:null,top:0,bottom:-20,right:0},form:tn},inlineForm:{meta:{name:"asd"},config:{canReturnToPreviousStep:!0,nextButtonText:"Next",previousButtonText:"Previous",submitButtonText:"Submit",formTitle:"We are looking forward to hear from you!"},form:tn}})}),va=e=>{const[t,r]=s.useState(),[n,o]=s.useState(!0),[i,l]=s.useState(null);return s.useEffect(()=>{const d=new AbortController;return o(!0),e(d).then(r).catch(l).finally(()=>o(!1)),()=>{d.abort()}},[]),{data:t,loading:n,error:i}},He=S.button(e=>{const t=me(),r=zn(),o=!e.$outlined?t:"#fff",i=e.$outlined?t:r,l=e.$outlined?i:o,d=`calc(${e.theme.sizeField} * 10)`;return{borderRadius:e.theme.radiusField,borderColor:e.disabled?"#cfcfcf":l,borderStyle:e.$dashed?"dashed":"solid",cursor:"pointer",boxShadow:"inset 0 0 20px 20px transparent",height:d,fontWeight:"600",opacity:e.disabled?.5:1,paddingInline:"1.2rem",transition:"all 0.2s ease-in-out",background:e.disabled?"#cfcfcf":o,borderWidth:e.theme.borderWidth,userSelect:e.disabled?"none":void 0,color:e.disabled?"#888888":i,"&:active":{transform:e.disabled?void 0:"scale(0.97)"},"&:hover":{opacity:e.disabled?void 0:.8,cursor:e.disabled?"auto":"pointer",boxShadow:e.disabled?void 0:"inset 0 0 20px 20px #00000017"},"@media (max-width: 900px)":{paddingInline:"0.5rem"},"@media (max-width: 700px)":{paddingInline:"0.7rem"},"@media (max-width: 400px)":{paddingInline:"0.7rem"}}}),Ea=S.div`
+`,Er=e=>{const t=e.selectedVariant??"primary";return console.log("ThemeProvider_selectedVariant",t),s.createElement(fa,{theme:e.theme??Ce,children:s.createElement(ga,{$theme:e.theme??Ce,children:s.createElement(Ln.Provider,{value:{selectedVariant:t,getDefaultVariantOrSelected:()=>t,...e.theme??Ce},children:e.children})})})},Fn=()=>s.useContext(Ln),me=e=>{const{getDefaultVariantOrSelected:t}=Fn(),r=t();return Ce[e??r]},zn=e=>{const{getDefaultVariantOrSelected:t}=Fn(),r=t(),n=e?`${e}Content`:`${r}Content`;return Ce[n]},ba=()=>{const e="http://localhost:4000/external",t=async r=>{const n=await r;if(!n.ok)switch(n.status){case 404:throw new Error("Not found");case 400:throw new Error("Bad request");default:throw new Error("Unknown error")}return(await r).json()};return{post:async(r,n,o)=>{var i;try{return t(fetch(`${e}${r}`,{method:"POST",body:JSON.stringify(n),signal:((i=o==null?void 0:o.abortController)==null?void 0:i.signal)??null,headers:{"Content-Type":"application/json",...(o==null?void 0:o.headers)??{}}}))}catch(l){throw console.log(l),l}},get:async(r,n)=>{var o;try{return t(fetch(`${e}${r}`,{method:"GET",signal:((o=n==null?void 0:n.abortController)==null?void 0:o.signal)??null,headers:{"Content-Type":"application/json",...(n==null?void 0:n.headers)??{}}}))}catch(i){throw console.log(i),i}}}},tn={meta:{name:"asd"},steps:[{title:"Overall altitude",meta:{name:"overall"},fields:[{type:"matrix",meta:{name:"asd",fieldKey:"recommendationChance"},validations:{required:!0},label:{default:"How likely are you to recommend this company to a friend or colleague?"},max:10},{type:"radio-group",meta:{name:"asd",fieldKey:"satisfactionLevel"},label:{default:"Overall, how satisfied or dissatisfied are you with our company?"},validations:{required:!0},options:[{label:"Very satisfied",id:"1"},{label:"Somewhat satisfied",id:"2"},{label:"Neither satisfied nor dissatisfied",id:"3"},{label:"Somewhat dissatisfied",id:"4"},{label:"Very dissatisfied",id:"5"}]},{type:"rating",icon:"star2",max:5,meta:{name:"asd",fieldKey:"satisfactionRating"},label:{default:"What is your general satisfaction?"},validations:{required:!0}}]},{meta:{name:"products"},title:"Product questions",fields:[{type:"checkbox-group",meta:{name:"asd",fieldKey:"productDescribeWords"},label:{default:"Which of the following words best describes your experience with our products?"},validations:{required:!0},options:[{label:"Reliable",id:"1"},{label:"High quality",id:"2"},{label:"Useful",id:"3"},{label:"Unique",id:"4"},{label:"Value for money",id:"5"},{label:"Overpriced",id:"6"},{label:"Ineffective",id:"7"},{label:"Poor quality",id:"8"},{label:"Unreliable",id:"9"}]},{type:"radio-group",meta:{name:"asd",fieldKey:"productExpectations"},label:{default:"How well products meet your expectations?"},validations:{required:!0},options:[{label:"Extremely well",id:"1"},{label:"Well",id:"2"},{label:"Somewhat well",id:"3"},{label:"Not well",id:"4"},{label:"Not at all well",id:"5"}]},{type:"matrix",meta:{name:"asd",fieldKey:"productQuality"},label:{default:"How would you rate the quality of our products?"},validations:{required:!0},max:10,minText:"Poor quality",maxText:"Good quality"}]},{meta:{name:"final-questions"},title:"Final questions",fields:[{type:"range-slide",defaultValue:77,meta:{name:"asd",fieldKey:"productsImpressionLevel"},label:{default:"What is your overall impression level of our products?"}},{type:"rating",icon:"heart",max:5,meta:{name:"asd",fieldKey:"productExpectations"},label:{default:"Do you like our service and products?"},validations:{required:!0}},{type:"select",meta:{name:"asd",fieldKey:"fromWhereDidYouHearAboutUs"},label:{default:"From where did you hear about us?"},validations:{required:!0},options:[{label:"Facebook",id:"1"},{label:"Instagram",id:"2"},{label:"Google search",id:"3"},{label:"AD",id:"4"},{label:"Other",id:"5"}]},{type:"textarea",meta:{name:"asd",fieldKey:"lastComments"},validations:{required:!1},label:{values:[{conditions:[{fieldName:"satisfactionRating",lessThan:4}],value:"How can we improve our service? (optional)"}],default:"What you would like to tell us about your experience with this company? (optional)?"}}]}]},ya=(e,t)=>new Promise(r=>{r({id:"",domainId:"",attributes:{theme:{},useSystemTheme:!0,variant:"primary"},popupForm:{meta:{name:"popupForm"},config:{canReturnToPreviousStep:!0,nextButtonText:"Next",previousButtonText:"Previous",submitButtonText:"Submit",formTitle:"We are looking forward to hear from you!",buttonText:"Feedback"},styles:{left:null,top:0,bottom:-20,right:0},form:tn},inlineForm:{meta:{name:"asd"},config:{canReturnToPreviousStep:!0,nextButtonText:"Next",previousButtonText:"Previous",submitButtonText:"Submit",formTitle:"We are looking forward to hear from you!"},form:tn}})}),va=e=>{const[t,r]=s.useState(),[n,o]=s.useState(!0),[i,l]=s.useState(null);return s.useEffect(()=>{const d=new AbortController;return o(!0),e(d).then(r).catch(l).finally(()=>o(!1)),()=>{d.abort()}},[]),{data:t,loading:n,error:i}},He=S.button(e=>{const t=me(),r=zn(),o=!e.$outlined?t:"#fff",i=e.$outlined?t:r,l=e.$outlined?i:o,d=`calc(${e.theme.sizeField} * 10)`;return{borderRadius:e.theme.radiusField,borderColor:e.disabled?"#cfcfcf":l,borderStyle:e.$dashed?"dashed":"solid",cursor:"pointer",boxShadow:"inset 0 0 20px 20px transparent",height:d,fontWeight:"600",opacity:e.disabled?.5:1,paddingInline:"1.2rem",transition:"all 0.2s ease-in-out",background:e.disabled?"#cfcfcf":o,borderWidth:e.theme.borderWidth,userSelect:e.disabled?"none":void 0,color:e.disabled?"#888888":i,"&:active":{transform:e.disabled?void 0:"scale(0.97)"},"&:hover":{opacity:e.disabled?void 0:.8,cursor:e.disabled?"auto":"pointer",boxShadow:e.disabled?void 0:"inset 0 0 20px 20px #00000017"},"@media (max-width: 900px)":{paddingInline:"0.5rem"},"@media (max-width: 700px)":{paddingInline:"0.7rem"},"@media (max-width: 400px)":{paddingInline:"0.7rem"}}}),Ea=S.div`
   visibility: ${e=>e.$isVisible&&e.$height?"visible":"hidden"};
   opacity: ${e=>e.$isVisible?1:0};
   display: flex;

package/dist/index.es.js

@@ -1179,7 +1179,7 @@ const _e = {
   --all-fields-size: ${(e) => e.$theme.allFieldsSize};
 `, xr = (e) => {
   const t = e.selectedVariant ?? "primary";
-  return l.createElement(va, {
+  return console.log("ThemeProvider_selectedVariant", t), l.createElement(va, {
     theme: e.theme ?? _e,
     children: l.createElement(wa, {
       $theme: e.theme ?? _e,

package/dist/index.iife.js

@@ -50,7 +50,7 @@ var SiteUtilsFeedback=(function(ye,s,to){"use strict";var ct={},wn;function no()
   --depth: ${e=>e.$theme.depth};
   --spacing: ${e=>e.$theme.spacing};
   --all-fields-size: ${e=>e.$theme.allFieldsSize};
-`,tn=e=>{const t=e.selectedVariant??"primary";return s.createElement(ii,{theme:e.theme??xe,children:s.createElement(ci,{$theme:e.theme??xe,children:s.createElement(lr.Provider,{value:{selectedVariant:t,getDefaultVariantOrSelected:()=>t,...e.theme??xe},children:e.children})})})},cr=()=>s.useContext(lr),ce=e=>{const{getDefaultVariantOrSelected:t}=cr(),n=t();return xe[e??n]},ur=e=>{const{getDefaultVariantOrSelected:t}=cr(),n=t(),r=e?`${e}Content`:`${n}Content`;return xe[r]},ui=()=>{const e="http://localhost:4000/external",t=async n=>{const r=await n;if(!r.ok)switch(r.status){case 404:throw new Error("Not found");case 400:throw new Error("Bad request");default:throw new Error("Unknown error")}return(await n).json()};return{post:async(n,r,o)=>{var a;try{return t(fetch(`${e}${n}`,{method:"POST",body:JSON.stringify(r),signal:((a=o==null?void 0:o.abortController)==null?void 0:a.signal)??null,headers:{"Content-Type":"application/json",...(o==null?void 0:o.headers)??{}}}))}catch(l){throw console.log(l),l}},get:async(n,r)=>{var o;try{return t(fetch(`${e}${n}`,{method:"GET",signal:((o=r==null?void 0:r.abortController)==null?void 0:o.signal)??null,headers:{"Content-Type":"application/json",...(r==null?void 0:r.headers)??{}}}))}catch(a){throw console.log(a),a}}}},dr={meta:{name:"asd"},steps:[{title:"Overall altitude",meta:{name:"overall"},fields:[{type:"matrix",meta:{name:"asd",fieldKey:"recommendationChance"},validations:{required:!0},label:{default:"How likely are you to recommend this company to a friend or colleague?"},max:10},{type:"radio-group",meta:{name:"asd",fieldKey:"satisfactionLevel"},label:{default:"Overall, how satisfied or dissatisfied are you with our company?"},validations:{required:!0},options:[{label:"Very satisfied",id:"1"},{label:"Somewhat satisfied",id:"2"},{label:"Neither satisfied nor dissatisfied",id:"3"},{label:"Somewhat dissatisfied",id:"4"},{label:"Very dissatisfied",id:"5"}]},{type:"rating",icon:"star2",max:5,meta:{name:"asd",fieldKey:"satisfactionRating"},label:{default:"What is your general satisfaction?"},validations:{required:!0}}]},{meta:{name:"products"},title:"Product questions",fields:[{type:"checkbox-group",meta:{name:"asd",fieldKey:"productDescribeWords"},label:{default:"Which of the following words best describes your experience with our products?"},validations:{required:!0},options:[{label:"Reliable",id:"1"},{label:"High quality",id:"2"},{label:"Useful",id:"3"},{label:"Unique",id:"4"},{label:"Value for money",id:"5"},{label:"Overpriced",id:"6"},{label:"Ineffective",id:"7"},{label:"Poor quality",id:"8"},{label:"Unreliable",id:"9"}]},{type:"radio-group",meta:{name:"asd",fieldKey:"productExpectations"},label:{default:"How well products meet your expectations?"},validations:{required:!0},options:[{label:"Extremely well",id:"1"},{label:"Well",id:"2"},{label:"Somewhat well",id:"3"},{label:"Not well",id:"4"},{label:"Not at all well",id:"5"}]},{type:"matrix",meta:{name:"asd",fieldKey:"productQuality"},label:{default:"How would you rate the quality of our products?"},validations:{required:!0},max:10,minText:"Poor quality",maxText:"Good quality"}]},{meta:{name:"final-questions"},title:"Final questions",fields:[{type:"range-slide",defaultValue:77,meta:{name:"asd",fieldKey:"productsImpressionLevel"},label:{default:"What is your overall impression level of our products?"}},{type:"rating",icon:"heart",max:5,meta:{name:"asd",fieldKey:"productExpectations"},label:{default:"Do you like our service and products?"},validations:{required:!0}},{type:"select",meta:{name:"asd",fieldKey:"fromWhereDidYouHearAboutUs"},label:{default:"From where did you hear about us?"},validations:{required:!0},options:[{label:"Facebook",id:"1"},{label:"Instagram",id:"2"},{label:"Google search",id:"3"},{label:"AD",id:"4"},{label:"Other",id:"5"}]},{type:"textarea",meta:{name:"asd",fieldKey:"lastComments"},validations:{required:!1},label:{values:[{conditions:[{fieldName:"satisfactionRating",lessThan:4}],value:"How can we improve our service? (optional)"}],default:"What you would like to tell us about your experience with this company? (optional)?"}}]}]},di=(e,t)=>new Promise(n=>{n({id:"",domainId:"",attributes:{theme:{},useSystemTheme:!0,variant:"primary"},popupForm:{meta:{name:"popupForm"},config:{canReturnToPreviousStep:!0,nextButtonText:"Next",previousButtonText:"Previous",submitButtonText:"Submit",formTitle:"We are looking forward to hear from you!",buttonText:"Feedback"},styles:{left:null,top:0,bottom:-20,right:0},form:dr},inlineForm:{meta:{name:"asd"},config:{canReturnToPreviousStep:!0,nextButtonText:"Next",previousButtonText:"Previous",submitButtonText:"Submit",formTitle:"We are looking forward to hear from you!"},form:dr}})}),fi=e=>{const[t,n]=s.useState(),[r,o]=s.useState(!0),[a,l]=s.useState(null);return s.useEffect(()=>{const d=new AbortController;return o(!0),e(d).then(n).catch(l).finally(()=>o(!1)),()=>{d.abort()}},[]),{data:t,loading:r,error:a}},Le=S.button(e=>{const t=ce(),n=ur(),o=!e.$outlined?t:"#fff",a=e.$outlined?t:n,l=e.$outlined?a:o,d=`calc(${e.theme.sizeField} * 10)`;return{borderRadius:e.theme.radiusField,borderColor:e.disabled?"#cfcfcf":l,borderStyle:e.$dashed?"dashed":"solid",cursor:"pointer",boxShadow:"inset 0 0 20px 20px transparent",height:d,fontWeight:"600",opacity:e.disabled?.5:1,paddingInline:"1.2rem",transition:"all 0.2s ease-in-out",background:e.disabled?"#cfcfcf":o,borderWidth:e.theme.borderWidth,userSelect:e.disabled?"none":void 0,color:e.disabled?"#888888":a,"&:active":{transform:e.disabled?void 0:"scale(0.97)"},"&:hover":{opacity:e.disabled?void 0:.8,cursor:e.disabled?"auto":"pointer",boxShadow:e.disabled?void 0:"inset 0 0 20px 20px #00000017"},"@media (max-width: 900px)":{paddingInline:"0.5rem"},"@media (max-width: 700px)":{paddingInline:"0.7rem"},"@media (max-width: 400px)":{paddingInline:"0.7rem"}}}),mi=S.div`
+`,tn=e=>{const t=e.selectedVariant??"primary";return console.log("ThemeProvider_selectedVariant",t),s.createElement(ii,{theme:e.theme??xe,children:s.createElement(ci,{$theme:e.theme??xe,children:s.createElement(lr.Provider,{value:{selectedVariant:t,getDefaultVariantOrSelected:()=>t,...e.theme??xe},children:e.children})})})},cr=()=>s.useContext(lr),ce=e=>{const{getDefaultVariantOrSelected:t}=cr(),n=t();return xe[e??n]},ur=e=>{const{getDefaultVariantOrSelected:t}=cr(),n=t(),r=e?`${e}Content`:`${n}Content`;return xe[r]},ui=()=>{const e="http://localhost:4000/external",t=async n=>{const r=await n;if(!r.ok)switch(r.status){case 404:throw new Error("Not found");case 400:throw new Error("Bad request");default:throw new Error("Unknown error")}return(await n).json()};return{post:async(n,r,o)=>{var a;try{return t(fetch(`${e}${n}`,{method:"POST",body:JSON.stringify(r),signal:((a=o==null?void 0:o.abortController)==null?void 0:a.signal)??null,headers:{"Content-Type":"application/json",...(o==null?void 0:o.headers)??{}}}))}catch(l){throw console.log(l),l}},get:async(n,r)=>{var o;try{return t(fetch(`${e}${n}`,{method:"GET",signal:((o=r==null?void 0:r.abortController)==null?void 0:o.signal)??null,headers:{"Content-Type":"application/json",...(r==null?void 0:r.headers)??{}}}))}catch(a){throw console.log(a),a}}}},dr={meta:{name:"asd"},steps:[{title:"Overall altitude",meta:{name:"overall"},fields:[{type:"matrix",meta:{name:"asd",fieldKey:"recommendationChance"},validations:{required:!0},label:{default:"How likely are you to recommend this company to a friend or colleague?"},max:10},{type:"radio-group",meta:{name:"asd",fieldKey:"satisfactionLevel"},label:{default:"Overall, how satisfied or dissatisfied are you with our company?"},validations:{required:!0},options:[{label:"Very satisfied",id:"1"},{label:"Somewhat satisfied",id:"2"},{label:"Neither satisfied nor dissatisfied",id:"3"},{label:"Somewhat dissatisfied",id:"4"},{label:"Very dissatisfied",id:"5"}]},{type:"rating",icon:"star2",max:5,meta:{name:"asd",fieldKey:"satisfactionRating"},label:{default:"What is your general satisfaction?"},validations:{required:!0}}]},{meta:{name:"products"},title:"Product questions",fields:[{type:"checkbox-group",meta:{name:"asd",fieldKey:"productDescribeWords"},label:{default:"Which of the following words best describes your experience with our products?"},validations:{required:!0},options:[{label:"Reliable",id:"1"},{label:"High quality",id:"2"},{label:"Useful",id:"3"},{label:"Unique",id:"4"},{label:"Value for money",id:"5"},{label:"Overpriced",id:"6"},{label:"Ineffective",id:"7"},{label:"Poor quality",id:"8"},{label:"Unreliable",id:"9"}]},{type:"radio-group",meta:{name:"asd",fieldKey:"productExpectations"},label:{default:"How well products meet your expectations?"},validations:{required:!0},options:[{label:"Extremely well",id:"1"},{label:"Well",id:"2"},{label:"Somewhat well",id:"3"},{label:"Not well",id:"4"},{label:"Not at all well",id:"5"}]},{type:"matrix",meta:{name:"asd",fieldKey:"productQuality"},label:{default:"How would you rate the quality of our products?"},validations:{required:!0},max:10,minText:"Poor quality",maxText:"Good quality"}]},{meta:{name:"final-questions"},title:"Final questions",fields:[{type:"range-slide",defaultValue:77,meta:{name:"asd",fieldKey:"productsImpressionLevel"},label:{default:"What is your overall impression level of our products?"}},{type:"rating",icon:"heart",max:5,meta:{name:"asd",fieldKey:"productExpectations"},label:{default:"Do you like our service and products?"},validations:{required:!0}},{type:"select",meta:{name:"asd",fieldKey:"fromWhereDidYouHearAboutUs"},label:{default:"From where did you hear about us?"},validations:{required:!0},options:[{label:"Facebook",id:"1"},{label:"Instagram",id:"2"},{label:"Google search",id:"3"},{label:"AD",id:"4"},{label:"Other",id:"5"}]},{type:"textarea",meta:{name:"asd",fieldKey:"lastComments"},validations:{required:!1},label:{values:[{conditions:[{fieldName:"satisfactionRating",lessThan:4}],value:"How can we improve our service? (optional)"}],default:"What you would like to tell us about your experience with this company? (optional)?"}}]}]},di=(e,t)=>new Promise(n=>{n({id:"",domainId:"",attributes:{theme:{},useSystemTheme:!0,variant:"primary"},popupForm:{meta:{name:"popupForm"},config:{canReturnToPreviousStep:!0,nextButtonText:"Next",previousButtonText:"Previous",submitButtonText:"Submit",formTitle:"We are looking forward to hear from you!",buttonText:"Feedback"},styles:{left:null,top:0,bottom:-20,right:0},form:dr},inlineForm:{meta:{name:"asd"},config:{canReturnToPreviousStep:!0,nextButtonText:"Next",previousButtonText:"Previous",submitButtonText:"Submit",formTitle:"We are looking forward to hear from you!"},form:dr}})}),fi=e=>{const[t,n]=s.useState(),[r,o]=s.useState(!0),[a,l]=s.useState(null);return s.useEffect(()=>{const d=new AbortController;return o(!0),e(d).then(n).catch(l).finally(()=>o(!1)),()=>{d.abort()}},[]),{data:t,loading:r,error:a}},Le=S.button(e=>{const t=ce(),n=ur(),o=!e.$outlined?t:"#fff",a=e.$outlined?t:n,l=e.$outlined?a:o,d=`calc(${e.theme.sizeField} * 10)`;return{borderRadius:e.theme.radiusField,borderColor:e.disabled?"#cfcfcf":l,borderStyle:e.$dashed?"dashed":"solid",cursor:"pointer",boxShadow:"inset 0 0 20px 20px transparent",height:d,fontWeight:"600",opacity:e.disabled?.5:1,paddingInline:"1.2rem",transition:"all 0.2s ease-in-out",background:e.disabled?"#cfcfcf":o,borderWidth:e.theme.borderWidth,userSelect:e.disabled?"none":void 0,color:e.disabled?"#888888":a,"&:active":{transform:e.disabled?void 0:"scale(0.97)"},"&:hover":{opacity:e.disabled?void 0:.8,cursor:e.disabled?"auto":"pointer",boxShadow:e.disabled?void 0:"inset 0 0 20px 20px #00000017"},"@media (max-width: 900px)":{paddingInline:"0.5rem"},"@media (max-width: 700px)":{paddingInline:"0.7rem"},"@media (max-width: 400px)":{paddingInline:"0.7rem"}}}),mi=S.div`
   visibility: ${e=>e.$isVisible&&e.$height?"visible":"hidden"};
   opacity: ${e=>e.$isVisible?1:0};
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-site-utilities/feedback",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "workspaces": [
     "src/**",
     "examples/**"