https://shop.motorolasolutions.com/storefront/occ-public/esm/min/component-f941fa8c.js

1import{L as e,aG as t,k as a,aj as o,am as n,bP as r,R as i}from"./client-c7cf1e30.js";import{c as s,C as c,d as l,S as u}from"./contexts-1fa00dc9.js";import{A as d}from"./index-52e1e70d.js";import m from"./index-5e03f400.js";import{S as g}from"./index-6b1ab753.js";const p="layout,templates",y=!1,f=["labelAlignment","labelSeparator","showLabel","labelWidth","labelWidthUnits","valuePosition","valueWidth","valueWidthUnits","valueAlignment","helpIconAlignment","msgPlacement","msgWidthUnits","msgWidth","menuImagePosition","pricePosition","language","fieldAutoWidth","showCalculator","showRecMsg","showConMsg","showPrevValueMsg","showDataTooltip","showMenuImage","setTypeOverridden","defaultValueOverridden","displayTypeOverridden","jetDisplayTypeOverridden","helpIcon","showHelpIcon","fieldAlignment","showTitleIcon","showDescription","titleIcon","cssClass"],h=e.exports.createContext();const I=(e,t,a,o)=>{const{getState:n,action:i}=e,{productFamily:s,productLine:c,model:l}=o,u=r(n()),{cacheInstanceId:d}=u.configurations.current,m=e=>{const o=e.arraySetVariableNames.toString();i("getArraySetConfigurationItems",{cacheInstanceId:d,productFamily:s,productLine:c,model:l,arraySetVarNames:o}).then((e=>{e.ok?t():a(e)}))};if(u&&u.configurations&&u.configurations.current&&u.layouts&&u.layouts[u.configurations.current.layoutNamespace]&&u.layouts[u.configurations.current.layoutNamespace][u.configurations.current.layoutFlowVariableName]){const e=u.layouts[u.configurations.current.layoutNamespace][u.configurations.current.layoutFlowVariableName];e.arraySetVariableNames.length>0?m(e):t()}else{const e=u.configurations.current.links.find((e=>"layout"===e.rel)),o=e.href.charAt(e.href.length-1);i("getConfigurationLayout",{productFamily:s,productLine:c,model:l,flowVarName:u.configurations.current.layoutFlowVariableName,hierLevel:o}).then((e=>{if(e.ok){const a=e.delta.configurationRepository.layouts[u.configurations.current.layoutNamespace][u.configurations.current.layoutFlowVariableName];a.arraySetVariableNames.length>0?m(a):t()}else a(e)}))}},b=e=>{const t={...e};return Object.keys(t).forEach((e=>{t[e]&&t._state.attributes[e]&&!t._state.attributes[e].updatable&&delete t[e]})),t},A=(e,t)=>{const a={_state:{attributes:{}}};for(const o of t)a._state.attributes[o]=e._state.attributes[o],a[o]=e[o];return a},C=i.lazy((()=>import("./index-aeb368dc.js"))),x=({className:r="secondary",actionArraySetAdd:b,actionActionsAddToCart:A,actionActionsUpdateCartItem:x,actionInitializeConfiguration:S,actionInitializeReconfiguration:P,actionActionsNext:N,actionActionsPrevious:R,actionArraySetRemove:L,actionActionsUpdate:v,actionCancel:w,headingArraySetAction:_,headingArraySetItemId:E,headingArraySetItems:k,headingArraySetAttribute:U,headingBillOfMaterials:T,headingMandatoryParts:M,headingRecommendedParts:F,headingConfigure:V,headingReconfigure:j,textPleaseSelect:O,labelConfigureInSystemShowHideNavigationInfo:D,textArraySetAddItem:W,textArraySetRemoveItem:z,closeLinkAltText:B})=>{const H=e.exports.useContext(u),{action:$,getState:G}=H,{skuId:J,productFamily:q,productLine:K,model:Q,currencyCode:X,locale:Y,configurationMetadata:Z,configurable:ee,commerceItemId:te,configuratorId:ae,productDisplayName:oe,productThumbImageURL:ne}=(r=>{const i=e.exports.useContext(s),u=e.exports.useContext(c),d=e.exports.useContext(l),m=t(r),{currencyCode:g}=m.currency,{locale:p}=a(r);let y={},f="",h="";if(i&&u){const{id:e}=i;if(({selections:{skuId:f=null}={}}=u),f){const t=o(r,{productId:e}),a=n(r,{skuId:f});let i=[null];a.thumbImageURLs&&a.thumbImageURLs.length?({thumbImageURLs:i}=a):t.thumbImageURLs&&t.thumbImageURLs.length&&({thumbImageURLs:i}=t),y={...y,productId:e,productDisplayName:a.displayName?a.displayName:t.displayName,productThumbImageURL:i[0]}}}if(d){const{commerceItem:{configuratorId:e="",primaryThumbImageURL:t="",displayName:a=""}={}}=d;({commerceItem:{catRefId:f="",id:h=""}={}}=d),y={...y,configuratorId:e,productDisplayName:a,productThumbImageURL:t}}const{productFamily:I,productLine:b,model:A,configurationMetadata:C,configurable:x}=n(r,{skuId:f});let S={};return C&&C.length>0&&(S=C.reduce(((e,t)=>(e[t.name]=t.value,e)),{})),{...y,commerceItemId:h,skuId:f,productFamily:I,productLine:b,model:A,currencyCode:g,locale:p,configurationMetadata:S,configurable:x}})(G()),re=!!ae,[ie,se]=e.exports.useState(!1),[ce,le]=e.exports.useState(!1),ue=()=>{se(!1)},[de,me]=e.exports.useState({type:"",message:""}),ge=e.exports.useRef(null);e.exports.useEffect((()=>{de.message&&ge&&ge.current&&ge.current.scrollIntoView&&ge.current.scrollIntoView()}),[de.message]);const pe=e.exports.useCallback((({error:e={}})=>{me({type:"error",message:e.message})}),[]),ye=e.exports.useCallback((()=>{me({type:"",message:""})}),[]),fe=e.exports.useCallback((()=>{le(!1),$("resetConfiguration",{})}),[$]);if(!re&&!ee)return null;const he=re?j:V;return i.createElement(h.Provider,{value:{isReconfiguration:re,commerceItemId:te,productDisplayName:oe,productThumbImageURL:ne,onNotOk:pe,onOk:ye,currencyCode:X,locale:Y,actionResponse:de,setActionResponse:me,actionInProgress:ie,setActionInProgress:se,closeModal:fe,modelData:{productFamily:q,productLine:K,model:Q},resources:{actionCancel:w,actionActionsUpdate:v,actionActionsNext:N,actionActionsPrevious:R,actionActionsAddToCart:A,actionActionsUpdateCartItem:x,actionArraySetAdd:b,actionArraySetRemove:L,headingBillOfMaterials:T,headingMandatoryParts:M,headingRecommendedParts:F,headingArraySetAttribute:U,headingArraySetAction:_,headingArraySetItems:k,headingArraySetItemId:E,textPleaseSelect:O,labelConfigureInSystemShowHideNavigationInfo:D,textArraySetRemoveItem:z,textArraySetAddItem:W}}},i.createElement(g,{id:"ProductConfigureExtension",css:".ProductConfigureExtension__C

1ontainer button{margin:.75rem 0;width:100%}.ProductConfigureExtension--inProgress{cursor:progress!important}.ProductConfigureExtension__ContainerActionResponse{margin-bottom:1rem}@media (min-width:992px){.ProductConfigureExtension__Container button{max-width:15rem}}"},i.createElement("div",{className:"ProductConfigureExtension__Container"},i.createElement("button",{type:"button",ref:ge,disabled:ie,onClick:()=>{le(!0),se(!0),me({type:"",message:""});const e={productFamily:q,productLine:K,model:Q,configurationMetadata:Z,locale:Y,currencyCode:X,populatePickListItems:y,excludeLayoutProperties:f,expand:p};(re?$("initializeReconfiguration",{configId:ae,...e}):$("initializeConfiguration",e)).then((e=>{e.ok?p.includes("layout")?ye():I(H,ye,pe,{productFamily:q,productLine:K,model:Q}):pe(e)})).finally(ue)},className:`${r||""} ${ie?"ProductConfigureExtension--inProgress":""}`,"data-testid":"ProductConfigureExtensionBtn"},re?P:S),de.message&&i.createElement("div",{className:"ProductConfigureExtension__ContainerActionResponse"},i.createElement(d,{id:`ProductConfigureExtension__ContainerActionResponse-${J}`,type:de.type,message:de.message})),i.createElement(m,{className:"ProductConfigure__Modal",show:ce,onClose:fe,closeIconTitle:B,closeAriaLabel:B,title:he},i.createElement(e.exports.Suspense,{fallback:null},i.createElement(C,null))))))};x.propTypes={};var S={__proto__:null,default:x};export{h as C,f as E,y as P,p as a,A as b,S as c,b as g,I as p};
2//# sourceMappingURL=component-f941fa8c.js.map