https://app.clickship.com/clickship/267.cb2992acd62001f6.js

1"use strict";(self.webpackChunkfreightcom_frontend=self.webpackChunkfreightcom_frontend||[]).push([[267],{6267:(H,d,a)=>{a.r(d),a.d(d,{PerksModule:()=>L});var l=a(36895),g=a(32562),f=a(73769),e=a(94650),p=a(24006),_=a(77236),k=a(10239);function u(t,o){if(1&t&&(e.ynx(0),e.TgZ(1,"option",19),e._uU(2),e.qZA(),e.BQk()),2&t){const n=o.$implicit;e.xp6(1),e.Q6J("value",n.value),e.xp6(1),e.hij(" ",n.name," ")}}function v(t,o){if(1&t){const n=e.EpF();e.TgZ(0,"a",20),e.NdJ("click",function(){e.CHM(n);const r=e.oxw();return e.KtG(r.clearSearch())}),e._UZ(1,"i",21),e._uU(2," Clear Filters "),e.qZA()}}function x(t,o){1&t&&(e.TgZ(0,"div",22)(1,"div",23)(2,"div",24),e._UZ(3,"img",25),e.TgZ(4,"div"),e._uU(5,"No business offers found."),e.qZA()()()())}function h(t,o){1&t&&(e.TgZ(0,"div",39),e._UZ(1,"i",40),e._uU(2," New "),e.qZA())}const m=function(t){return{"show active":t}};function b(t,o){if(1&t){const n=e.EpF();e.ynx(0),e.TgZ(1,"div",29),e.NdJ("click",function(){e.CHM(n);const r=e.oxw(2);return e.KtG(r.scrollToDiv())}),e.TgZ(2,"div",30),e._UZ(3,"img",31),e.qZA(),e.TgZ(4,"div",32),e.YNc(5,h,3,0,"div",33),e._UZ(6,"div",34),e.ALo(7,"safe"),e._UZ(8,"div",35),e.ALo(9,"safe"),e.TgZ(10,"div",36)(11,"div",37)(12,"div",38),e._uU(13),e.qZA()()()()(),e.BQk()}if(2&t){const n=o.$implicit,i=o.index;e.xp6(1),e.Q6J("ngClass",e.VKq(16,m,0===i))("id","tab"+n.id),e.uIk("data-target","#"+n.id)("aria-selected",0===i),e.xp6(2),e.MGl("src","./assets/images/svg/perks/",n.perkImage,"",e.LSH),e.s9C("alt",n.perkImage),e.xp6(2),e.Q6J("ngIf",n.isNew),e.xp6(1),e.Q6J("innerHTML",e.xi3(7,10,n.perkName,"html"),e.oJD),e.xp6(2),e.Q6J("innerHTML",e.xi3(9,13,n.perkDescription,"html"),e.oJD),e.xp6(5),e.hij(" ",n.category," ")}}function C(t,o){if(1&t&&e._UZ(0,"img",54),2&t){const n=e.oxw(2).$implicit;e.MGl("src","./assets/images/svg/perks/banner/",n.bannerImage,"",e.LSH)}}function P(t,o){if(1&t&&e._UZ(0,"img",54),2&t){const n=e.oxw(2).$implicit;e.MGl("src","./assets/images/svg/perks/banner/fr/",n.bannerImage,"",e.LSH)}}function Z(t,o){if(1&t&&(e.TgZ(0,"div",52),e.YNc(1,C,1,1,"img",53),e.YNc(2,P,1,1,"img",53),e.qZA()),2&t){const n=e.oxw(3);e.xp6(1),e.Q6J("ngIf",n.isEN()),e.xp6(1),e.Q6J("ngIf",!n.isEN())}}function M(t,o){if(1&t){const n=e.EpF();e.ynx(0),e.TgZ(1,"div",41)(2,"div",42)(3,"div",43),e.YNc(4,Z,3,2,"div",44),e.TgZ(5,"div",45)(6,"div",30),e._UZ(7,"img",31),e.qZA(),e.TgZ(8,"div",46),e._UZ(9,"div",47),e.ALo(10,"safe"),e._UZ(11,"div",35),e.ALo(12,"safe"),e.qZA()(),e.TgZ(13,"div",48),e._UZ(14,"div",49),e.ALo(15,"safe"),e.TgZ(16,"div",50),e.NdJ("click",function(){const s=e.CHM(n).$implicit,c=e.oxw(2);return e.KtG(c.viewOffers(s.id,s.url))}),e._uU(17," View Offer "),e._UZ(18,"i",51),e.qZA()()(),e._UZ(19,"hr")(20,"div",35),e.ALo(21,"safe"),e.qZA()(),e.BQk()}if(2&t){const n=o.$implicit,i=o.index,r=e.oxw(2);e.xp6(1),e.Q6J("ngClass",e.VKq(22,m,0===i))("id",n.id),e.uIk("aria-labelledby","tab"+n.id),e.xp6(3),e.Q6J("ngIf",r.isNotEmpty(n.bannerImage)),e.xp6(3),e.MGl("src","./assets/images/svg/perks/",n.perkImage,"",e.LSH),e.s9C("alt",n.perkImage),e.xp6(2),e.Q6J("innerHTML",e.xi3(10,10,n.perkName,"html"),e.oJD),e.xp6(2),e.Q6J("innerHTML",e.xi3(12,13,n.tagline,"html"),e.oJD),e.xp6(3),e.Q6J("innerHTML",e.xi3(15,16,n.perkDescription,"html"),e.oJD),e.xp6(6),e.Q6J("innerHTML",e.xi3(21,19,n.businessDetails,"html"),e.oJD)}}function T(t,o){if(1&t&&(e.TgZ(0,"div",26)(1,"div",27)(2,"div",28),e.YNc(3,b,14,18,"ng-container",11),e.qZA()()(),e.TgZ(4,"div",26)(5,"div",23),e.YNc(6,M,22,24,"ng-container",11),e.qZA()()),2&t){const n=e.oxw();e.xp6(3),e.Q6J("ngForOf",n.perks),e.xp6(3),e.Q6J("ngForOf",n.perks)}}function y(t,o){1&t&&(e.TgZ(0,"div")(1,"div",55)(2,"div",56)(3,"div",24),e._UZ(4,"img",57),e.TgZ(5,"div"),e._uU(6,"No No business offers found."),e.qZA()()()()())}function w(t,o){1&t&&(e.TgZ(0,"div",39),e._UZ(1,"i",40),e._uU(2," New "),e.qZA())}function O(t,o){if(1&t&&e._UZ(0,"img",66),2&t){const n=e.oxw().$implicit;e.MGl("src","./assets/images/svg/perks/banner/",n.bannerImage,"",e.LSH)}}function A(t,o){if(1&t&&e._UZ(0,"img",66),2&t){const n=e.oxw().$implicit;e.MGl("src","./assets/images/svg/perks/banner/fr/",n.bannerImage,"",e.LSH)}}function N(t,o){if(1&t){const n=e.EpF();e.TgZ(0,"div",56)(1,"h2",60)(2,"div",61)(3,"div",30),e._UZ(4,"img",31),e.qZA(),e.TgZ(5,"div",32),e.YNc(6,w,3,0,"div",33),e._UZ(7,"div",34),e.ALo(8,"safe"),e._UZ(9,"div",35),e.ALo(10,"safe"),e.TgZ(11,"div",36)(12,"div",37)(13,"div",38),e._uU(14),e.qZA()()()()()(),e.TgZ(15,"div",62)(16,"div",63),e.YNc(17,O,1,1,"img",64),e.YNc(18,A,1,1,"img",64),e.TgZ(19,"div",65),e._UZ(20,"div",49),e.ALo(21,"safe"),e.TgZ(22,"div",50),e.NdJ("click",function(){const s=e.CHM(n).$implicit,c=e.oxw(2);return e.KtG(c.viewOffers(s.id,s.url))}),e._uU(23," View Offer "),e._UZ(24,"i",51),e.qZA()(),e._UZ(25,"hr")(26,"div",35),e.ALo(27,"safe"),e.qZA()()()}if(2&t){const n=o.$implicit,i=e.oxw(2);e.xp6(2),e.uIk("data-target","#"+n.id)("aria-controls",n.id),e.xp6(2),e.MGl("src","./assets/images/svg/perks/",n.perkImage,"",e.LSH),e.s9C("alt",n.perkImage),e.xp6(2),e.Q6J("ngIf",n.isNew),e.xp6(1),e.Q6J("innerHTML",e.xi3(8,13,n.perkName,"html"),e.oJD),e.xp6(2),e.Q6J("innerHTML",e.xi3(10,16,n.perkDescription,"html"),e.oJD),e.xp6(

15),e.hij(" ",n.category," "),e.xp6(1),e.Q6J("id",n.id),e.xp6(2),e.Q6J("ngIf",i.isNotEmpty(n.bannerImage)&&i.isEN()),e.xp6(1),e.Q6J("ngIf",i.isNotEmpty(n.bannerImage)&&!i.isEN()),e.xp6(2),e.Q6J("innerHTML",e.xi3(21,19,n.perkDescription,"html"),e.oJD),e.xp6(6),e.Q6J("innerHTML",e.xi3(27,22,n.businessDetails,"html"),e.oJD)}}function J(t,o){if(1&t&&(e.TgZ(0,"div",58),e.YNc(1,N,28,25,"div",59),e.qZA()),2&t){const n=e.oxw();e.xp6(1),e.Q6J("ngForOf",n.perks)}}const I=[{path:"",component:(()=>{class t extends f.zr{constructor(n){super(),this.formBuilder=n,this.pageHeading="Business Offers",this.pageHeadingIcon="fas fa-piggy-bank",this.isFilterApplied=!1,this.req={offset:0,limit:20}}ngOnInit(){this.getAllPerks(this.req),this.getCategoryTypes(),this.form=this.formBuilder.group({category:["all"],name:[""]})}getAllPerks(n){this.webApiService.getperks(n).subscribe(i=>{this.perks=i.perks;const r=this.perks.find(s=>"Moneris"===s.perkName);if(r){const c=`\n                    <a href="${this.isEN()?"https://www.moneris.com/en/legal/offer-details/go-and-save":"https://www.moneris.com/fr-ca/juridiques/d%C3%A9tails-de-loffre/go-remise"}" target="_blank">\n                    View Terms & Conditions\n                    </a>\n                `;r.businessDetails=r.businessDetails.replace("{{TERMS_LINK}}",c)}},i=>{this.openMsgDialogWithTitle(i.error.errorMsg,"Error")})}getCategoryTypes(){this.codeService.getCodeByGroupName("PERKS_CATEGORY").subscribe(n=>{this.categoryTypes=n})}viewOffers(n,i){this.webApiService.postCustomerPerks({perkId:n}).subscribe(s=>{this.isNotEmpty(i)&&("Perk19"===n?window.open(this.isEN()?"https://go.moneris.com/goandsave":"https://go.moneris.com/goremise","_blank"):window.open(i,"_blank"))},s=>{this.openMsgDialogWithTitle(s.error.errorMsg,"Error")})}changeCategory(n){const i=n.target.value;this.isFilterApplied=!0,"all"===i?(this.req.key="",this.req.value="",this.req.perkName="",this.getAllPerks(this.req)):(this.req.key="category",this.req.value=i,this.getAllPerks(this.req))}clearSearch(){this.perks=[],this.form.reset(),this.form.get("category").setValue("all"),this.req.offset=0,this.req.limit=20,this.req.key="",this.req.value="",this.req.perkName="",this.getAllPerks(this.req),this.isFilterApplied=!1}search(){this.isFilterApplied=!0;const n=this.form.getRawValue();n&&("all"!==n.category&&this.isNotEmpty(n.category)&&(this.req.key="category",this.req.value=n.category),this.isNotEmpty(n.name)&&(this.req.perkName=n.name),this.getAllPerks(this.req))}scrollToDiv(){const n=document.querySelector("#divToScroll");n&&n.scrollIntoView({behavior:"smooth",block:"start",inline:"start"})}}return t.\u0275fac=function(n){return new(n||t)(e.Y36(p.qu))},t.\u0275cmp=e.Xpm({type:t,selectors:[["app-perks"]],features:[e.qOj],decls:29,vars:9,consts:[[3,"pageHeadingIcon","pageHeading"],[1,"container","mt-4",2,"margin","0 auto","max-width","1000px"],[1,"row"],[1,"col-12","mb-3"],[2,"font-weight","700"],[1,"mb-2",3,"formGroup"],[1,"col-md-6","col-12"],[1,"form-group"],["for","category",1,"form-label"],["id","category","name","category","formControlName","category",1,"form-select","form-control",3,"change"],["value","all","selected",""],[4,"ngFor","ngForOf"],[1,"col-md-3","col-12"],["class","btn btn-tertiary mr-4 mt-4","href","javascript:void(0)",3,"click",4,"ngIf"],["class","col-12 p-0 perks-desktop",4,"ngIf","ngIfElse"],["showPerksDetailsDesktop",""],[1,"perks-mobile"],[4,"ngIf","ngIfElse"],["showPerksDetailsMobile",""],[3,"value"],["href","javascript:void(0)",1,"btn","btn-tertiary","mr-4","mt-4",3,"click"],[1,"fas","fa-xmark-circle","mr-1"],[1,"col-12","p-0","perks-desktop"],["id","v-pills-tabContent",1,"tab-content"],[1,"no-items-found","text-center","pb-3"],["src","./assets/images/shipping-rule/shipping-rules-404.svg","width","100"],[1,"col-6","p-0","perks-desktop"],[1,"tab-content"],["id","v-pills-tab","role","tablist","aria-orientation","vertical",1,"nav","flex-column","nav-pills"],["type","button","data-toggle","pill","role","tab","aria-controls","v-pills-perk1",1,"d-flex","perk-container",3,"ngClass","id","click"],[1,"perk-imageContainer"],[3,"src","alt"],[1,"perk-content"],["class","new-badge",4,"ngIf"],["skip-translate","",1,"perk-title",3,"innerHTML"],[1,"perk-description",3,"innerHTML"],[1,"d-flex",2,"column-gap","12px","row-gap","12px","flex-wrap","wrap"],[1,"perk-badge"],[1,"perk-name"],[1,"new-badge"],[1,"fas","fa-sparkles","mr-2"],["role","tabpanel",1,"tab-pane","fade",3,"ngClass","id"],["id","divToScroll",1,"offcanvas-body"],[1,"fixedElement",2,"top","-24px"],["class","perk-banner",4,"ngIf"],[1,"perk-title"],[1,"perk-heading"],["skip-translate","",1,"perk-name",3,"innerHTML"],[1,"perk-offer-container"],[1,"perk-offer",3,"innerHTML"],[1,"btn","button-perk","cursor-pointer","w-100",3,"click"],[1,"fas","fa-arrow-up-right-from-square","ml-2"],[1,"perk-banner"],["width","50%;","alt","Banner Image Not found",3,"src",4,"ngIf"],["width","50%;","alt","Banner Image Not found",3,"src"],["id","accordionExample",1,"accordion"],[1,"card"],["src","./assets/images/shipping-rule/shipping-rules-404.svg","width","50"],["id","accordionExampleMobile",1,"accordion"],["class","card",4,"ngFor","ngForOf"],[1,"mb-0"],["type","button","data-toggle","collapse","aria-expanded","fal

1se",1,"d-flex","perk-container-mobile"],["aria-labelledby","headingOne","data-parent","#accordionExampleMobile",1,"collapse",3,"id"],[1,"offcanvas-body","p-4"],["width","100%;","alt","Banner Image Not found",3,"src",4,"ngIf"],[1,"perk-offer-container","mt-4"],["width","100%;","alt","Banner Image Not found",3,"src"]],template:function(n,i){if(1&n&&(e._UZ(0,"app-page-heading",0),e.TgZ(1,"div",1)(2,"div",2)(3,"div",3)(4,"div")(5,"h3",4),e._uU(6,"Business Offers"),e.qZA(),e.TgZ(7,"p")(8,"span"),e._uU(9,"Unlock exclusive offers available to ClickShip users, tailored to help your business."),e.qZA()()(),e.TgZ(10,"div",5)(11,"div",2)(12,"div",6)(13,"div",7)(14,"label",8),e._uU(15,"Category"),e.qZA(),e.TgZ(16,"select",9),e.NdJ("change",function(s){return i.changeCategory(s)}),e.TgZ(17,"option",10),e._uU(18,"All"),e.qZA(),e.YNc(19,u,3,2,"ng-container",11),e.qZA()()(),e.TgZ(20,"div",12),e.YNc(21,v,3,0,"a",13),e.qZA()()()(),e.YNc(22,x,6,0,"div",14),e.YNc(23,T,7,2,"ng-template",null,15,e.W1O),e.qZA(),e.TgZ(25,"div",16),e.YNc(26,y,7,0,"div",17),e.YNc(27,J,2,1,"ng-template",null,18,e.W1O),e.qZA()()),2&n){const r=e.MAs(24),s=e.MAs(28);e.Q6J("pageHeadingIcon",i.pageHeadingIcon)("pageHeading",i.pageHeading),e.xp6(10),e.Q6J("formGroup",i.form),e.xp6(9),e.Q6J("ngForOf",i.categoryTypes),e.xp6(2),e.Q6J("ngIf",i.isFilterApplied),e.xp6(1),e.Q6J("ngIf",0===(null==i.perks?null:i.perks.length))("ngIfElse",r),e.xp6(4),e.Q6J("ngIf",0===(null==i.perks?null:i.perks.length))("ngIfElse",s)}},dependencies:[l.mk,l.sg,l.O5,p.YN,p.Kr,p.EJ,p.JJ,p.JL,p.sg,p.u,_.Z,k.L],styles:[".body-frame{padding:0rem!important}.perk-container[_ngcontent-%COMP%]{column-gap:24px;box-shadow:0 2px 6px #4758721a;border:1px solid #afafaf59;padding:24px;background-color:#fff;border-radius:8px;margin-bottom:16px;transition:.2s ease-out}.perk-container.active[_ngcontent-%COMP%]{background-color:#c6e9ff1f!important;border:1px solid #0072bc!important}.perk-container-mobile[_ngcontent-%COMP%]{column-gap:24px;padding:24px;background-color:#fff;transition:.2s ease-out}.perks-mobile[_ngcontent-%COMP%]{display:none}.perk-container[_ngcontent-%COMP%]:hover{box-shadow:0 4px 16px #0072bc36;transition:.2s ease-in}.perk-imageContainer[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100px;height:100px;border:1px solid #d8d8d8;border-radius:8px}.perk-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;row-gap:8px}.perk-title[_ngcontent-%COMP%]{font-size:20px;color:#0072bc;font-weight:700}.perk-badge[_ngcontent-%COMP%]{border:1px solid #666;border-radius:50px;padding:2px 12px;width:-moz-fit-content;width:fit-content;font-size:12px}.perk-name[_ngcontent-%COMP%]{color:#0072bc}.perk-badge[_ngcontent-%COMP%]   .perk-name[_ngcontent-%COMP%]{color:#666}.new-badge[_ngcontent-%COMP%]{background-color:#e98a21;padding:4px 12px;border-radius:50px;color:#fff;width:-moz-fit-content;width:fit-content;font-size:12px}.offcanvas.offcanvas-end[_ngcontent-%COMP%]{width:500px}.offcanvas-body[_ngcontent-%COMP%]   .perk-banner[_ngcontent-%COMP%]{border-radius:4px;margin-bottom:16px;height:120px;width:100%}.offcanvas-body[_ngcontent-%COMP%]   .perk-banner[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{object-fit:cover;object-position:center;width:100%;border-radius:4px}.offcanvas-body[_ngcontent-%COMP%]   .perk-title[_ngcontent-%COMP%]{display:flex;column-gap:16px;align-items:center;margin-bottom:16px}.offcanvas-body[_ngcontent-%COMP%]   .perk-description[_ngcontent-%COMP%]{color:#666;font-weight:400;font-size:16px}.perk-description[_ngcontent-%COMP%]{font-size:14px}.offcanvas-body[_ngcontent-%COMP%]   .perk-offer-container[_ngcontent-%COMP%]{background-color:#f0f0f0;border-radius:4px;padding:24px;text-align:center}.offcanvas-body[_ngcontent-%COMP%]   .perk-offer-container[_ngcontent-%COMP%]   .perk-offer[_ngcontent-%COMP%]{font-size:20px;font-weight:700;margin-bottom:16px}.offcanvas-body[_ngcontent-%COMP%]   .perk-offer-container[_ngcontent-%COMP%]   .button-perk[_ngcontent-%COMP%]{background-color:#223e62;padding:12px 24px;color:#fff;border-radius:4px}.offcanvas-body[_ngcontent-%COMP%]   .perk-headingtext[_ngcontent-%COMP%]{font-size:16px;color:#223e62;font-weight:700;margin-bottom:8px}.offcanvas-body[_ngcontent-%COMP%]   .perk-bodytext[_ngcontent-%COMP%], li[_ngcontent-%COMP%]{font-size:14px;color:#666;margin-bottom:16px}.tab-content[_ngcontent-%COMP%]{background-color:#fff;max-height:43.75rem;overflow-x:hidden;padding:24px;height:100%}@media only screen and (max-width:768px){.perks-mobile[_ngcontent-%COMP%]{display:block}.perks-desktop[_ngcontent-%COMP%]{display:none}}.fixedElement[_ngcontent-%COMP%]{position:sticky;top:0;background-color:#fff}.perk-container[_ngcontent-%COMP%]{-webkit-appearance:none;-moz-appearance:none}"]}),t})()}];let q=(()=>{class t{}return t.\u0275fac=function(n){return new(n||t)},t.\u0275mod=e.oAB({type:t}),t.\u0275inj=e.cJS({imports:[g.Bz.forChild(I),g.Bz]}),t})();var U=a(47045);let L=(()=>{class t{}return t.\u0275fac=function(n){return new(n||t)},t.\u0275mod=e.oAB({type:t}),t.\u0275inj=e.cJS({imports:[l.ez,g.Bz,p.u5,p.UX,U.v,q]}),t})()}}]);