{"version":3,"names":["actionHeaderMessageCss","ActionHeaderMessageStyle0","ActionHeaderMessage","this","mainText","mainStatus","connectedCallback","onShowMessageForBatchAddToList","event","doShow","onShowMessageForBatchAddToCart","onClearActionMessages","show","action","addToListResponse","detail","Array","isArray","arrayReponse","atLeastOneError","filter","item","Status","length","objectResponse","numberOfProducts","actionHeaderRequestInfo","onClickClose","e","stopPropagation","onClickViewMore","window","sc_openMassiveMessagesModal","getAlertStyle","map","success","error","warning","info","toLowerCase","render","h","key","class","role","href","onClick"],"sources":["src/components/result-actions-batch/action-header-message.css?tag=action-header-message","src/components/result-actions-batch/action-header-message.tsx"],"sourcesContent":[".action-header-message .alert {\r\n  background-color: #d4edda;\r\n  border: 1px solid transparent;\r\n  border-radius: 0.25rem;  \r\n  margin-top: 0.5rem;\r\n  padding: 0.75rem 1.25rem;\r\n}\r\n\r\n.action-header-message .alert-success {\r\n  border-color: #c3e6cb;\r\n  color: #155724;\r\n}\r\n\r\n.action-header-message .alert-danger {\r\n  color: #721c24;\r\n  background-color: #f8d7da;\r\n  border-color: #f5c6cb; \r\n}\r\n\r\n.action-header-message button {\r\n  float: right;\r\n  font-size: 1.3125rem;\r\n  font-weight: bold;\r\n  line-height: 1;\r\n  color: #000;\r\n  text-shadow: 0 1px 0 #fff;\r\n  opacity: .5;  \r\n}\r\n\r\n.action-header-message .sco-massive-messages__link {\r\n  padding-right: 1.5rem !important;\r\n}\r\n\r\n","import { Component, h, Listen, State } from \"@stencil/core\";\r\nimport { sc_MassiveAddToX_Response, sc_SingleAddToX_Response } from \"../../model/sc\";\r\nimport { actionHeaderRequestInfo } from \"./action-header-request-info\";\r\n\r\ntype actionType = 'Cart'|'List';\r\n\r\n@Component({\r\n  tag: \"action-header-message\",\r\n  styleUrl: \"action-header-message.css\",\r\n  shadow: false,\r\n})\r\nexport class ActionHeaderMessage {\r\n  @State() addToListResponse!: unknown;\r\n  @State() show: boolean = false\r\n  @State() atLeastOneError: boolean = false;\r\n  @State() numberOfProducts = -1;\r\n\r\n  private mainText = '';\r\n  private mainStatus = '';\r\n\r\n  public async connectedCallback() {\r\n  }\r\n\r\n  @Listen('showMessageForBatchAddToList', {target: 'document'}) //expected if batch addToList\r\n  onShowMessageForBatchAddToList(event: CustomEvent<unknown>){\r\n    this.doShow(event, 'List');\r\n  }\r\n\r\n  @Listen('showMessageForBatchAddToCart', {target: 'document'}) //expected if batch addToList\r\n  onShowMessageForBatchAddToCart(event: CustomEvent<unknown>){\r\n    this.doShow(event, 'Cart');\r\n  }\r\n\r\n  @Listen('clearActionMessages', {target: 'document'}) //expected if single addToList\r\n  onClearActionMessages(){\r\n    this.show = false;\r\n  }\r\n\r\n  private doShow(event: CustomEvent<unknown>, action: actionType){\r\n    this.addToListResponse = event.detail;\r\n    if(Array.isArray(event.detail)){\r\n      const arrayReponse = this.addToListResponse as sc_MassiveAddToX_Response\r\n      this.atLeastOneError = arrayReponse.filter(item => item.Status != 'Success').length > 0;\r\n    }\r\n    else{\r\n      const objectResponse = this.addToListResponse as sc_SingleAddToX_Response\r\n      this.atLeastOneError = objectResponse.Status != \"Success\";\r\n    }\r\n    this.mainText = this.atLeastOneError ? `Some products were not added to the ${action}.` : `Products added to ${action}.` ;\r\n    this.mainStatus = this.atLeastOneError ? 'warning': 'success'\r\n    this.numberOfProducts = actionHeaderRequestInfo.numberOfProducts; \r\n    this.show = true;\r\n  }\r\n\r\n  private onClickClose(e: Event){\r\n    e.stopPropagation();\r\n    this.show = false\r\n  }\r\n\r\n  private onClickViewMore(e: Event){\r\n    e.stopPropagation();\r\n    window.sc_openMassiveMessagesModal();\r\n  }\r\n\r\n  private getAlertStyle(){\r\n    const map: {[key: string]: string} = {\r\n      'success': 'alert-success',\r\n      'error': 'alert-danger',\r\n      'warning': 'alert-warning',\r\n      'info': 'alert-info'\r\n    }\r\n    return map[this.mainStatus.toLowerCase()];\r\n  }\r\n\r\n  public render() {\r\n    if(this.show) {\r\n      return (\r\n        <div class={`alert alert sca-alert sco-massive-messages__alert ${this.getAlertStyle()} alert-dismissible`} role=\"alert\">\r\n          <span class=\"sco-massive-messages__title\">{this.mainText}</span>\r\n          <span class={`sco-massive-messages__info`} >\r\n            <i class={`fal fa-exclamation-triangle ${!this.atLeastOneError ? 'd-none' : ''}`}></i>\r\n            Summary:\r\n          </span>     \r\n          <label class={`sco-massive-messages__message sco-massive-messages__message--${this.mainStatus.toLowerCase()}`}>\r\n            <i class=\"fal fa-check\"></i>&nbsp;<span>{this.numberOfProducts}</span>\r\n          </label> \r\n          {this.atLeastOneError && \r\n            <a href=\"#\" onClick={(e: Event) => this.onClickViewMore(e)} role=\"button\" class=\"sca-link sco-massive-messages__link\" eco-modal-directive >\r\n              View More\r\n            </a>                              \r\n          }\r\n          <button class=\"close sca-alert__button sco-massive-messages__button\" aria-label=\"Close\" onClick={(e: Event) => this.onClickClose(e)}>\r\n            <span aria-hidden=\"true\">×</span>\r\n          </button>\r\n      </div>        \r\n      );\r\n    }\r\n  }\r\n}\r\n"],"mappings":"0EAAA,MAAMA,EAAyB,giBAC/B,MAAAC,EAAeD,E,MCUFE,EAAmB,M,yBAMtBC,KAAAC,SAAW,GACXD,KAAAE,WAAa,G,2CALI,M,qBACW,M,uBACP,C,CAKtB,uBAAMC,G,CAIb,8BAAAC,CAA+BC,GAC7BL,KAAKM,OAAOD,EAAO,O,CAIrB,8BAAAE,CAA+BF,GAC7BL,KAAKM,OAAOD,EAAO,O,CAIrB,qBAAAG,GACER,KAAKS,KAAO,K,CAGN,MAAAH,CAAOD,EAA6BK,GAC1CV,KAAKW,kBAAoBN,EAAMO,OAC/B,GAAGC,MAAMC,QAAQT,EAAMO,QAAQ,CAC7B,MAAMG,EAAef,KAAKW,kBAC1BX,KAAKgB,gBAAkBD,EAAaE,QAAOC,GAAQA,EAAKC,QAAU,YAAWC,OAAS,C,KAEpF,CACF,MAAMC,EAAiBrB,KAAKW,kBAC5BX,KAAKgB,gBAAkBK,EAAeF,QAAU,S,CAElDnB,KAAKC,SAAWD,KAAKgB,gBAAkB,uCAAuCN,KAAY,qBAAqBA,KAC/GV,KAAKE,WAAaF,KAAKgB,gBAAkB,UAAW,UACpDhB,KAAKsB,iBAAmBC,EAAwBD,iBAChDtB,KAAKS,KAAO,I,CAGN,YAAAe,CAAaC,GACnBA,EAAEC,kBACF1B,KAAKS,KAAO,K,CAGN,eAAAkB,CAAgBF,GACtBA,EAAEC,kBACFE,OAAOC,6B,CAGD,aAAAC,GACN,MAAMC,EAA+B,CACnCC,QAAW,gBACXC,MAAS,eACTC,QAAW,gBACXC,KAAQ,cAEV,OAAOJ,EAAI/B,KAAKE,WAAWkC,c,CAGtB,MAAAC,GACL,GAAGrC,KAAKS,KAAM,CACZ,OACE6B,EAAA,OAAAC,IAAA,2CAAKC,MAAO,qDAAqDxC,KAAK8B,oCAAqCW,KAAK,SAC9GH,EAAA,QAAAC,IAAA,2CAAMC,MAAM,+BAA+BxC,KAAKC,UAChDqC,EAAA,QAAAC,IAAA,2CAAMC,MAAO,8BACXF,EAAA,KAAAC,IAAA,2CAAGC,MAAO,gCAAgCxC,KAAKgB,gBAAkB,SAAW,OAAU,YAGxFsB,EAAA,SAAAC,IAAA,2CAAOC,MAAO,gEAAgExC,KAAKE,WAAWkC,iBAC5FE,EAAA,KAAAC,IAAA,2CAAGC,MAAM,iBAAmB,IAAMF,EAAA,QAAAC,IAAA,4CAAOvC,KAAKsB,mBAE/CtB,KAAKgB,iBACJsB,EAAA,KAAAC,IAAA,2CAAGG,KAAK,IAAIC,QAAUlB,GAAazB,KAAK2B,gBAAgBF,GAAIgB,KAAK,SAASD,MAAM,sCAAqC,yCAIvHF,EAAA,UAAAC,IAAA,2CAAQC,MAAM,uDAAsD,aAAY,QAAQG,QAAUlB,GAAazB,KAAKwB,aAAaC,IAC/Ha,EAAA,QAAAC,IAAA,yDAAkB,QAAM,M","ignoreList":[]}