1import{R as e,a4 as t,eH as a,L as r,a5 as n,bc as o,bP as i}from"./client-c7cf1e30.js";import{A as l}from"./index-52e1e70d.js";import{P as s}from"./index-7d895069.js";import{c as u,u as c}from"./index-fbaff3ff.js";import{p as d,S as m}from"./index-6b1ab753.js";import{S as p}from"./contexts-1fa00dc9.js";import{C as f,P as g,E as x,a as b,p as y,g as C,b as _}from"./component-f941fa8c.js";import{u as h}from"./hooks-775d5969.js";import{I as v}from"./index-c38bfba6.js";import{C as I}from"./index-ef475590.js";import{T as E}from"./index-92dd1de8.js";import{R}from"./index-0bb50697.js";import{T as N,a as q}from"./index-8d808f50.js";import{A as S}from"./index-a6615165.js";import"./check-66306448.js";import"./_rollupPluginBabelHelpers-927c6dd0.js";import"./index-9f6df208.js";import"./info-78a2eff7.js";import"./warning-ce84a560.js";import"./config-a0478fe8.js";import"./index-5e03f400.js";import"./index-d91ab00a.js";import"./times-09572977.js";import"./missing-image-75975efa.js";var P='.ConfigureInSystem__Container{border:1px solid rgba(0,0,0,.1);margin:0 0 10px;text-align:left}.ConfigureInSystem__Toggle{cursor:pointer;margin:10px 0 10px 10px!important;width:50px!important}.ConfigureInSystem__Navigation ul{margin-left:20px}.ConfigureInSystem__Navigation li{list-style-type:none;margin:10px;position:relative}.ConfigureInSystem__Navigation li:before{border-bottom:1px solid #ccc;height:15px;top:-7px}.ConfigureInSystem__Navigation li:after,.ConfigureInSystem__Navigation li:before{border-left:1px solid #ccc;border-radius:0 0 0 0;content:"";left:-20px;position:absolute;width:20px}.ConfigureInSystem__Navigation li:after{border-top:1px solid #ccc;height:100%;top:8px}.ConfigureInSystem__Navigation li:last-child:after{display:none}.ConfigureInSystem__Navigation li:last-child:before{border-radius:0 0 0 5px}ul.ConfigureInSystem__Navigation>li:first-child:before{display:none}ul.ConfigureInSystem__Navigation>li:first-child:after{border-radius:5px 0 0 0}.ConfigureInSystem__Navigation li button{border:1px solid #ccc;border-radius:5px;margin:0!important;padding:2px 5px;width:unset!important}.ConfigureInSystem__Navigation li button:focus,.ConfigureInSystem__Navigation li button:focus+ul li button,.ConfigureInSystem__Navigation li button:hover,.ConfigureInSystem__Navigation li button:hover+ul li button{background:#ccc;border:1px solid #000;color:#000}.ConfigureInSystem__Navigation li button:focus+ul li:after,.ConfigureInSystem__Navigation li button:focus+ul li:before .ConfigureInSystem__Navigation li button:hover+ul:before,.ConfigureInSystem__Navigation li button:focus+ul ul:before,.ConfigureInSystem__Navigation li button:focus+ul:before .ConfigureInSystem__Navigation li button:hover+ul ul:before,.ConfigureInSystem__Navigation li button:hover+ul li:after,.ConfigureInSystem__Navigation li button:hover+ul li:before{border-color:#000}.ConfigureInSystem__Navigation .ConfigureInSystem__Navigation--active{font-weight:700}';
1const k=({items:a=[],handler:r=t})=>e.createElement(m,{id:"ConfigureInSystemChildren",css:P},a.map((t=>e.createElement("ul",{key:`${t.path}-${t.name}`,className:"ConfigureInSystem__Child"},e.createElement("li",null,t.isModel&&e.createElement("button",{type:"button",onClick:()=>{r(t.productFamily,t.productLine,t.model,t.path)},className:"secondary "+(t.isActive?"active":"")},t.name),!t.isModel&&e.createElement("span",{key:t.name},t.name)),t.items&&t.items.length>0&&e.createElement(k,{items:t.items,handler:r})))));k.propTypes={items:d.exports.arrayOf(d.exports.shape({path:d.exports.string,name:d.exports.string,isModel:d.exports.bool,productFamily:d.exports.string,productLine:d.exports.string,model:d.exports.string,items:d.exports.array})),handler:d.exports.func},k.defaultProps={items:[],handler:t};const T=({configData:t})=>{const{action:n,getState:o}=r.exports.useContext(p),{modelData:i={},resources:l={},setActionInProgress:s,onNotOk:u,onOk:c}=r.exports.useContext(f),{locale:d,currency:C,configurationMetadata:_}=i,[h,v]=r.exports.useState(!0),{labelConfigureInSystemShowHideNavigationInfo:I}=l,E=()=>{s(!1)},R=(e,t,r,i)=>{s(!0),c(),n("loadModelInSystemConfiguration",{cacheInstanceId:a(o()).cacheInstanceId,productFamily:e,productLine:t,model:r,targetModelPath:i,populatePickListItems:g,excludeLayoutProperties:x,expand:b,locale:d,currency:C,configurationMetadata:_}).then((a=>{a.ok?b.includes("layout")?c():y(o(),n,e,t):u(a)})).finally(E)};return e.createElement(m,{id:"ConfigureInSystem",css:P},e.createElement("div",{className:"ConfigureInSystem__Container"},e.createElement("button",{className:"ConfigureInSystem__Toggle secondary",onClick:()=>{v(!h)},"aria-controls":"ConfigureInSystem__Models",type:"button"},e.createElement("span",{className:"ProductConfigureExtension--screenReaderText"},I),e.createElement("span",{role:"presentation"},"â°")),h&&e.createElement("div",{id:"ConfigureInSystem__Models",className:"ConfigureInSystem__Models",role:"region","aria-live":"polite"},e.createElement("ul",{className:"ConfigureInSystem__Navigation",role:"navigation"},t&&t._sysNavigationInfo&&t._sysNavigationInfo.items&&t._sysNavigationInfo.items.map((t=>e.createElement("li",{key:t.path},e.createElement("button",{onClick:()=>{R(t.productFamily,t.productLine,t.model,t.path)},className:"secondary "+(t.isActive?"ConfigureInSystem__Navigation--active":""),type:"button"},t.name),t.items&&t.items.length>0&&e.createElement(k,{items:t.items,handler:R}))))))))};T.propTypes={configData:d.exports.instanceOf(Object).isRequired};var V=u(a)(T);const A=({items:t,tableColumns:a=[],caption:r=""})=>e.createElement(m,{id:"ConfiguratorItemsTable",css:".ConfiguratorItemsTable{margin-left:auto;margin-right:auto}"},e.createElement("table",{className:"ConfiguratorItemsTable"},e.createElement("caption",{className:"ProductConfigureExtension--screenReaderText"},r),e.createElement("thead",null,e.createElement("tr",null,a.map(((t,a)=>e.createElement("th",{scope:"col",key:a},t.name))))),e.createElement("tbody",null,t&&t.map(((t,r)=>e.createElement("tr",{key:r},a.map(((a,r)=>e.createElement(L,{key:r,item:t,tableColumn:a,isFirst:0===r})))))))));A.propTypes={items:d.exports.arrayOf(Object).isRequired,tableColumns:d.exports.arrayOf(Object),caption:d.exports.string},A.defaultProps={tableColumns:[],caption:""};const L=({item:t,tableColumn:a,isFirst:r})=>{const o=h({style:"currency"}),{variableName:i}=a,l=n(t[i])?o(t[i].value):t[i];return r?e.createElement("th",{span:"row"},l):e.createElement("td",null,l)};const O={style:"currency"},F=({configData:t})=>{const a=h(O);return e.createElement(m,{id:"ConfiguratorPriceInfo",css:".ConfiguratorPriceInfo__List{border:1px solid #cdd2d6;border:1px solid var(--cc-border-color)}.ConfiguratorPriceInfo__Item{display:flex;padding:.35rem}.ConfiguratorPriceInfo__Item:not(:last-child){border-bottom:1px solid #cdd2d6;border-bottom:1px solid var(--cc-border-color)}.ConfiguratorPriceInfo__ItemName{flex:1 1 auto}.ConfiguratorPriceInfo__ItemPrice{border-radius:1rem;font-weight:700;padding:.1rem 1.1rem}"},e.createElement("ul",{className:"ConfiguratorPriceInfo__List"},t&&t._priceInfo&&t._priceInfo.items&&t._priceInfo.items.map((t=>t._others&&t._others.map((t=>e.createElement("li",{className:"ConfiguratorPriceInfo__Item",key:t.variableName},e.createElement("div",{className:"ConfiguratorPriceInfo__ItemName"},t.name),e.createElement("div",{className:"ConfiguratorPriceInfo__ItemPrice"},t.price&&a(t.price.value)))))))))};F.propTypes={configData:d.exports.instanceOf(Object).isRequired};var j=u(a)(F);const M=({buttonText:a="",handler:r=t,isDisabled:n=!1,isPrimary:o=!1})=>e.createElement(m,{id:"ConfiguratorActionButton",css:""},e.createElement("button",{type:"button",className:"ConfiguratorActionButton "+(o?"":"secondary"),disabled:n,onClick:r},a));M.propTypes={buttonText:d.exports.string,handler:d.exports.func,isDisabled:d.exports.bool,isPrimary:d.exports.bool},M.defaultProps={buttonText:"",handler:t,isDisabled:!1,isPrimary:!1};const w=({cacheInstanceId:a,configData:n,productFamily:o,productLine:i,model:l,handleUpdate:s=t})=>{const{action:u,getState:c}=r.exports.useContext(p),{resources:d={},actionInProgress:_,setActionInProgress:h,onNotOk:v,onOk:I,isReconfiguration:E,commerceItemId:R,closeModal:N}=r.exports.useContext(f),{locale:q,currency:S,actionActionsUpdate:P,actionActionsAddToCart:k,actionActionsUpdateCartItem:T,actionActionsPrevious:V,actionActionsNext:A,actionCancel:L}=d,O=()=>{h(!1)},F=e=>!e.enabled||_;return e.createElement(m,{id:"ConfiguratorActions",css:""},n&&n._state&&n._state.actions&&e.createElement("div",{className:"ConfiguratorActions__Container"},n._state.actions._update&&n._state.actions._update.visible&&e.createElement(M,{buttonText:P,handler:s,isDisabled:F(n._state.actions._update)}),n._state.actions._next&&n._state.actions._next.visible&&e.createElement(M,{buttonText:A,handler:()=>{const e=C(n);h(!0),I(),u("loadNextConfigurationPage",{cacheInstanceId:a,productFamily:o,productLine:i,model:l,op:"next",configData:e,populatePickListItems:g,excludeLayoutProperties:x,expand:b,locale:q,currency:S}).then((e=>{e.ok?(b.includes("layout")||y(c(),u,o,i),I()):v(e)})).finally(O)},isDisabled:F(n._state.actions._next)}),n._state.actions._previous&&n._state.actions._previous.visible&&e.createElement(M,{buttonText:V,handler:()=>{h(!0),I(),u("loadPreviousConfigurationPage",{cacheInstanceId:a,productFamily:o,productLine:i,model:l,op:"previous",populatePickListItems:g,excludeLayoutProperties:x,expand:b,locale:q,currency:S}).then((e=>{e.ok?(b.includes("layout")||y(c(),u,o,i),I()):v(e)})).finally(O)},isDisabled:F(n._state.actions._previous)}),n._state.actions._integration_addToCart&&n._state.actions._integration_addToCart.visible&&e.createElement(M,{isPrimary:!0,buttonText:E?T:k,handler:()=>{h(!0),I(),E?u("updateConfigurationToCommerceItem",{cacheInstanceId:a,productFamily:o,productLine:i,model:l,commerceItemId:R}).then((e=>{e.ok?(I(),N(),u("resetConfiguration",{})):v(e)})).finally(O):u("addConfigurationToCart",{cacheInstanceId:a,productFamily:o,productLine:i,model:l}).then((e=>{e.ok?(I(),N(),u("resetConfiguration",{})):v(e)})).finally(O)},isDisabled:F(n._state.actions._integration_addToCart)}),e.createElement(M,{buttonText:L,handler:N})))};w.propTypes={cacheInstanceId:d.exports.string.isRequired,configData:d.exports.instanceOf(Object).isRequired,productFamily:d.exports.string,productLine:d.exports.string,model:d.exports.string},w.defaultProps={productFamily:void 0,productLine:void 0,model:void 0};var D=u(a)(w);const z=()=>{const{productDisplayName:t,productThumbImageURL:a}=r.exports.useContext(f);return e.createElement(m,{id:"ConfiguratorProductDetails",css:".ConfiguratorProductDetails__Container{align-items:flex-start;border-bottom:1px solid #cdd2d6;border-bottom:1px solid var(--cc-border-color);display:flex;gap:1rem;margin:2rem 0}.ConfiguratorProductDetails__ProductDisplayName{font-size:1.125rem;font-size:var(--cc-font-size-large);font-weight:700;min-width:60%}.ConfiguratorProductDetails__Container .Img__Wrapper{height:10rem;width:10rem}"},t&&a&&e.createElement("div",{className:"ConfiguratorProductDetails__Container"},e.createElement(v,{className:"ConfiguratorProductDetails__ProductImage",src:a,title:t,alt:t,size:"xsmall"}),e.createElement("div",{className:"ConfiguratorProductDetails__ProductDisplayName"},t)))};z.propTypes={};const $=()=>e.createElement(m,{id:"ProductConfigurePlaceholder",css:".ProductConfigurePlaceholder{bottom:0;display:flex;flex-direction:column;position:absolute;top:0;width:100%}.ProductConfigurePlaceholder__ConfigurationsHolder,.ProductConfigurePlaceholder__ItemsHolder{background-color:#fff;background-color:var(--cc-background-color)}.ProductConfigurePlaceholder__ConfigurationsHolder{flex:1 1 auto;opacity:.8}.ProductConfigurePlaceholder__Item{border-bottom:1px solid #cdd2d6;border-bottom:1px solid var(--cc-border-color);display:flex;flex-direction:row;margin:2rem 0}.ProductConfigurePlaceholder__ItemImage{background-color:#e3e3e3;background-color:var(--cc-pageloader-box-background);height:10rem;margin-bottom:1rem;width:10rem}.ProductConfigurePlaceholder__ItemName{background-color:#e3e3e3;background-color:var(--cc-pageloader-box-background);height:2rem;margin:0 1rem;width:calc(95% - 6rem)}"},e.createElement("div",{className:"ProductConfigurePlaceholder"},e.createElement("div",{className:"ProductConfigurePlaceholder__ItemsHolder"},e.createElement("div",{className:"ProductConfigurePlaceholder__Item"},e.createElement("div",{className:"ProductConfigurePlaceholder__ItemImage"}),e.createElement("div",{className:"ProductConfigurePlaceholder__ItemName"}))),e.createElement("div",{className:"ProductConfigurePlaceholder__ConfigurationsHolder"})));const H=()=>e.createElement(m,{id:"ConfiguratorSpacer",css:""},e.createElement("div",{className:"ConfiguratorSpacer"}));H.propTypes={};const B=({cacheInstanceId:t,productFamily:a,productLine:n,model:o,inputRef:i,uniqueId:l,name:s,variableName:u,defaultValue:c,defaultDisplayValue:d,handleChange:g,updatable:x,required:b,pickListItems:y,arraySetItemIndex:C})=>{const{action:_}=r.exports.useContext(p),{setActionInProgress:h,onNotOk:v,onOk:I}=r.exports.useContext(f),E=[{displayValue:d,value:c}].concat([{},{},{},{},{},{},{},{},{}]),[R,N]=r.exports.useState(y&&y.length>0?y:E);r.exports.useEffect((()=>
1{if(i&&i.current)for(let e=0;e<i.current.options.length;e++)if(i.current.options[e].value===c){i.current.options[e].selected=!0;break}}),[c,i,R]);const q=()=>{h(!1)};return e.createElement(m,{id:"ConfiguratorSingleSelectPickList",css:""},e.createElement("div",{className:"ConfiguratorSingleSelectPickList__Container"},e.createElement("label",{htmlFor:l},s),e.createElement("select",{id:l,name:u,onChange:e=>{g({displayValue:e.target.value,value:e.target.value})},onFocus:()=>{h(!0),_("loadPickListConfigurationData",{cacheInstanceId:t,productFamily:a,productLine:n,model:o,pickListVarName:u,arrayIndex:C}).then((e=>{if(e.ok){let t=[];e.delta&&e.delta.configurationRepository&&e.delta.configurationRepository.configurations&&e.delta.configurationRepository.configurations.current&&e.delta.configurationRepository.configurations.current.endpointResponses&&e.delta.configurationRepository.configurations.current.endpointResponses.pickLists&&e.delta.configurationRepository.configurations.current.endpointResponses.pickLists[u]&&(t=e.delta.configurationRepository.configurations.current.endpointResponses.pickLists[u].items||[]),t.length<10&&(t=[...t,...E.slice(1,10-t.length)]),N(t),I()}else v(e)})).finally(q)},defaultValue:c,required:b,ref:i,disabled:!x},R&&R.length>0&&R.map(((t,a)=>e.createElement("option",{key:`${l}-${t.value?t.value:a}`,value:t.value},t.displayValue))))))};B.propTypes={cacheInstanceId:d.exports.string,inputRef:d.exports.shape(Object),uniqueId:d.exports.string.isRequired,name:d.exports.string.isRequired,variableName:d.exports.string.isRequired,defaultValue:d.exports.string,handleChange:d.exports.func.isRequired,updatable:d.exports.bool.isRequired,required:d.exports.bool.isRequired,pickListItems:d.exports.arrayOf(Object)},B.defaultProps={cacheInstanceId:void 0,inputRef:null,defaultValue:null,pickListItems:null};var U=u(a)(B);const G=({uniqueId:t,name:a,defaultValue:n="",displayAsHTML:o=!1})=>{const[i,l]=r.exports.useState("");r.exports.useEffect((()=>{l(n)}),[n]);const s=o?e.createElement("div",{id:t,dangerouslySetInnerHTML:{__html:i}}):e.createElement("div",{id:t},i);return e.createElement(m,{id:"ConfiguratorReadOnly",css:""},e.createElement("div",{className:"ConfiguratorReadOnly__Container"},e.createElement("label",{htmlFor:t},a),s))};G.propTypes={uniqueId:d.exports.string.isRequired,name:d.exports.string.isRequired,defaultValue:d.exports.string,displayAsHTML:d.exports.bool},G.defaultProps={defaultValue:"",displayAsHTML:!1};const W=({inputRef:t,uniqueId:a,name:n,variableName:o,defaultValue:i,handleChange:l,updatable:s,required:u,jetDisplayTypeValue:c})=>{r.exports.useEffect((()=>{t&&t.current&&(t.current.checked=i)}),[i,t]);const d=e=>{e.target.checked!==i&&l(e.target.checked)};return e.createElement(m,{id:"ConfiguratorFormControlBoolean",css:".ConfiguratorFormControlBoolean__Container{align-items:center;display:flex;gap:1rem}"},e.createElement("div",{className:"ConfiguratorFormControlBoolean__Container"},"Switch"===c?e.createElement(E,{isOn:i,id:a,onChange:d,label:n,showLabel:!0}):e.createElement(I,{id:a,name:o,onChange:d,defaultChecked:i,className:"ConfiguratorFormControlBoolean__Input",labelText:n,required:u,disabled:!s})))};W.propTypes={inputRef:d.exports.shape(Object),uniqueId:d.exports.string.isRequired,name:d.exports.string.isRequired,variableName:d.exports.string.isRequired,defaultValue:d.exports.bool.isRequired,handleChange:d.exports.func.isRequired,updatable:d.exports.bool.isRequired,required:d.exports.bool},W.defaultProps={required:void 0,inputRef:null};var J=".ConfiguratorSingleSelectMenu__Fieldset{border:none;margin:0;padding:0}.ConfiguratorSingleSelectMenu__Legend{font-weight:600}";const K=({inputRef:t,uniqueId:a,name:n,variableName:o,defaultValue:i,handleChange:l,updatable:s,required:u,menuItems:c})=>{const{resources:{textPleaseSelect:d=""}={}}=r.exports.useContext(f)||{};r.exports.useEffect((()=>{if(t&&t.current)for(let e=0;e<t.current.options.length;e++)if(t.current.options[e].value===i){t.current.options[e].selected=!0;break}}),[i,t]);return e.createElement(m,{id:"ConfiguratorSingleSelect",css:J},e.createElement("div",{className:"ConfiguratorSingleSelect__Container"},e.createElement("label",{htmlFor:a},n),e.createElement("select",{id:a,name:o,onChange:e=>{const t={value:e.target[e.target.selectedIndex].value,displayValue:e.target[e.target.selectedIndex].textContent};t.value!==i&&l(t)},defaultValue:i,required:u,ref:t,disabled:!s},e.createElement("option",{label:d}),c.map((t=>e.createElement("option",{key:t.value,value:t.value},t.displayValue))))))};K.propTypes={inputRef:d.exports.shape(Object),uniqueId:d.exports.string.isRequired,name:d.exports.string.isRequired,variableName:d.exports.string.isRequired,defaultValue:d.exports.string,handleChange:d.exports.func.isRequired,updatable:d.exports.bool.isRequired,required:d.exports.bool.isRequired,menuItems:d.exports.arrayOf(Object).isRequired},K.defaultProps={inputRef:null,defaultValue:null};const Y=({inputRef:t,uniqueId:a,name:n,variableName:o,defaultValue:i,handleChange:l,updatable:s,required:u,menuItems:c})=>{r.exports.useEffect((()=>{t&&t.current&&(t.current.value=i)}),[i,t]);return e.createElement(m,{id:"ConfiguratorSingleSelectRadioButtonHorizontal",css:J},e.createElement("div",{className:"ConfiguratorSingleSelectRadioButtonHorizontal__Container"},e.createElement("fieldset",{className:"ConfiguratorSingleSelectMenu__Fieldset"},e.createElement("legend",{className:"ConfiguratorSingleSelectMenu__Legend"},n),c.map(((r,n)=>e.createElement("label",{htmlFor:`${a}-${n}`,key:r.value},e.createElement(R,{id:`${a}-${n}`,type:"radio",value:r.value,onChange:()=>(e=>{const t={value:e.value};t.value!==i&&l(t)})(r),name:o,defaultChecked:i===r.value,required:u,ref:t,disabled:!s}
1),e.createElement("span",null,r.displayValue)))))))};Y.propTypes={inputRef:d.exports.shape(Object),uniqueId:d.exports.string.isRequired,name:d.exports.string.isRequired,variableName:d.exports.string.isRequired,defaultValue:d.exports.string,handleChange:d.exports.func.isRequired,updatable:d.exports.bool.isRequired,required:d.exports.bool.isRequired,menuItems:d.exports.arrayOf(Object).isRequired},Y.defaultProps={inputRef:null,defaultValue:null};const Q=({inputRef:t,uniqueId:a,name:n,variableName:o,defaultValue:i,handleChange:l,updatable:s,required:u,menuItems:c})=>{r.exports.useEffect((()=>{t&&t.current&&(t.current.value=i)}),[i,t]);return e.createElement(m,{id:"ConfiguratorSingleSelectMenuGrid",css:J},e.createElement("div",{className:"ConfiguratorSingleSelectMenuGrid__Container"},e.createElement("fieldset",{className:"ConfiguratorSingleSelectMenu__Fieldset"},e.createElement("legend",{className:"ConfiguratorSingleSelectMenu__Legend"},n),c.map(((r,n)=>e.createElement("div",{key:`${a}-${r.value}`},e.createElement(R,{id:`${a}-${n}`,type:"radio",value:r.value,onChange:()=>(e=>{const t={value:e.value};t.value!==i&&l(t)})(r),name:o,defaultChecked:i===r.value,required:u,ref:t,disabled:!s}),e.createElement("img",{src:r.imageUrl?r.imageUrl:"/img/no-image.jpg",alt:r.displayValue,height:"100px",width:"100px"})))))))};Q.propTypes={inputRef:d.exports.shape(Object),uniqueId:d.exports.string.isRequired,name:d.exports.string.isRequired,variableName:d.exports.string.isRequired,defaultValue:d.exports.string,handleChange:d.exports.func.isRequired,updatable:d.exports.bool.isRequired,required:d.exports.bool.isRequired,menuItems:d.exports.arrayOf(Object).isRequired},Q.defaultProps={inputRef:null,defaultValue:null};const X=({inputRef:t,uniqueId:a,name:r,variableName:n,defaultValue:o,handleChange:i,updatable:l,required:s,menuItems:u,displayTypeValue:c})=>{if(c)switch(c){case"Grid":return e.createElement(Q,{inputRef:t,uniqueId:a,name:r,variableName:n,defaultValue:o,handleChange:i,updatable:l,required:s,menuItems:u});case"Radio Button Horizontal":return e.createElement(Y,{inputRef:t,uniqueId:a,name:r,variableName:n,defaultValue:o,handleChange:i,updatable:l,required:s,menuItems:u});default:return e.createElement(K,{inputRef:t,uniqueId:a,name:r,variableName:n,defaultValue:o,handleChange:i,updatable:l,required:s,menuItems:u})}};X.propTypes={inputRef:d.exports.shape(Object),uniqueId:d.exports.string.isRequired,name:d.exports.string.isRequired,variableName:d.exports.string.isRequired,defaultValue:d.exports.string,handleChange:d.exports.func.isRequired,updatable:d.exports.bool.isRequired,required:d.exports.bool.isRequired,menuItems:d.exports.arrayOf(Object).isRequired,displayTypeValue:d.exports.string.isRequired},X.defaultProps={inputRef:null,defaultValue:null};var Z=u(a)(X),ee=".ConfiguratorMultiSelectCheckboxHorizontal__Fieldset,.ConfiguratorMultiSelectMenuGrid__Fieldset{border:none;margin:0;padding:0}.ConfiguratorMultiSelectCheckboxHorizontal__Legend,.ConfiguratorMultiSelectMenuGrid__Legend{font-weight:700}";const te=({inputRef:t,uniqueId:a,name:n,variableName:o,defaultValue:i,handleChange:l,updatable:s,required:u,menuItems:c})=>{const d=[],p=e=>{d.push(e)};r.exports.useEffect((()=>{d.forEach((e=>{e.checked=i.includes(e.value)}))}),[i,d]);const f=e=>{const{value:t,checked:a}=e.target,r=i.filter((e=>e!==t)).map((e=>({value:e})));a&&r.push({value:t}),l({items:r})};return e.createElement(m,{id:"ConfiguratorMultiSelectMenuGrid",css:ee},e.createElement("div",{className:"ConfiguratorMultiSelectMenuGrid__Container"},e.createElement("fieldset",{className:"ConfiguratorMultiSelectMenuGrid__Fieldset",ref:t},e.createElement("legend",{className:"ConfiguratorMultiSelectMenuGrid__Legend"},n),c.map(((t,r)=>e.createElement("label",{htmlFor:`${a}-${r}`,key:t.value},e.createElement("input",{id:`${a}-${r}`,type:"checkbox",value:t.value,onChange:f,name:o,defaultChecked:i.includes(t.value),required:u,disabled:!s,ref:p}),e.createElement("img",{src:t.imageUrl?t.imageUrl:"/img/no-image.jpg",alt:t.displayValue,height:"100px",width:"100px"})))))))};te.propTypes={inputRef:d.exports.shape(Object),uniqueId:d.exports.string.isRequired,name:d.exports.string.isRequired,variableName:d.exports.string.isRequired,defaultValue:d.exports.arrayOf(d.exports.string).isRequired,handleChange:d.exports.func.isRequired,updatable:d.exports.bool.isRequired,required:d.exports.bool.isRequired,menuItems:d.exports.arrayOf(Object).isRequired},te.defaultProps={inputRef:null};const ae=({inputRef:t,uniqueId:a,name:n,variableName:o,defaultValue:i,handleChange:l,updatable:s,required:u,menuItems:c})=>{const d=[],p=e=>{d.push(e)};
1r.exports.useEffect((()=>{d.forEach((e=>{e.checked=i.includes(e.value)}))}),[i,d]);const f=e=>{const{value:t,checked:a}=e.target,r=i.filter((e=>e!==t)).map((e=>({value:e})));a&&r.push({value:t}),l({items:r})};return e.createElement(m,{id:"ConfiguratorMultiSelectCheckboxHorizontal",css:ee},e.createElement("div",{className:"ConfiguratorMultiSelectCheckboxHorizontal__Container"},e.createElement("fieldset",{className:"ConfiguratorMultiSelectCheckboxHorizontal__Fieldset",ref:t},e.createElement("legend",{className:"ConfiguratorMultiSelectCheckboxHorizontal__Legend"},n),c.map(((t,r)=>e.createElement("label",{htmlFor:`${a}-${r}`,key:t.value},e.createElement("input",{id:`${a}-${r}`,type:"checkbox",value:t.value,onChange:f,name:o,defaultChecked:i.includes(t.value),required:u,disabled:!s,ref:p}),t.displayValue))))))};ae.propTypes={inputRef:d.exports.shape(Object),uniqueId:d.exports.string.isRequired,name:d.exports.string.isRequired,variableName:d.exports.string.isRequired,defaultValue:d.exports.arrayOf(d.exports.string).isRequired,handleChange:d.exports.func.isRequired,updatable:d.exports.bool.isRequired,required:d.exports.bool.isRequired,menuItems:d.exports.arrayOf(Object).isRequired},ae.defaultProps={inputRef:null};const re=({inputRef:t,uniqueId:a,name:n,variableName:o,defaultValue:i,handleChange:l,updatable:s,required:u,menuItems:c})=>{const{resources:{textPleaseSelect:d=""}}=r.exports.useContext(f);r.exports.useEffect((()=>{if(t&&t.current)for(let e=0;e<t.current.options.length;e++)i.includes(t.current.options[e].value)&&(t.current.options[e].selected=!0)}),[i,t]);return e.createElement(m,{id:"MultiSelect",css:J},e.createElement("div",{className:"MultiSelect"},e.createElement("label",{htmlFor:a},n),e.createElement("br",null),e.createElement("select",{id:a,name:o,onChange:e=>{const{options:t}=e.target,a=[];for(let e=0;e<t.length;e++)t[e].selected&&a.push({value:t[e].value,displayValue:t[e].textContent});l({items:a})},defaultValue:i,required:u,multiple:!0,ref:t,disabled:!s},e.createElement("option",{label:d}),c.map((t=>e.createElement("option",{key:t.value,value:t.value},t.displayValue))))))};re.propTypes={inputRef:d.exports.shape(Object),uniqueId:d.exports.string.isRequired,name:d.exports.string.isRequired,variableName:d.exports.string.isRequired,defaultValue:d.exports.arrayOf(d.exports.string).isRequired,handleChange:d.exports.func.isRequired,updatable:d.exports.bool.isRequired,required:d.exports.bool.isRequired,menuItems:d.exports.arrayOf(Object).isRequired},re.defaultProps={inputRef:null};const ne=({inputRef:t,uniqueId:a,name:r,variableName:n,defaultValue:o,handleChange:i,updatable:l,required:s,menuItems:u,displayTypeValue:c})=>{if(c)switch(c){case"Grid":return e.createElement(te,{inputRef:t,uniqueId:a,name:r,variableName:n,defaultValue:o,handleChange:i,updatable:l,required:s,menuItems:u});case"Checkbox Horizontal":return e.createElement(ae,{inputRef:t,uniqueId:a,name:r,variableName:n,defaultValue:o,handleChange:i,updatable:l,required:s,menuItems:u});default:return e.createElement(re,{inputRef:t,uniqueId:a,name:r,variableName:n,defaultValue:o,handleChange:i,updatable:l,required:s,menuItems:u})}};ne.propTypes={inputRef:d.exports.shape(Object),uniqueId:d.exports.string.isRequired,name:d.exports.string.isRequired,variableName:d.exports.string.isRequired,defaultValue:d.exports.arrayOf(d.exports.string).isRequired,handleChange:d.exports.func.isRequired,updatable:d.exports.bool.isRequired,required:d.exports.bool.isRequired,menuItems:d.exports.arrayOf(Object).isRequired,displayTypeValue:d.exports.string.isRequired},ne.defaultProps={inputRef:null};var oe=u(a)(ne);const ie=({inputRef:t,uniqueId:a,name:n,variableName:o,defaultValue:i,handleChange:l,updatable:s,required:u,minimum:c,maximum:d})=>{const[p,f]=r.exports.useState(null);r.exports.useEffect((()=>{f(c?"_system_current_date"===c?(new Date).toISOString().slice(0,10):c:null),t&&t.current&&(t.current.value=i)}),[i,t,c]);return e.createElement(m,{id:"ConfiguratorFormControlDate",css:""},e.createElement("div",{className:"ConfiguratorFormControlDate__Container"},e.createElement("label",{htmlFor:a},n),e.createElement("input",{id:a,type:"date",name:o,min:p,max:d,onBlur:e=>{const t=e.target.value;t!==i&&l(t)},defaultValue:i,ref:t,required:u,disabled:!s}
1)))};ie.propTypes={inputRef:d.exports.shape(Object),uniqueId:d.exports.string.isRequired,name:d.exports.string.isRequired,variableName:d.exports.string.isRequired,defaultValue:d.exports.string.isRequired,handleChange:d.exports.func.isRequired,updatable:d.exports.bool.isRequired,required:d.exports.bool.isRequired,minimum:d.exports.string,maximum:d.exports.string},ie.defaultProps={inputRef:null,maximum:void 0,minimum:void 0};var le=".ConfiguratorRangeSlider__Legend{display:flex;justify-content:space-between}.ConfiguratorRangeSlider__Legend>div{flex:1}";const se=({inputRef:t,uniqueId:a,name:n,variableName:o,defaultValue:i,handleChange:l,updatable:s,required:u,minimum:c,maximum:d,description:p,inputType:f,validationMethodLookupCode:g,resourceAttrType:x})=>{r.exports.useEffect((()=>{t&&t.current&&(t.current.value=i)}),[i,t]);return e.createElement(m,{id:"ConfiguratorTextInput",css:le},e.createElement("div",{className:"ConfiguratorTextInput__Container"},e.createElement("label",{htmlFor:a},n,p?` (${p})`:null),e.createElement("input",{id:a,type:f,name:o,min:c||"2"===g?0:null,max:d,onBlur:e=>{let t=e.target.value;t!==String(i)&&(t="Currency"===x?{value:e.target.value,currency:""}:e.target.value,l(t))},defaultValue:i,required:u,disabled:!s,ref:t})))},ue=({inputRef:t,uniqueId:a,name:n,variableName:o,defaultValue:i,handleChange:l,updatable:s,required:u,rows:c,columns:d,description:p,resourceAttrType:f})=>{r.exports.useEffect((()=>{t&&t.current&&(t.current.value=i)}),[i,t]);return e.createElement(m,{id:"ConfiguratorTextArea",css:le},e.createElement("div",{className:"ConfiguratorTextArea__Container"},e.createElement("label",{htmlFor:a},n,p?` (${p})`:null),e.createElement("textarea",{id:a,name:o,onBlur:e=>{let t=e.target.value;t!==String(i)&&(t="Currency"===f?{value:e.target.value,currency:""}:e.target.value,l(t))},defaultValue:i,required:u,disabled:!s,ref:t,rows:c,cols:d})))},ce=({inputRef:t,uniqueId:a,name:n,variableName:o,defaultValue:i,handleChange:l,updatable:s,required:u,minimum:c,maximum:d,description:p,resourceAttrType:f})=>{i=i||c;const[g,x]=r.exports.useState(i);r.exports.useEffect((()=>{t&&t.current&&(t.current.value=i)}),[i,t]);return e.createElement(m,{id:"ConfiguratorRangeSlider",css:le},e.createElement("div",{className:"ConfiguratorRangeSlider__Container"},e.createElement("label",{htmlFor:a},n,p?` (${p})`:null),e.createElement("input",{id:a,type:"range",name:o,min:c,max:d,onInput:e=>{x(e.target.value)},onBlur:e=>{let t=e.target.value;t!==String(i)&&(t="Currency"===f?{value:e.target.value,currency:""}:e.target.value,l(t))},defaultValue:i,required:u,disabled:!s,ref:t}),e.createElement("div",{className:"ConfiguratorRangeSlider__Legend"},e.createElement("div",null,c),e.createElement("div",null,g),e.createElement("div",null,d))))},de=({inputRef:t,uniqueId:a,name:r,variableName:n,defaultValue:o,handleChange:i,updatable:l,required:s,minimum:u,maximum:c,rows:d,columns:m,description:p,inputType:f,displayTypeValue:g,jetDisplayTypeValue:x,validationMethodLookupCode:b,resourceAttrType:y})=>"Text Area"===g?e.createElement(ue,{inputRef:t,uniqueId:a,name:r,variableName:n,defaultValue:o,handleChange:i,updatable:l,required:s,rows:d,columns:m,resourceAttrType:y}):"Text"===g?"Slider Vertical"===x||"Slider Horizontal"===x?e.createElement(ce,{inputRef:t,uniqueId:a,name:r,variableName:n,defaultValue:o,handleChange:i,updatable:l,required:s,minimum:u,maximum:c,resourceAttrType:y}):e.createElement(se,{inputRef:t,uniqueId:a,name:r,variableName:n,defaultValue:o,handleChange:i,updatable:l,required:s,minimum:u,maximum:c,description:p,inputType:f,validationMethodLookupCode:b,resourceAttrType:y}):void 0;const me=({component:n,cacheInstanceId:o,configData:i,productFamily:l,productLine:s,model:u,prefixedArraySetVariableName:c,arraySetItemIndex:d})=>{const{action:g,getState:x}=r.exports.useContext(p),{resourceAttributeVarName:b,resourceAttrType:y,inputTypeCode:C,displayType:_,jetDisplayType:h,componentTypeCode:v,autoUpdate:I,resourceAttributeData:{name:E,variableName:R,ajaxSensitive:N,description:q,required:S,validationMethod:P,menuItems:{constrainedItems:k=[]}={},additional:{minimum:T=null,maximum:V=null,text_area_rows:A=null,text_area_cols:L=null}={},pickListItems:O}={}}=n,F=C&&C.lookupCode,j=_&&_.displayValue,M=_&&h.displayValue,w="Integer"===y||"Float"===y||"Currency"===y?"number":"text",D=P?P.lookupCode:"1",{setActionInProgress:z,onNotOk:$,onOk:B,handleUpdate:J=t,setModifiedConfigFields:K=t}=r.exports.useContext(f);let Y={};
1if(b)if(c){if(i[c]&&i[c]._state&&i[c]._state.defaultRowState&&i[c]._state.defaultRowState.attributes){const{defaultRowState:e,attributes:t}=i[c]._state;Y={...e.attributes[b]||{},...t[b]||{},...i[c].items[d]._state.attributes&&i[c].items[d]._state.attributes[b]||{}||{}}}}else i._state&&i._state.attributes&&(Y=i._state.attributes[b]||{});const{hasWarning:Q,hasError:X,messages:ee,recommendationMessages:te,updatable:ae,visible:re}=Y,ne=c?R+c+d:R;let le=c?i[c].items[d][b]:i[b];le=c&&le&&Object.hasOwn(le,"locked")?le?.value:le;const se=le&&Object.prototype.hasOwnProperty.call(le,"displayValue")?le.displayValue:null;le=le&&Object.prototype.hasOwnProperty.call(le,"value")?String(le.value):le,le=le&&le.items?le.items.map((e=>e.value?String(e.value):e.value)):le;const ue=()=>{z(!1)},ce=r.exports.useRef(null);r.exports.useEffect((()=>{(X||Q)&&ce&&ce.current&&ce.current.focus()}),[ce,X,Q]);const me=e=>{!I&&N&&((e,t)=>{let r=c?i[c].items[d][e]:i[e];"object"==typeof r?"boolean"==typeof r.locked?("object"==typeof r.value&&(r.value={...r.value,...t}),r.value=t):("object"==typeof r&&(r={...r,...t}),r=t):r=t;const n=c?{[c]:{items:[{_index:d,[e]:r}]}}:{[e]:r},m=a(x()).arraySetVariableNames||null;z(!0),B(),g("interactConfiguration",{cacheInstanceId:o,productFamily:l,productLine:s,model:u,configData:n,arraySetVariableNames:m,arraySetVarName:c||null,arraySetOffset:c?i[c].offset:null,arraySetLimit:c?i[c].limit:null}).then((e=>{e.ok?B():$(e)})).finally(ue)})(b,e),g("updateConfigurationConfigData",{prefixedArraySetVariableName:c,arraySetItemIndex:d,resourceAttributeVarName:b,newValue:e}).then((()=>{const e=c||b;I?J([e],!0):K((t=>[...t,e]))}))};return e.createElement(m,{id:"ConfiguratorFormControl",css:".ConfiguratorFormControl__Container{margin-bottom:20px}.ConfiguratorFormControl__Container label{align-items:center;display:flex;font-weight:500;margin:.3rem 0}.ConfiguratorFormControl__Container input:not([type=checkbox]):not([type=radio]),.ConfiguratorFormControl__Container select{min-width:80%}.ConfiguratorFormControl__Container input[type=checkbox],.ConfiguratorFormControl__Container input[type=radio]{margin-right:10px}.ConfiguratorFormControl__Container .ProductConfigureExtension--error{color:#920012;color:var(--cc-error-message-color);flex-basis:100%;font-size:.875rem;font-size:var(--cc-font-size-small)}.ConfiguratorFormControl__Container .ProductConfigureExtension--warning{color:#4a4a4a;color:var(--cc-warning-message-color);flex-basis:100%;font-size:.875rem;font-size:var(--cc-font-size-small)}.ConfiguratorFormControl__Container .ProductConfigureExtension--info{color:#4a4a4a;color:var(--cc-info-message-color);flex-basis:100%;font-size:.875rem;font-size:var(--cc-font-size-small)}"},e.createElement("div",{className:"ConfiguratorFormControl__Container"},(()=>{if(!re||!F)return v&&"SPACER"===v.lookupCode?e.createElement(H,{key:n.id,component:n}):null;switch(F){case"Boolean":return e.createElement(W,{key:n.id,inputRef:ce,uniqueId:ne,name:E,variableName:R,defaultValue:le,handleChange:me,updatable:ae,minimum:T,maximum:V,jetDisplayTypeValue:M});case"Date":return e.createElement(ie,{key:n.id,inputRef:ce,uniqueId:ne,name:E,variableName:R,defaultValue:le,handleChange:me,updatable:ae,required:S,minimum:T,maximum:V});case"MultiSelectMenu":return e.createElement(oe,{key:n.id,inputRef:ce,uniqueId:ne,name:E,variableName:R,defaultValue:le,handleChange:me,updatable:ae,required:S,menuItems:k,displayTypeValue:j});case"ReadOnly":return e.createElement(G,{key:n.id,uniqueId:ne,name:E,defaultValue:le,displayAsHTML:"HTML"===y});case"SingleSelectMenu":case"Single Select Menu":return e.createElement(Z,{key:n.id,inputRef:ce,uniqueId:ne,name:E,variableName:R,defaultValue:le,handleChange:me,updatable:ae,required:S,menuItems:k,displayTypeValue:j});case"SingleSelectPickList":return e.createElement(U,{key:n.id,inputRef:ce,uniqueId:ne,name:E,variableName:R,defaultValue:le,defaultDisplayValue:se,handleChange:me,updatable:ae,required:S,pickListItems:O,arraySetItemIndex:d});case"Text":case"TextField":return e.createElement(de,{key:n.id,inputRef:ce,uniqueId:ne,name:E,variableName:R,defaultValue:"number"===w&&null===le?Number(null):le,handleChange:me,updatable:ae,required:S,minimum:T,maximum:V,rows:A,columns:L,description:q,inputType:w,displayTypeValue:j,jetDisplayTypeValue:M,val
1idationMethodLookupCode:D,resourceAttrType:y});default:return null}})(),re&&ee&&ee.map(((t,a)=>e.createElement("div",{key:`${ne}message${a}`,className:X?"ProductConfigureExtension--error":"ProductConfigureExtension--warning",role:"alert","aria-live":"assertive"},t))),re&&te&&te.map(((t,a)=>e.createElement("div",{key:`${ne}recommendation-message${a}`,className:"ProductConfigureExtension--info",role:"alert","aria-live":"assertive"},t)))))};me.propTypes={component:d.exports.shape({components:d.exports.shape({items:d.exports.arrayOf(Object)})}).isRequired,cacheInstanceId:d.exports.string,configData:d.exports.instanceOf(Object).isRequired,prefixedArraySetVariableName:d.exports.string,arraySetItemIndex:d.exports.number},me.defaultProps={cacheInstanceId:void 0,prefixedArraySetVariableName:void 0,arraySetItemIndex:void 0};var pe=u(a)(me);const fe=({cacheInstanceId:t,productFamily:a,productLine:n,model:i,configData:l,component:s})=>{const{action:u}=r.exports.useContext(p),{resources:c={},actionInProgress:d,setActionInProgress:g,onNotOk:x,onOk:b}=r.exports.useContext(f),{resourceVariableName:{variableName:y},sizeAttrVarName:C}=s,_=()=>{g(!1)},h=`${y}`;return e.createElement(m,{id:"ConfiguratorArraySet",css:".ConfiguratorArraySet__Table{border-collapse:collapse;margin-bottom:20px;margin-left:auto;margin-right:auto;min-width:80%}.ConfiguratorArraySet__Table td,.ConfiguratorArraySet__Table th{border:1px solid #ddd;padding:8px}.ConfiguratorArraySet__Table tr:nth-child(2n){background-color:#f2f2f2}.ConfiguratorArraySet__Table th{color:#000;padding-bottom:12px;padding-top:12px;text-align:left}.ConfiguratorArraySet__Table .ConfiguratorArraySet__TableRow--error{color:#920012;color:var(--cc-error-message-color);flex-basis:100%;font-size:.875rem;font-size:var(--cc-font-size-small)}"},e.createElement("div",{className:"ConfiguratorArraySet__Container"},e.createElement("table",{className:"ConfiguratorArraySet__Table"},e.createElement("caption",{className:"ProductConfigureExtension--screenReaderText"},c.headingArraySetItems),e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",{scope:"col"},c.headingArraySetItemId),e.createElement("th",{scope:"col"},c.headingArraySetAttribute),e.createElement("th",{scope:"col"},c.headingArraySetAction))),e.createElement("tbody",null,l[h]&&l[h].items&&l[h].items.map((r=>e.createElement("tr",{key:r._rowKey},e.createElement("th",{scope:"row"},r._index),e.createElement("td",null,s&&s.components&&s.components.items&&s.components.items.map((t=>e.createElement(pe,{key:t.id,component:t,arraySetItemIndex:r._index,prefixedArraySetVariableName:h}))),h&&l[h]&&l[h].items&&l[h].items[r._index]&&l[h].items[r._index]._state&&l[h].items[r._index]._state.messages&&l[h].items[r._index]._state.messages.map((t=>e.createElement("span",{key:t,className:"ConfiguratorArraySet__TableRow--error","aria-label":t,role:"alert","aria-live":"assertive"},t)))),e.createElement("td",null,e.createElement("button",{type:"button",className:"secondary ConfiguratorArraySet__TableRowRemove",disabled:d,onClick:()=>{return e=r._index,g(!0),void u("deleteArraySetConfigurationItem",{cacheInstanceId:t,productFamily:a,productLine:n,model:i,arraySetVarName:y,sizeAttrVarName:C,removeIndex:e}).then((e=>{e.ok?b():x(e)})).finally(_);var e}},c.actionArraySetRemove,e.createElement("span",{className:"ProductConfigureExtension--screenReaderText"}," ",o(c.textArraySetRemoveItem,{itemIndex:r._index,arraySetName:y})))))))),e.createElement("tfoot",null,e.createElement("tr",null,e.createElement("td",{colSpan:"3"},e.createElement("button",{type:"button",className:"secondary",disabled:d,onClick:()=>{g(!0),u("addArraySetConfigurationItem",{cacheInstanceId:t,productFamily:a,productLine:n,model:i,arraySetVarName:y,sizeAttrVarName:C}).then((e=>{e.ok?b():x(e)})).finally(_)}},c.actionArraySetAdd,e.createElement("span",{className:"ProductConfigureExtension--screenReaderText"}," ",o(c.textArraySetAddItem,{arraySetName:y})))))))))};fe.propTypes={cacheInstanceId:d.exports.string,configData:d.exports.shape(Object).isRequired,productFamily:d.exports.string,productLine:d.exports.string,model:d.exports.string,component:d.exports.shape({variableName:d.exports.string,
1sizeAttrVarName:d.exports.string}).isRequired},fe.defaultProps={cacheInstanceId:void 0,productFamily:void 0,productLine:void 0,model:void 0};var ge=u(a)(fe);const xe=({items:t})=>{const[a,n]=r.exports.useState([]);return r.exports.useEffect((()=>{const e=t=>{if(!t)return;const{componentTypeCode:a,components:n,title:o}=t;let i;if(a&&a.lookupCode)switch(a.lookupCode){case"PANEL_TAB":i=r.exports.createElement("section",{className:a.lookupCode,key:t.id,header:"PANEL_TAB"===a.lookupCode?t.title:void 0});break;case"ARRAY_SET":i=r.exports.createElement(ge,{component:t,key:t.id});break;case"FORM_CONTROL":i=r.exports.createElement(pe,{component:t,key:t.id});break;case"PANEL":if(o){i=r.exports.createElement(S,{component:t,key:t.id,title:o},...n.items.map((t=>e(t))));break}default:i=(e=>!!(e&&e.items&&e.items.length>1&&"PANEL_TAB"===e.items[0].componentTypeCode.lookupCode)||"")(n)?r.exports.createElement(N,{className:`ConfiguratorPanel ${a.lookupCode}`,key:t.id},...n.items.map((t=>r.exports.createElement(q,{},e(t))))):r.exports.createElement("section",{className:a.lookupCode,ke
1y:t.id})}else i=r.exports.createElement(r.exports.Fragment);if(!n)return i;const l=n.items.map((t=>e(t)));return i?r.exports.cloneElement(i,null,l):void 0},a=e(t);n(a)}),[t]),e.createElement(m,{css:".TabContainer__TabHeaders>button{margin:auto;width:auto}",id:"ConfigurationLayout"},e.createElement("section",{"data-testid":"configuration-layout"},a))};xe.propTypes={items:d.exports.object.isRequired};const be=()=>{const[t,n]=r.exports.useState([]),{configData:o,layoutNamespace:u,layoutFlowVariableName:d,cacheInstanceId:g}=c(a),{layouts:x,templates:b}=c(i),y=r.exports.useContext(f),{action:C}=r.exports.useContext(p),{modelData:h={},resources:v={},actionInProgress:I,actionResponse:E={},setActionInProgress:R,onNotOk:N,onOk:q}=y,{productFamily:S,productLine:P,model:k}=h,T=(e=[...t],a=!1)=>{if(0===e?.length)return;const r={cacheInstanceId:g,productFamily:S,productLine:P,model:k,configData:_(o,e),delta:!0};R(!0),q(),C("updateConfiguration",r).then((e=>{e.ok?(a||n([]),q()):N(e)})).finally((()=>{R(!1)}))};return e.createElement(m,{id:"ConfiguratorLayoutCanvas",css:".ConfiguratorLayoutCanvas__Container{background-color:#fff;position:relative;width:100%}.ConfiguratorLayoutCanvas__Container button{margin:.75rem 0;width:100%}.ProductConfigureExtension--screenReaderText{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.ProductConfigure__Modal .PageLoader{padding:0;position:static}"},e.createElement("div",{className:"ConfiguratorLayoutCanvas__Container"},I&&e.createElement(s,{show:!0},e.createElement($,null)),E.message&&e.createElement("div",{className:"ProductConfigureModal__ActionResponse"},e.createElement(l,{type:E.type,message:E.message})),e.createElement(z,null),o&&o._sysNavigationInfo&&o._sysNavigationInfo.items&&e.createElement(V,{key:o._sysNavigationInfo.items.name}),x&&d&&u&&x[u]&&x[u][d]&&x[u][d].items&&x[u][d].items.components&&x[u][d].items.components.items&&e.createElement(e.Fragment,null,e.createElement(f.Provider,{value:{...y,modifiedConfigFields:t,setModifiedConfigFields:n,handleUpdate:T}},e.createElement(xe,{items:x[u][d].items}))),!1,o&&b&&o._recmdParts&&o._recmdParts.items&&o._recmdParts.items.length>0&&e.createElement("div",{className:"Configurator__RecommendedParts"},e.createElement("strong",null,v.headingRecommendedParts),e.createElement(A,{items:o._recmdParts.items,tableColumns:b.partsTemplate.items,caption:v.headingRecommendedParts})),o&&b&&o._mandatoryParts&&o._mandatoryParts.items&&o._mandatoryParts.items.length>0&&e.createElement("div",{className:"Configurator__MandatoryParts"},e.createElement("strong",null,v.headingMandatoryParts),e.createElement(A,{items:o._mandatoryParts.items,tableColumns:b.partsTemplate&&b.partsTemplate.items,caption:v.headingMandatoryParts})),e.createElement("div",{className:"ConfiguratorLayoutCanvas__Footer"},o&&o._priceInfo&&o._priceInfo.items&&e.createElement(j,{key:o._priceInfo.name}),E.message&&e.createElement("div",{className:"ProductConfigureModal__ActionResponse"},e.createElement(l,{type:E.type,message:E.message})),o&&o._state&&o._state.actions&&e.createElement(D,{key:"product-configure-extension-actions",productFamily:S,productLine:P,model:k,modifiedConfigFields:t,handleUpdate:()=>T()}))))};be.propTypes={};export{be as default}; 2//# sourceMappingURL=index-aeb368dc.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.