{"version":3,"file":"ci7zi6ks.js","sources":["../../../../../shop/layouts/loyalty.vue"],"sourcesContent":["<template>\n  <profile-layout :spring-desktop-size=\"100\">\n    <template #content>\n      <div :class=\"$style.content\">\n        <aw-spring :desktop-size=\"10\">\n          <lv-heading\n            v-if=\"isEcomUser\"\n            level=\"2\"\n            tag=\"h2\"\n            version2\n            :class=\"$style.title\"\n          >\n            {{ $awt('aw.loyalty_layout.title') }}\n          </lv-heading>\n\n          <div :class=\"$style.container\">\n            <aw-cms-page-sidebar-wrapper\n              v-if=\"isEcomUser\"\n              :menu-items=\"menuItems\"\n              :selected-item=\"currentItem\"\n            >\n              <template #content>\n                <nuxt-page />\n              </template>\n            </aw-cms-page-sidebar-wrapper>\n            <aw-profile-empty v-else />\n          </div>\n          <template v-if=\"showBottomBlock\">\n            <aw-separator margin-top=\"md\" margin-bottom=\"md\" />\n            <aw-ok-auchan-mobile-app />\n          </template>\n        </aw-spring>\n      </div>\n    </template>\n  </profile-layout>\n</template>\n\n<script>\n  import { useRoute } from 'nuxt/app';\n  import ProfileLayout from '~/layouts/profile';\n  import { LvHeading } from '~~/common/components/loginet-vue-shop/index.mjs';\n  import { URL_PREFIX } from '~/awPlugins/app-config';\n  import AwSpring from '~~/common/components/AwSpring';\n  import AwSeparator from '~~/common/components/Common/AwSeparator';\n  import AwOkAuchanMobileApp from '~~/common/components/AwOkAuchanMobileApp';\n  import AwCmsPageSidebarWrapper from '~~/common/components/Page/Content/Wrapper/Sidebar/AwCmsPageSidebarWrapper';\n  import AwProfileEmpty from '~~/common/components/Common/AwProfileEmpty.vue';\n  import { mapState } from 'pinia';\n  import { useUserStore } from '~~/common/stores/user';\n  import { useLoyaltyCardStore } from '~~/shop/stores/loyaltyCard.js';\n\n  export default {\n    name: 'LoyaltyLayout',\n    components: {\n      AwOkAuchanMobileApp,\n      AwSeparator,\n      AwSpring,\n      ProfileLayout,\n      LvHeading,\n      AwCmsPageSidebarWrapper,\n      AwProfileEmpty,\n    },\n    computed: {\n      ...mapState(useLoyaltyCardStore, {\n        showBottomBlock: state => state.visibleBottomBlock,\n      }),\n      menuItems () {\n        return [\n          {\n            id: 'aw.loyalty_layout.menu.loyalty_program',\n            name: this.$awt('aw.loyalty_layout.menu.loyalty_program'),\n            link: '/profile/loyalty-program',\n          },\n          {\n            id: 'aw.loyalty_layout.menu.loyalty_card',\n            name: this.$awt('aw.loyalty_layout.menu.loyalty_card'),\n            link: '/profile/loyalty-card',\n          },\n          {\n            id: 'aw.loyalty_layout.menu.coupons',\n            name: this.$awt('aw.loyalty_layout.menu.coupons'),\n            link: '/profile/loyalty-card/coupons',\n          },\n          {\n            id: 'aw.loyalty_layout.menu.stickers',\n            name: this.$awt('aw.loyalty_layout.menu.stickers'),\n            link: '/profile/loyalty-card/stickers',\n          },\n          {\n            id: 'aw.loyalty_layout.menu.partner_program',\n            name: this.$awt('aw.loyalty_layout.menu.partner_program'),\n            link: '/profile/loyalty-card/partner-program',\n          },\n          {\n            id: 'aw.loyalty_layout.menu.transactions',\n            name: this.$awt('aw.loyalty_layout.menu.transactions'),\n            link: '/profile/loyalty-card/transactions',\n          },\n        ].filter(item => item)\n          .map(p => ({\n            ...p,\n            link: URL_PREFIX + p.link,\n          }));\n      },\n      currentItem () {\n        return this.menuItems.find(item => this.isActive(item));\n      },\n      ...mapState(useUserStore, {\n        isEcomUser: state => state.isEcomUser,\n      }),\n    },\n    methods: {\n      isActive (menu) {\n        const route = useRoute();\n        return route.path.replace(/^(\\/hu|\\/en|\\/pl)($|\\/)/, '/') === menu.link;\n      },\n    },\n  };\n</script>\n\n<style module lang=\"scss\" rel=\"stylesheet/scss\">\n.title {\n  padding-bottom: 20px;\n  padding-left: 16px;\n  @include tablet(min) {\n    padding-bottom: 40px;\n  }\n}\n\n.content {\n  margin-bottom: 40px;\n\n  @include tablet(min) {\n    margin-bottom: 80px;\n  }\n}\n\n\n.arrowRightIcon {\n  @include desktop-small(max) {\n    display: none;\n  }\n}\n\n.container {\n  .list {\n    display: grid;\n    margin: 0;\n    padding: 20px 16px;\n    border-radius: 16px;\n    background: $color-background-3;\n    grid-area: list;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: 1fr 1fr;\n    gap: 16px;\n\n    @include tablet(min) {\n      padding: 24px;\n    }\n\n    @include desktop-small(min) {\n      grid-template-columns: 1fr;\n      grid-template-rows: repeat(4, auto);\n    }\n\n    &Item {\n      height: max-content;\n      padding: 12px;\n      list-style: none;\n      color: $color-text-primary;\n      border-radius: 12px;\n      background: $color-background-1;\n\n      &Active {\n        color: $color-text-inverse;\n        background: $color-strawberry-450;\n      }\n\n      a {\n        display: grid;\n        gap: 12px;\n        grid-template-columns: auto;\n        align-items: center;\n        text-decoration: none !important;\n\n        @include tablet(min) {\n          grid-template-columns: 32px auto;\n        }\n        @include desktop-medium(min) {\n          grid-template-columns: 32px auto 16px;\n        }\n      }\n\n      .icon {\n        display: none;\n        @include tablet(min) {\n          display: block;\n          width: 32px;\n          height: 32px;\n          padding: 8px;\n          border-radius: 8px;\n          background: $color-button-pressed-dark-bg;\n        }\n      }\n\n      .name {\n        font-size: 12px;\n        font-weight: $font-weight-medium-v2;\n        line-height: 16px;\n        flex-grow: 1;\n        word-break: break-word;\n\n        @include desktop-small(min) {\n          font-size: 14px;\n          line-height: 20px;\n        }\n      }\n    }\n  }\n}\n\n</style>\n"],"names":["_sfc_main","AwOkAuchanMobileApp","AwSeparator","AwSpring","ProfileLayout","LvHeading","AwCmsPageSidebarWrapper","AwProfileEmpty","mapState","useLoyaltyCardStore","state","item","p","URL_PREFIX","useUserStore","menu","useRoute","_createBlock","_component_profile_layout","_createElementVNode","_normalizeClass","_ctx","_createVNode","_component_aw_spring","_withCtx","_component_lv_heading","_createTextVNode","_toDisplayString","_createCommentVNode","_component_aw_cms_page_sidebar_wrapper","$options","_component_nuxt_page","_openBlock","_component_aw_profile_empty","_createElementBlock","_Fragment","_component_aw_separator","_component_aw_ok_auchan_mobile_app"],"mappings":"6mBAmDOA,EAAU,CACb,KAAM,gBACN,WAAY,CACV,oBAAAC,EACA,YAAAC,EACA,SAAAC,EACA,cAAAC,EACA,UAAAC,EACA,wBAAAC,EACA,eAAAC,CACD,EACD,SAAU,CACR,GAAGC,EAASC,EAAqB,CAC/B,gBAAiBC,GAASA,EAAM,kBAClC,CAAC,EACD,WAAa,CACX,MAAO,CACL,CACE,GAAI,yCACJ,KAAM,KAAK,KAAK,wCAAwC,EACxD,KAAM,0BACP,EACD,CACE,GAAI,sCACJ,KAAM,KAAK,KAAK,qCAAqC,EACrD,KAAM,uBACP,EACD,CACE,GAAI,iCACJ,KAAM,KAAK,KAAK,gCAAgC,EAChD,KAAM,+BACP,EACD,CACE,GAAI,kCACJ,KAAM,KAAK,KAAK,iCAAiC,EACjD,KAAM,gCACP,EACD,CACE,GAAI,yCACJ,KAAM,KAAK,KAAK,wCAAwC,EACxD,KAAM,uCACP,EACD,CACE,GAAI,sCACJ,KAAM,KAAK,KAAK,qCAAqC,EACrD,KAAM,oCACP,CACH,EAAE,OAAOC,GAAQA,CAAI,EAClB,IAAIC,IAAM,CACT,GAAGA,EACH,KAAMC,EAAaD,EAAE,IACvB,EAAE,CACL,EACD,aAAe,CACb,OAAO,KAAK,UAAU,KAAKD,GAAQ,KAAK,SAASA,CAAI,CAAC,CACvD,EACD,GAAGH,EAASM,EAAc,CACxB,WAAYJ,GAASA,EAAM,UAC7B,CAAC,CACF,EACD,QAAS,CACP,SAAUK,EAAM,CAEd,OADcC,EAAU,EACX,KAAK,QAAQ,0BAA2B,GAAG,IAAMD,EAAK,IACpE,CACF,CACF,sNApHDE,EAiCiBC,EAAA,CAjCA,sBAAqB,KAAG,CAC5B,UACT,IA6BM,CA7BNC,EA6BM,MAAA,CA7BA,MAHZC,EAGmBC,EAAM,OAAC,OAAO,IACzBC,EA2BYC,EAAA,CA3BA,eAAc,EAAE,EAAA,CAJpC,QAAAC,EAKU,IAQa,CAPLH,EAAU,gBADlBJ,EAQaQ,EAAA,CAbvB,IAAA,EAOY,MAAM,IACN,IAAI,KACJ,SAAA,GACC,MAVbL,EAUoBC,EAAM,OAAC,KAAK,IAVhC,QAAAG,EAYY,IAAqC,CAZjDE,EAAAC,EAYeN,EAAI,KAAA,yBAAA,CAAA,EAAA,CAAA,IAZnB,EAAA,iBAAAO,EAAA,GAAA,EAAA,EAeUT,EAWM,MAAA,CAXA,MAfhBC,EAeuBC,EAAM,OAAC,SAAS,IAEnBA,EAAU,gBADlBJ,EAQ8BY,EAAA,CAxB1C,IAAA,EAkBe,aAAYC,EAAS,UACrB,gBAAeA,EAAW,cAEhB,UACT,IAAa,CAAbR,EAAaS,CAAA,IAtB7B,EAAA,uCAyBYC,EAAA,EAAAf,EAA2BgB,GAzBvC,IAAA,CAAA,CAAA,OA2B0BZ,EAAe,iBAA/BW,EAAA,EAAAE,EAGWC,GA9BrB,IAAA,CAAA,EAAA,CA4BYb,EAAmDc,EAAA,CAArC,aAAW,KAAK,gBAAc,OAC5Cd,EAA2Be,CAAA,QA7BvCT,EAAA,GAAA,EAAA,IAAA,EAAA,UAAA,EAAA"}