import { r as registerInstance, h, g as getAssetPath } from './index-67f7ec52.js';
import { O as Option } from './Option-53ef163a.js';
import { b as benefitsEventTrackingService } from './event-tracking.service-8d44e7ac.js';
import './api-client-a68152b8.js';
import './index-6869168f.js';
import './index-8f0ba0c8.js';
import './datorama-akita-d2413fd0.js';
import './scheduleArray-b9669898.js';
import './delay-d08c267f.js';
import './filter-aeb65cac.js';

const ManagedBenefitList = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
  }
  render() {
    if (!this.benefits) {
      return undefined;
    }
    return (h("div", { class: "list-group" }, this.benefits.map((b) => (h("ap-ben-benefit-list-item", { class: "list-group-item px-4 py-2", benefitWithId: b })))));
  }
};

const heroBannerCss = "ap-ben-hero-banner .card.fl-card-background{background-color:#febd55}ap-ben-hero-banner .fl-logo-container{-o-object-fit:contain;object-fit:contain;position:absolute;left:0}";

const HeroBanner = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.shopifyUrl = Option.none;
  }
  render() {
    return (h("div", { class: "card fl-card-background border-0 mb-4 py-0" }, h("a", { target: "_blank", rel: "noopener noreferrer", href: Option.toUndefined(this.shopifyUrl), class: "text-reset text-decoration-none", onClick: (_) => benefitsEventTrackingService.trackPageViewedAsync({ pageId: 'discounts' }) }, h("div", { class: "card-body p-0" }, h("div", { class: "row m-0" }, h("div", { class: "col-12 col-lg-6 col-xl-7 px-3" }, h("div", { class: "pl-lg-5 pl-2 pt-lg-4 pt-sm-0 pt-xs-0" }, h("h1", { class: "font-weight-bold my-4" }, "Access exclusive discounts and vouchers."), h("p", { class: "mb-4" }, "Choose from leading retailers including Woolworths, JB Hi-Fi, Caltex and Hoyts Cinemas."), h("a", { target: "_blank", rel: "noopener noreferrer", class: "btn btn-light bg-white mb-4 px-3 py-2" }, h("h6", { class: "m-0" }, "Browse discounts")))), h("div", { class: "col-6 d-none d-lg-block col-xl-4 ml-auto overflow-hidden text-right p-0 rounded" }, h("img", { src: getAssetPath('./assets/Hero_Background.png'), class: "fl-logo-container h-100" })))))));
  }
  static get assetsDirs() { return ["assets"]; }
};
HeroBanner.style = heroBannerCss;

const PromotedBenefits = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
  }
  render() {
    if (!this.benefits) {
      return undefined;
    }
    return (h("div", { class: "list-group list-group-horizontal-md mb-4" }, this.benefits.map((benefit) => (h("a", { href: "#", class: "list-group-item list-group-item-action p-4" }, h("ap-ben-benefit-card", { key: benefit.benefitId, benefitWithId: benefit }))))));
  }
};

export { ManagedBenefitList as ap_ben_benefits_list, HeroBanner as ap_ben_hero_banner, PromotedBenefits as ap_ben_promoted_benefits };
