@heycater/qualification-funnel 1.3.7 → 1.3.8

package/dist/index.cjs.js

@@ -1349,11 +1349,6 @@ object-assign
   max-width: 415px;
   width: 100%;
   margin: auto;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-
   padding: ${({theme:e})=>e.spacing(3,2)};
   input {
     box-sizing: border-box;
@@ -1362,15 +1357,12 @@ object-assign
   color: #3c4340;
   width: 100%;
   overflow-x: hidden;
-  height: 60vh;
+  min-height: 60vh;
   display: flex;
+  align-items: center;
   justify-content: center;
   background-size: cover;
   background-position: bottom center;
-
-  @media (max-width: 320px) {
-    height: auto;
-  }
 `,r_=({children:e,height:n,isFloating:r,...i})=>t.jsxs(t.Fragment,{children:[t.jsx(v,{display:"flex",flexDirection:"column",flexGrow:"1",bottom:"0",left:"0",right:"0",position:r?"fixed":"relative",...i,children:e}),r&&t.jsx("div",{style:{height:`${n}px`}})]});const i_={de:"German",en:"English"};function o_(e){const{billingAddressStreetAndNumber:t,billingAddressCity:n,billingAddressPostalCode:r,email:i,company:o,has_recurring_need:a}=e;return{billingAddressStreetAndNumber:t,billingAddressCity:n,billingAddressPostalCode:r,billingEmail:i,billingName:o,name:o,hasRecurringNeed:a}}function a_(){const{locale:e}=uu(),t=a.useClient();return{funnelCheckout:async n=>{try{const{data:{funnelCheckout:r}}=await((e,{client:t})=>t.mutation(Db,{attributes:e}).toPromise())({userAttributes:{email:n.email,firstName:n.first_name,lastName:n.last_name,phone:n.phone,language:i_[e]||i_.de},accountAttributes:o_(n),opportunityAttributes:_b(n)},{client:t});return r}catch(r){r instanceof Error&&zS.notify(r,e=>{e.addMetadata("funnelCheckoutArgs",n)})}}}}function s_(){const e=a.useClient();return{createQfLead:async t=>{try{const{company:n,comment:r,deliveryAddressCity:i,deliveryAddressCountry:o,deliveryAddressPostalCode:a,deliveryAddressStreet:s,deliveryAddressStreetNumber:l,email:u,first_name:c,last_name:d,phone:f,catering_categories:p,event_date:h,has_recurring_need:g,is_multi_day:m,number_of_carnivore:y,lead_type:v,number_of_vegans:b,number_of_vegetarians:C,price_per_person:x,service_type:w,team_size:L,delivery_frequency:M}=t,k=b+C+y,{data:{createQfLead:j}}=await((e,{client:t})=>t.mutation(zb,{attributes:e}).toPromise())({email:u,firstName:c,lastName:d,phone:f,company:n,comment:r,address:`${s} ${l}, ${a} ${i}, ${o}`,cateringCategories:p,eventDate:new Date(h).toDateString(),hasRecurringNeed:g,isMultiDay:m,numberOfOmnivores:y,numberOfVegans:b,numberOfVegetarians:C,numberOfPeople:k,totalBudget:k*x,leadType:v,serviceType:w,teamSize:L,deliveryFrequency:M},{client:e});return j}catch(n){n&&zS.notify(n,e=>{e.addMetadata("createQfLead",t)})}}}}function l_(){const{state:e}=yf(),t="qualification"in e?e.qualification:null,n=a.useClient(),{currentUserAccount:r}=hf(),i=uu(),{funnelCheckout:o}=a_(),{createQfLead:s}=s_(),l=e=>{var n,o,a,s,l;const u=`${e.deliveryAddressStreet} ${e.deliveryAddressStreetNumber}`,{street:c,postalCode:d,city:f,country:p}=(null==(o=null==(n=null==r?void 0:r.owner)?void 0:n.salesforceCustomer)?void 0:o.billingAddress)||{street:u,postalCode:e.deliveryAddressPostalCode,city:e.deliveryAddressCity,country:e.deliveryAddressCountry};if(!t)throw new Error("cannot create an opportunity outside of the qualification");const h=(null==(a=t.leadSource)?void 0:a.includes("/events"))?"events-landingpage":"Qualification Funnel";return{...t.answers,...e,phone:e.phone||"",catererSlug:null==(s=null==t?void 0:t.selectedCaterer)?void 0:s.slug,landingPageSource:t.leadSource,billingAddressStreetAndNumber:c||"",inspiredByMenuId:null==(l=null==t?void 0:t.selectedMenu)?void 0:l.id,billingAddressPostalCode:d||"",billingAddressCity:f||"",billingCountry:p||"",conversion_url:window.location.href,deliveryAddressStreetAndNumber:u,deliveryCountry:e.deliveryAddressCountry,lead_language:i.locale,leadSource:h,commentByHeycaterForCaterer:e.comment}};return{submitAsNewCustomer:async e=>{const{deliveryAddressCountry:n}=e;if(["United Kingdom","Great Britain","UK"].includes(n)){const{success:n}=await s({...e,...null==t?void 0:t.answers});return{success:n,isUkLead:!0}}{const{signInToken:t,customerAccount:n,opportunity:r}=await o(l(e));return{signInToken:t,customerAccount:n,opportunity:r,isUkLead:!1}}},submitAsExistingCustomer:async e=>{const t=l(e),{createOpportunity:{opportunity:r}}=await async function(e,{client:t}){const n=_b(e),{data:r}=await t.mutation(Eb,{attributes:n}).toPromise();return r}(t,{client:n});return r}}}const u_="qualification-request-form",c_={},d_=/^\+?[1-9]\d{6,14}$/,f_=({isLoggedIn:e})=>iu.object().shape({first_name:iu.string().required(),last_name:iu.string().required(),company:iu.string().required(),email:iu.string().required().email(),phone:e?iu.string():iu.string().matches(d_,"Invalid phone number").required(),deliveryAddressStreet:iu.string().min(1).required(),deliveryAddressStreetNumber:iu.string().min(1).required(),deliveryAddressPostalCode:iu.string().min(1).required(),deliveryAddressCity:iu.string().min(1).required(),deliveryAddressCountry:iu.string().min(1).required(),comment:iu.string()});function p_({header:e=null}){var o,a,s;const[l,u]=n.useState(!1),{t:d}=i.useTranslation("qualification"),{submitAsNewCustomer:p,submitAsExistingCustomer:h}=l_(),g=Bf({display:"all-answers"}),m=kf("xs"),{state:y}=yf(),{ref:b,isFloating:C,height:x}=function(){var e,t;const{inView:n,ref:r,entry:i}=f.useInView({threshold:1}),o=(null==(e=null==i?void 0:i.boundingClientRect)?void 0:e.height)||0,a=!i||(null==(t=i.boundingClientRect)?void 0:t.y)>0;return{height:o,isFloating:!n&&a,ref:r}}(),{validateAddress:L}=AS({cacheValidations:c_}),M=m&&C,k="qualification"in y?y.qualification:null,{actions:j}=yf(),{currentUserAccount:S}=hf(),_=uu(),[E,O]=n.useState(!1),{deliveryAddressStreetAndNumber:z,deliveryAddressPostalCode:T,deliveryAddressCity:A,deliveryAddressCountry:P}=(null==S?void 0:S.owner)||{},[F,R]=n.useState(""),[N,I]=n.useState(""),$=S?(({street:e,postalCode:t,city:n,country:r})=>[e,t,n,r].filter(Boolean).join(", "))({street:z,postalCode:T,city:A,country:P}):"";n.useEffect(()=>{!async function(){if(!$)return;const{streetName:e,streetNumber:t}=await L($);R(e),I(t)}()},[$]);const q=({isFormValid:e})=>{const n=t.jsxs(w,{id:"request-form__submit-btn",block:"true","data-logged-in":!!S,"data-valid":e,"data-leadsource":"qualification"in y?y.qualification.leadSource:void 0,size:"lg",type:"submit",disabled:E,children:[E&&t.jsx(v,{mr:2,style:{alignItems:"flex-start"},children:t.jsx(r.CircularProgress,{style:{verticalAlign:"sub"},size:20,color:"inherit"})}),d("request.form.submit")]});return m?t.jsx(r_,{height:x,isFloating:M,children:t.jsx(v_,{py:2,px:M&&2,$floating:M,children:n})}):t.jsx(v,{position:"absolute",bottom:"0",left:"0",right:"0",py:2,px:2,bgcolor:"white",children:n})},Z={first_name:(null==S?void 0:S.firstName)||"",last_name:(null==S?void 0:S.lastName)||"",company:(null==(o=null==S?void 0:S.owner)?void 0:o.companyName)||"",deliveryAddressStreet:F||"",deliveryAddressStreetNumber:N||"",deliveryAddressPostalCode:T||"",deliveryAddressCity:A||"",deliveryAddressCountry:P||"",email:(null==S?void 0:S.email)||"",phone:(null==(s=null==(a=null==S?void 0:S.owner)?void 0:a.salesforceCustomer)?void 0:s.phoneNumber)||""},B=!!S;return l?t.jsx(JS,{}):t.jsxs(US,{children:[e,t.jsx(c.Formik,{initialValues:Z,validationSchema:f_({isLoggedIn:B}),onSubmit:async e=>{var t,n;O(!0);let r="";if(S)try{r=`/account/requests/${(await h(e)).id}`}catch(i){i instanceof Error&&zS.notify(i)}else{const{signInToken:n,opportunity:i,isUkLead:o,success:a}=await p(e);if(a&&o)return u(!0),window.gtag&&window.gtag("event","submit_qf_request"),void(null==(t=window.dataLayer)||t.push({event:"funnel_form_submit"}));r=n?`/${_.locale}/account/requests/${i.id}?one_time_sign_in_token=${n}`:`/${_.locale}/account/external/requests/${i.id}`}null==k||k.selectedMenu,window.gtag&&window.gtag("event","submit_qf_request"),null==(n=window.dataLayer)||n.push({event:"funnel_form_submit"}),j.setRequest(e),((e="/")=>{window.location.href=`${yu().customerAppHost}${e}`})(r)},enableReinitialize:!0,children:e=>{var n,r;return t.jsxs(y_,{id:u_,name:u_,children:[t.jsxs(h_,{children:[t.jsx(g_,{$half:!0,children:t.jsx(c.Field,{required:!0,name:"first_name",label:d("request.form.firstName"),placeholder:d("request.form.firstName"),component:KS})}),t.jsx(g_,{$half:!0,children:t.jsx(c.Field,{required:!0,name:"last_name",label:d("request.form.lastName"),placeholder:d("request.form.lastName"),component:KS})})]}),t.jsx(h_,{children:t.jsx(g_,{$half:!0,children:t.jsx(c.Field,{required:!0,name:"company",label:d("request.form.company"),placeholder:d("request.form.company"),component:KS})})}),t.jsx(h_,{children:t.jsx(g_,{children:t.jsx(c.Field,{required:!0,name:"delivery_address",label:d("request.form.deliveryAddress"),placeholder:d("request.form.deliveryAddress"),helperText:d("request.form.helpText.address"),defaultValue:$,component:NS})})}),t.jsxs(h_,{children:[!S&&t.jsx(g_,{$half:!0,children:t.jsx(c.Field,{required:!0,type:"email",name:"email",label:d("request.form.email"),placeholder:d("request.form.email"),helperText:d("request.form.helpText.email"),component:KS})}),!(null==(r=null==(n=null==S?void 0:S.owner)?void 0:n.salesforceCustomer)?void 0:r.phoneNumber)&&t.jsx(g_,{$half:!0,children:t.jsx(YS,{label:d("request.form.phone"),name:"phone",formik:e,helperText:d("request.form.helpText.phone")})})]}),t.jsx(h_,{children:t.jsx(g_,{children:t.jsx(c.Field,{name:"comment",label:d("request.form.comment"),placeholder:d("request.form.commentPlaceholder"),component:KS,multiline:!0})})}),t.jsx(c.Field,{type:"hidden",name:"deliveryAddressStreet"}),t.jsx(c.Field,{type:"hidden",name:"deliveryAddressStreetNumber"}),t.jsx(c.Field,{type:"hidden",name:"deliveryAddressPostalCode"}),t.jsx(c.Field,{type:"hidden",name:"deliveryAddressCity"}),t.jsx(c.Field,{type:"hidden",name:"deliveryAddressCountry"}),t.jsxs(v,{mt:2,mb:4,display:"flex",flexDirection:"column",children:[t.jsx(D,{variant:"caption",fontWeight:500,fontSize:12,px:1,mr:1.5,mb:1,children:d("selection.yourSelection")}),t.jsx(m_,{children:g.map(e=>t.jsx(qf,{size:"sm",stepId:e.stepId,text:e.text||""},`${e.stepId}_${e.text}`))})]}),t.jsx(v,{ref:b,children:t.jsx(q,{isFormValid:e.isValid})})]})}})]})}const h_=o.div`
   display: flex;
   flex-wrap: wrap;
@@ -1542,7 +1534,7 @@ object-assign
   :focus-visible {
     outline: none;
   }
-`;var H_={},G_={exports:{}};!function(e){e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports}(G_);var K_,Y_={exports:{}};var Q_,J_,X_={exports:{}},eE={exports:{}};var tE=G_.exports;Object.defineProperty(H_,"__esModule",{value:!0});var nE=H_.default=function(e){var t=e.values,n=void 0===t?{xs:0,sm:600,md:960,lg:1280,xl:1920}:t,r=e.unit,i=void 0===r?"px":r,o=e.step,a=void 0===o?5:o,s=(0,iE.default)(e,["values","unit","step"]);function l(e){var t="number"==typeof n[e]?n[e]:e;return"@media (min-width:".concat(t).concat(i,")")}function u(e,t){var r=oE.indexOf(t);return r===oE.length-1?l(e):"@media (min-width:".concat("number"==typeof n[e]?n[e]:e).concat(i,") and ")+"(max-width:".concat((-1!==r&&"number"==typeof n[oE[r+1]]?n[oE[r+1]]:t)-a/100).concat(i,")")}var c=!1;return(0,rE.default)({keys:oE,values:n,up:l,down:function(e){var t=oE.indexOf(e)+1,r=n[oE[t]];return t===oE.length?l("xs"):"@media (max-width:".concat(("number"==typeof r&&t>0?r:e)-a/100).concat(i,")")},between:u,only:function(e){return u(e,e)},width:function(e){return"production"!==process.env.NODE_ENV&&(c||(c=!0,console.warn(["Material-UI: The `theme.breakpoints.width` utility is deprecated because it's redundant.","Use the `theme.breakpoints.values` instead."].join("\n")))),n[e]}},s)};H_.keys=void 0;var rE=tE((K_||(K_=1,function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Y_)),Y_.exports)),iE=tE((J_||(J_=1,function(e){var t=(Q_||(Q_=1,function(e){e.exports=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n},e.exports.__esModule=!0,e.exports.default=e.exports}(eE)),eE.exports);e.exports=function(e,n){if(null==e)return{};var r,i,o=t(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)r=a[i],-1===n.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o},e.exports.__esModule=!0,e.exports.default=e.exports}(X_)),X_.exports)),oE=["xs","sm","md","lg","xl"];H_.keys=oE;const aE=(e,t)=>{const n={...e};for(const r in t){const e=t[r],i=n[r];e&&"object"==typeof e&&!Array.isArray(e)&&i&&"object"==typeof i&&!Array.isArray(i)?n[r]=aE(i,e):n[r]=e}return n},sE=nE({}),lE=Rx({palette:{primary:{light:"#ff933e",main:"#F95524",dark:"#ae3200"},secondary:{light:"#9CBA6C",main:"#537124",dark:"#374C19"},background:{default:"#FFFFFF"},text:{primary:"#3C4340",secondary:"#686D6B",disabled:"#F0F0F0"}},typography:{fontFamily:'"Poppins", Helvetica, Arial, Sans-Serif',fontSize:16,htmlFontSize:16,fontWeightLight:300,fontWeightRegular:400,fontWeightMedium:500,fontWeightBold:700,h1:{fontSize:"70px",fontWeight:700,lineHeight:1.09,[sE.down("xs")]:{fontSize:"46px"}},h2:{fontSize:"48px",fontWeight:700,[sE.down("xs")]:{fontSize:"40px"}},h3:{fontSize:"36px",fontWeight:600,[sE.down("xs")]:{fontSize:"32px"}},h4:{fontSize:"24px",fontWeight:600},h5:{fontSize:"18px",fontWeight:600},h6:{fontSize:"16px",fontWeight:600},subtitle1:{fontSize:"24px",fontWeight:500},subtitle2:{fontSize:"20px",fontWeight:400},body1:{fontSize:"16px",fontWeight:400,lineHeight:1.68},body2:{fontSize:"14px",fontWeight:400,lineHeight:1.68},overline:{fontSize:"16px",fontWeight:500,color:"#686D6B",lineHeight:1.68,textTransform:"none"},caption:{fontSize:12,fontWeight:400,letterSpacing:".4px"}},props:{MuiButtonBase:{disableRipple:!0}}}),uE=aE(lE,{typography:{fontWeightSlab:900,fontFamilySlab:'"Playfair Display", Helvetica, Arial, Sans-Serif',label:{fontWeight:500,fontSize:12,letterSpacing:"0.4px"}},colors:{periglacialBlue:"#DDE3D3",beige:"#F1F5D8",heroGradient:"radial-gradient(64.09% 64.09% at 63.96% 44.52%, #e2ec97 7.76%, #e7f4c3 79.45%)"},palette:{text:{faded:"#3C4340"},secondary:{400:"#7d8f5c",450:"#007F3B",500:"#007f33"},grey:{250:"#e3e4e4",secondary:"#686D6B"}},navbar:{height:"65px"}});function cE(e,t){e.networkError&&zS.leaveBreadcrumb("URQL::onError::networkError",{networkError:e,operation:t}),e.graphQLErrors&&e.graphQLErrors.forEach(({message:e,locations:n,path:r,extensions:i})=>{zS.leaveBreadcrumb("URQL::onError::graphqlError",{path:r,operation:t,extensions:i,message:e,locations:JSON.stringify(n)})})}const dE=a.mapExchange({onResult:({response:e})=>{if(!e)return;const t=e.headers.get("X-New-JWT");t&&"undefined"!=typeof localStorage&&localStorage.setItem("token",t)}});function fE(e,t){const{operationName:n}=JSON.parse(t.body),r=localStorage.getItem("token");return t.headers["Content-Type"]="application/json",r&&(t.headers.Authorization=`${r}`),fetch(`${e}${n?`?${n.toLowerCase()}`:""}`,t)}const pE=o.createGlobalStyle`
+`;var H_={},G_={exports:{}};!function(e){e.exports=function(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports}(G_);var K_,Y_={exports:{}};var Q_,J_,X_={exports:{}},eE={exports:{}};var tE=G_.exports;Object.defineProperty(H_,"__esModule",{value:!0});var nE=H_.default=function(e){var t=e.values,n=void 0===t?{xs:0,sm:600,md:960,lg:1280,xl:1920}:t,r=e.unit,i=void 0===r?"px":r,o=e.step,a=void 0===o?5:o,s=(0,iE.default)(e,["values","unit","step"]);function l(e){var t="number"==typeof n[e]?n[e]:e;return"@media (min-width:".concat(t).concat(i,")")}function u(e,t){var r=oE.indexOf(t);return r===oE.length-1?l(e):"@media (min-width:".concat("number"==typeof n[e]?n[e]:e).concat(i,") and ")+"(max-width:".concat((-1!==r&&"number"==typeof n[oE[r+1]]?n[oE[r+1]]:t)-a/100).concat(i,")")}var c=!1;return(0,rE.default)({keys:oE,values:n,up:l,down:function(e){var t=oE.indexOf(e)+1,r=n[oE[t]];return t===oE.length?l("xs"):"@media (max-width:".concat(("number"==typeof r&&t>0?r:e)-a/100).concat(i,")")},between:u,only:function(e){return u(e,e)},width:function(e){return"production"!==process.env.NODE_ENV&&(c||(c=!0,console.warn(["Material-UI: The `theme.breakpoints.width` utility is deprecated because it's redundant.","Use the `theme.breakpoints.values` instead."].join("\n")))),n[e]}},s)};H_.keys=void 0;var rE=tE((K_||(K_=1,function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Y_)),Y_.exports)),iE=tE((J_||(J_=1,function(e){var t=(Q_||(Q_=1,function(e){e.exports=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n},e.exports.__esModule=!0,e.exports.default=e.exports}(eE)),eE.exports);e.exports=function(e,n){if(null==e)return{};var r,i,o=t(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)r=a[i],-1===n.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o},e.exports.__esModule=!0,e.exports.default=e.exports}(X_)),X_.exports)),oE=["xs","sm","md","lg","xl"];H_.keys=oE;const aE=(e,t)=>{const n={...e};for(const r in t){const e=t[r],i=n[r];e&&"object"==typeof e&&!Array.isArray(e)&&i&&"object"==typeof i&&!Array.isArray(i)?n[r]=aE(i,e):n[r]=e}return n},sE=nE({}),lE=Rx({palette:{primary:{light:"#ff933e",main:"#F95524",dark:"#ae3200"},secondary:{light:"#9CBA6C",main:"#537124",dark:"#374C19"},background:{default:"#FFFFFF"},text:{primary:"#3C4340",secondary:"#686D6B",disabled:"#F0F0F0"}},typography:{fontFamily:'"Poppins", Helvetica, Arial, Sans-Serif',fontSize:16,htmlFontSize:16,fontWeightLight:300,fontWeightRegular:400,fontWeightMedium:500,fontWeightBold:700,h1:{fontSize:"70px",fontWeight:700,lineHeight:1.09,[sE.down("xs")]:{fontSize:"46px"}},h2:{fontSize:"48px",fontWeight:700,[sE.down("xs")]:{fontSize:"40px"}},h3:{fontSize:"36px",fontWeight:600,[sE.down("xs")]:{fontSize:"32px"}},h4:{fontSize:"24px",fontWeight:600,[sE.down("xs")]:{fontSize:"20px"}},h5:{fontSize:"18px",fontWeight:600},h6:{fontSize:"16px",fontWeight:600},subtitle1:{fontSize:"24px",fontWeight:500},subtitle2:{fontSize:"20px",fontWeight:400},body1:{fontSize:"16px",fontWeight:400,lineHeight:1.68},body2:{fontSize:"14px",fontWeight:400,lineHeight:1.68},overline:{fontSize:"16px",fontWeight:500,color:"#686D6B",lineHeight:1.68,textTransform:"none"},caption:{fontSize:12,fontWeight:400,letterSpacing:".4px"}},props:{MuiButtonBase:{disableRipple:!0}}}),uE=aE(lE,{typography:{fontWeightSlab:900,fontFamilySlab:'"Playfair Display", Helvetica, Arial, Sans-Serif',label:{fontWeight:500,fontSize:12,letterSpacing:"0.4px"}},colors:{periglacialBlue:"#DDE3D3",beige:"#F1F5D8",heroGradient:"radial-gradient(64.09% 64.09% at 63.96% 44.52%, #e2ec97 7.76%, #e7f4c3 79.45%)"},palette:{text:{faded:"#3C4340"},secondary:{400:"#7d8f5c",450:"#007F3B",500:"#007f33"},grey:{250:"#e3e4e4",secondary:"#686D6B"}},navbar:{height:"65px"}});function cE(e,t){e.networkError&&zS.leaveBreadcrumb("URQL::onError::networkError",{networkError:e,operation:t}),e.graphQLErrors&&e.graphQLErrors.forEach(({message:e,locations:n,path:r,extensions:i})=>{zS.leaveBreadcrumb("URQL::onError::graphqlError",{path:r,operation:t,extensions:i,message:e,locations:JSON.stringify(n)})})}const dE=a.mapExchange({onResult:({response:e})=>{if(!e)return;const t=e.headers.get("X-New-JWT");t&&"undefined"!=typeof localStorage&&localStorage.setItem("token",t)}});function fE(e,t){const{operationName:n}=JSON.parse(t.body),r=localStorage.getItem("token");return t.headers["Content-Type"]="application/json",r&&(t.headers.Authorization=`${r}`),fetch(`${e}${n?`?${n.toLowerCase()}`:""}`,t)}const pE=o.createGlobalStyle`
 
   html {
     scroll-behavior: smooth;
@@ -1575,5 +1567,12 @@ object-assign
     display: none;
   }
 
+  /* Widget container defaults */
+  [data-heycater-funnel] {
+    width: 100%;
+    min-width: 320px;
+    box-sizing: border-box;
+  }
+
 `,hE="trustedshops_ratings",gE=3e5;let mE=null;exports.QualificationFunnel=function({apiEndpoint:e="https://api.heycater.com/graphql",googleMapsApiKey:s="",locale:u="de",storageKey:c="heycater-funnel",onBackground:d="light",highlightColor:f="primary",mode:p="embedded",onCancel:h,assetBaseUrl:g="https://cdn.jsdelivr.net/npm/@heycater/qualification-funnel@latest/dist"}){const[m,y]=n.useState(null),[v,b]=n.useState(!1);if(n.useEffect(()=>{var t;hu=g.replace(/\/$/,""),(t={graphqlEndpoint:e,googleMapsApiKey:s,locale:u})&&(mu={...pu,...t}),"undefined"!=typeof window&&window.__HEYCATER_CONFIG__&&(mu={...mu,...window.__HEYCATER_CONFIG__}),b(!0)},[e,s,u,g]),n.useEffect(()=>{v&&(async()=>{if(mE&&Date.now()-mE.timestamp<gE)return mE.data;if("undefined"!=typeof window)try{const e=sessionStorage.getItem(hE);if(e){const t=JSON.parse(e);if(t.timestamp&&Date.now()-t.timestamp<gE)return mE=t,t.data}}catch{}const e=await fetch("https://integrations.etrusted.com/feeds/grades/v1/channels/chl-735bd2eb-de5a-4bf6-8510-55080217cff2/touchpoints/all/feed.json",{headers:{"Content-Type":"application/json"},method:"GET"}),t=(await e.json()).grades;if(t){const e={data:t,timestamp:Date.now()};if(mE=e,"undefined"!=typeof window)try{sessionStorage.setItem(hE,JSON.stringify(e))}catch{}}return t})().then(y).catch(console.error)},[v]),!v)return null;const C=((e={})=>{const t=e.locale||"de",n=e.locales||pg;return l.isInitialized?Object.entries(R_).forEach(([e,t])=>{Object.entries(t).forEach(([t,n])=>{l.addResourceBundle(e,t,n,!0,!1)})}):l.use(i.initReactI18next).init({lng:t,supportedLngs:n,preload:pg,fallbackLng:N_,resources:R_,interpolation:{escapeValue:!1},initImmediate:!1,react:{useSuspense:!1}}),l.language!==t&&l.changeLanguage(t),l})({locale:u}),x=(w=e,new a.Client({url:w,exchanges:[a.cacheExchange,a.mapExchange({onError:cE}),dE,a.fetchExchange],fetch:fE}));var w;return t.jsx(a.Provider,{value:x,children:t.jsx(i.I18nextProvider,{i18n:C,children:t.jsx(lu,{locale:u,children:t.jsx(o.ThemeProvider,{theme:uE,children:t.jsx(r.ThemeProvider,{theme:uE,children:t.jsxs(r.StylesProvider,{injectFirst:!0,children:[t.jsx(r.CssBaseline,{}),t.jsx(pE,{}),t.jsx(bf,{initialized:!0,storageKey:c,storage:"sessionStorage",children:t.jsx(V_,{onBackground:d,highlightColor:f,ratings:m,mode:p,onCancel:h})})]})})})})})})};
 //# sourceMappingURL=index.cjs.js.map