tango-app-ui-manage-settings 3.0.63-dev → 3.0.64-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/esm2022/lib/components/configurations/configurations.component.mjs +3 -1
  2. package/esm2022/lib/components/configurations/feature-configuration/feature-configuration.component.mjs +5 -3
  3. package/esm2022/lib/components/tango-manage-settings/tango-manage-settings.component.mjs +5 -3
  4. package/fesm2022/tango-app-ui-manage-settings.mjs +10 -4
  5. package/fesm2022/tango-app-ui-manage-settings.mjs.map +1 -1
  6. package/lib/components/tango-manage-settings/tango-manage-settings.component.d.ts +1 -0
  7. package/package.json +1 -1
package/fesm2022/tango-app-ui-manage-settings.mjs CHANGED
@@ -202,6 +202,7 @@ class TangoManageSettingsComponent {
202
202
  clientData;
203
203
  destroy$ = new Subject();
204
204
  pageState$ = new BehaviorSubject('loading');
205
+ billingDisabled;
205
206
  constructor(pageInfo, clientApi, gs) {
206
207
  this.pageInfo = pageInfo;
207
208
  this.clientApi = clientApi;
@@ -236,6 +237,7 @@ class TangoManageSettingsComponent {
236
237
  this.clientApi.getBrandDetails(e).pipe(takeUntil(this.destroy$)).subscribe({
237
238
  next: (res) => {
238
239
  this.clientApi.clientData.next(res.data);
240
+ this.billingDisabled = res.data?.featureConfigs.isbillingDisabled;
239
241
  this.pageState$.next('loaded');
240
242
  },
241
243
  error: (error) => {
@@ -246,11 +248,11 @@ class TangoManageSettingsComponent {
246
248
  });
247
249
  }
248
250
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TangoManageSettingsComponent, deps: [{ token: i3.PageInfoService }, { token: ClientApiService }, { token: i3.GlobalStateService }], target: i0.ɵɵFactoryTarget.Component });
249
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TangoManageSettingsComponent, selector: "lib-tango-manage-settings", ngImport: i0, template: "<div class=\"row mb-5\">\r\n <div class=\"col-md-3\">\r\n <div class=\"card h-100\">\r\n <div class=\"m-0 w-100\">\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_brandDetails_isView\" class=\"mb-3\"><a routerLink=\"/manage/settings/brand-detail\" routerLinkActive=\"active\"\r\n [routerLinkActiveOptions]=\"{exact: true}\"\r\n #BR=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"BR.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_1842_19728)\">\r\n <path [ngClass]=\" BR.isActive ? 'fillpath' : ''\"\r\n d=\"M2.625 24C1.92881 24 1.26113 23.7234 0.768845 23.2312C0.276562 22.7389 0 22.0712 0 21.375L0 2.625C0 1.176 1.176 0 2.625 0H15.375C16.824 0 18 1.176 18 2.625V21.375C18 21.5025 17.991 21.627 17.973 21.75H21.375C21.4745 21.75 21.5698 21.7105 21.6402 21.6402C21.7105 21.5698 21.75 21.4745 21.75 21.375V12.4275C21.75 12.3658 21.7349 12.3051 21.7058 12.2506C21.6768 12.1962 21.6348 12.1498 21.5835 12.1155L20.001 11.061C19.8781 10.9791 19.7725 10.8737 19.6903 10.751C19.6081 10.6282 19.5509 10.4905 19.5219 10.3456C19.4929 10.2008 19.4928 10.0516 19.5215 9.90669C19.5501 9.76177 19.6071 9.62392 19.689 9.501C19.7709 9.37808 19.8763 9.27251 19.999 9.19031C20.1218 9.10811 20.2595 9.05089 20.4044 9.02191C20.5492 8.99294 20.6984 8.99279 20.8433 9.02145C20.9882 9.05012 21.1261 9.10706 21.249 9.189L22.8315 10.2435C23.562 10.731 24 11.55 24 12.4275V21.375C24 22.0712 23.7234 22.7389 23.2312 23.2312C22.7389 23.7234 22.0712 24 21.375 24H16.125C16.0252 23.9999 15.9259 23.9868 15.8295 23.961C15.681 23.9865 15.5295 24 15.375 24H10.875C10.5766 24 10.2905 23.8815 10.0795 23.6705C9.86853 23.4595 9.75 23.1734 9.75 22.875V21H8.25V22.875C8.25 23.1734 8.13147 23.4595 7.9205 23.6705C7.70952 23.8815 7.42337 24 7.125 24H2.625ZM2.25 21.375C2.25 21.582 2.418 21.75 2.625 21.75H6V19.875C6 19.5766 6.11853 19.2905 6.3295 19.0795C6.54048 18.8685 6.82663 18.75 7.125 18.75H10.875C11.1734 18.75 11.4595 18.8685 11.6705 19.0795C11.8815 19.2905 12 19.5766 12 19.875V21.75H15.375C15.4745 21.75 15.5698 21.7105 15.6402 21.6402C15.7105 21.5698 15.75 21.4745 15.75 21.375V2.625C15.75 2.52554 15.7105 2.43016 15.6402 2.35984C15.5698 2.28951 15.4745 2.25 15.375 2.25H2.625C2.52554 2.25 2.43016 2.28951 2.35984 2.35984C2.28951 2.43016 2.25 2.52554 2.25 2.625V21.375ZM5.625 9H6.375C6.67337 9 6.95952 9.11853 7.1705 9.3295C7.38147 9.54048 7.5 9.82663 7.5 10.125C7.5 10.4234 7.38147 10.7095 7.1705 10.9205C6.95952 11.1315 6.67337 11.25 6.375 11.25H5.625C5.32663 11.25 5.04048 11.1315 4.8295 10.9205C4.61853 10.7095 4.5 10.4234 4.5 10.125C4.5 9.82663 4.61853 9.54048 4.8295 9.3295C5.04048 9.11853 5.32663 9 5.625 9ZM4.5 5.625C4.5 5.32663 4.61853 5.04048 4.8295 4.8295C5.04048 4.61853 5.32663 4.5 5.625 4.5H6.375C6.67337 4.5 6.95952 4.61853 7.1705 4.8295C7.38147 5.04048 7.5 5.32663 7.5 5.625C7.5 5.92337 7.38147 6.20952 7.1705 6.4205C6.95952 6.63147 6.67337 6.75 6.375 6.75H5.625C5.32663 6.75 5.04048 6.63147 4.8295 6.4205C4.61853 6.20952 4.5 5.92337 4.5 5.625ZM10.5 10.125C10.5 9.82663 10.6185 9.54048 10.8295 9.3295C11.0405 9.11853 11.3266 9 11.625 9H12.375C12.6734 9 12.9595 9.11853 13.1705 9.3295C13.3815 9.54048 13.5 9.82663 13.5 10.125C13.5 10.4234 13.3815 10.7095 13.1705 10.9205C12.9595 11.1315 12.6734 11.25 12.375 11.25H11.625C11.3266 11.25 11.0405 11.1315 10.8295 10.9205C10.6185 10.7095 10.5 10.4234 10.5 10.125ZM11.625 4.5H12.375C12.6734 4.5 12.9595 4.61853 13.1705 4.8295C13.3815 5.04048 13.5 5.32663 13.5 5.625C13.5 5.92337 13.3815 6.20952 13.1705 6.4205C12.9595 6.63147 12.6734 6.75 12.375 6.75H11.625C11.3266 6.75 11.0405 6.63147 10.8295 6.4205C10.6185 6.20952 10.5 5.92337 10.5 5.625C10.5 5.32663 10.6185 5.04048 10.8295 4.8295C11.0405 4.61853 11.3266 4.5 11.625 4.5ZM4.5 14.625C4.5 14.3266 4.61853 14.0405 4.8295 13.8295C5.04048 13.6185 5.32663 13.5 5.625 13.5H6.375C6.67337 13.5 6.95952 13.6185 7.1705 13.8295C7.38147 14.0405 7.5 14.3266 7.5 14.625C7.5 14.9234 7.38147 15.2095 7.1705 15.4205C6.95952 15.6315 6.67337 15.75 6.375 15.75H5.625C5.32663 15.75 5.04048 15.6315 4.8295 15.4205C4.61853 15.2095 4.5 14.9234 4.5 14.625ZM11.625 13.5H12.375C12.6734 13.5 12.9595 13.6185 13.1705 13.8295C13.3815 14.0405 13.5 14.3266 13.5 14.625C13.5 14.9234 13.3815 15.2095 13.1705 15.4205C12.9595 15.6315 12.6734 15.75 12.375 15.75H11.625C11.3266 15.75 11.0405 15.6315 10.8295 15.4205C10.6185 15.2095 10.5 14.9234 10.5 14.625C10.5 14.3266 10.6185 14.0405 10.8295 13.8295C11.0405 13.6185 11.3266 13.5 11.625 13.5Z\"\r\n fill=\"#667085\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1842_19728\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" BR.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Brand Details\r\n </div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_configuration_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/configuration\" routerLinkActive=\"active\"\r\n #CON=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"CON.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_1842_19733)\">\r\n <path [ngClass]=\" CON.isActive ? 'fillstroke' : ''\"\r\n d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path [ngClass]=\" CON.isActive ? 'fillstroke' : ''\"\r\n d=\"M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31074 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81312 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80618 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31074 4.6 9C4.73312 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81312 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80618 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73312 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1842_19733\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" CON.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Configuration\r\n </div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_contactDirectory_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/contact-directory\" routerLinkActive=\"active\"\r\n #CONDIR=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"CONDIR.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <path [ngClass]=\"CONDIR.isActive ? 'fillstroke' : ''\"\r\n d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13M16 3.13C16.8604 3.3503 17.623 3.8507 18.1676 4.55231C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89317 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88M13 7C13 9.20914 11.2091 11 9 11C6.79086 11 5 9.20914 5 7C5 4.79086 6.79086 3 9 3C11.2091 3 13 4.79086 13 7Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" CONDIR.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Contact\r\n Directory</div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_paymentSubscriptions_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/payment-subscription\" routerLinkActive=\"active\"\r\n #sa=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"sa.isActive ? 'btn text-tab' : ''\">\r\n <div class=\" me-4\"><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path [ngClass]=\"sa.isActive ? 'fillstroke' : ''\"\r\n d=\"M14.1755 4.22225C14.1766 2.99445 11.6731 2 8.58832 2C5.50357 2 3.00224 2.99557 3 4.22225M3 4.22225C3 5.45004 5.50133 6.44449 8.58832 6.44449C11.6753 6.44449 14.1766 5.45004 14.1766 4.22225L14.1766 12.8445M3 4.22225V17.5556C3.00112 18.7834 5.50245 19.7779 8.58832 19.7779C10.0849 19.7779 11.4361 19.5412 12.4387 19.1601M3.00112 8.66672C3.00112 9.89451 5.50245 10.889 8.58944 10.889C11.6764 10.889 14.1778 9.89451 14.1778 8.66672M12.5057 14.6946C11.4976 15.0891 10.115 15.3335 8.58832 15.3335C5.50245 15.3335 3.00112 14.3391 3.00112 13.1113M20.5272 13.4646C22.4909 15.4169 22.4909 18.5836 20.5272 20.5358C18.5635 22.4881 15.3781 22.4881 13.4144 20.5358C11.4507 18.5836 11.4507 15.4169 13.4144 13.4646C15.3781 11.5124 18.5635 11.5124 20.5272 13.4646Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column \">\r\n <div [ngClass]=\"sa.isActive ? 'text-tab' : ''\" class=\"sideheading mb-1\">Payments &\r\n Subscription</div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_documents_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/documents\" routerLinkActive=\"active\"\r\n #DOC=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"DOC.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\r\n fill=\"none\">\r\n <path [ngClass]=\" DOC.isActive ? 'fillstroke' : ''\"\r\n d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8M14 2L20 8M14 2V8H20M16 13H8M16 17H8M10 9H8\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" DOC.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Documents</div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_activityLog_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/activity-logs\" routerLinkActive=\"active\"\r\n #ACT=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"ACT.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path [ngClass]=\" ACT.isActive ? 'fillstroke fillpath' : ''\"\r\n d=\"M18.1539 7.72911L18.0341 7.85239L18.1539 7.72911C17.9972 7.57686 17.7859 7.49231 17.5667 7.49231H8.7C8.48081 7.49231 8.26948 7.57686 8.11279 7.72911C7.9559 7.88155 7.86667 8.08955 7.86667 8.30769C7.86667 8.52583 7.9559 8.73383 8.11279 8.88627C8.26948 9.03853 8.48081 9.12308 8.7 9.12308H17.5667C17.7859 9.12308 17.9972 9.03853 18.1539 8.88627C18.3108 8.73383 18.4 8.52583 18.4 8.30769C18.4 8.08955 18.3108 7.88155 18.1539 7.72911ZM3.04612 4.0368C2.88924 4.18924 2.8 4.39725 2.8 4.61538C2.8 4.83352 2.88924 5.04152 3.04612 5.19397C3.20282 5.34622 3.41415 5.43077 3.63333 5.43077H6.16667C6.38585 5.43077 6.59718 5.34622 6.75388 5.19397C6.91076 5.04152 7 4.83352 7 4.61538C7 4.39725 6.91076 4.18924 6.75388 4.0368C6.59718 3.88455 6.38585 3.8 6.16667 3.8H3.63333C3.41415 3.8 3.20282 3.88455 3.04612 4.0368ZM8.11279 4.0368C7.9559 4.18924 7.86667 4.39725 7.86667 4.61538C7.86667 4.83352 7.9559 5.04152 8.11279 5.19397C8.26948 5.34622 8.48081 5.43077 8.7 5.43077H21.3667C21.5859 5.43077 21.7972 5.34622 21.9539 5.19397C22.1108 5.04152 22.2 4.83352 22.2 4.61538C22.2 4.39725 22.1108 4.18924 21.9539 4.0368C21.7972 3.88455 21.5859 3.8 21.3667 3.8H8.7C8.48081 3.8 8.26948 3.88455 8.11279 4.0368ZM3.04612 11.4214C2.88924 11.5739 2.8 11.7819 2.8 12C2.8 12.2181 2.88924 12.4261 3.04612 12.5786C3.20282 12.7308 3.41414 12.8154 3.63333 12.8154H6.16667C6.38586 12.8154 6.59718 12.7308 6.75388 12.5786C6.91076 12.4261 7 12.2181 7 12C7 11.7819 6.91076 11.5739 6.75388 11.4214C6.59718 11.2692 6.38585 11.1846 6.16667 11.1846H3.63333C3.41415 11.1846 3.20282 11.2692 3.04612 11.4214ZM8.11279 11.4214C7.9559 11.5739 7.86667 11.7819 7.86667 12C7.86667 12.2181 7.9559 12.4261 8.11279 12.5786C8.26948 12.7308 8.48081 12.8154 8.7 12.8154H21.3667C21.5859 12.8154 21.7972 12.7308 21.9539 12.5786C22.1108 12.4261 22.2 12.2181 22.2 12C22.2 11.7819 22.1108 11.5739 21.9539 11.4214C21.7972 11.2692 21.5859 11.1846 21.3667 11.1846H8.7C8.48081 11.1846 8.26948 11.2692 8.11279 11.4214ZM8.11279 15.1137C7.9559 15.2662 7.86667 15.4742 7.86667 15.6923C7.86667 15.9104 7.9559 16.1184 8.11279 16.2709C8.26948 16.4231 8.48081 16.5077 8.7 16.5077H17.5667C17.7859 16.5077 17.9972 16.4231 18.1539 16.2709C18.3108 16.1184 18.4 15.9104 18.4 15.6923C18.4 15.4742 18.3108 15.2662 18.1539 15.1137C17.9972 14.9615 17.7859 14.8769 17.5667 14.8769H8.7C8.48081 14.8769 8.26948 14.9615 8.11279 15.1137ZM3.04612 18.806C2.88924 18.9585 2.8 19.1665 2.8 19.3846C2.8 19.6028 2.88924 19.8108 3.04612 19.9632C3.20282 20.1155 3.41415 20.2 3.63333 20.2H6.16667C6.38585 20.2 6.59718 20.1155 6.75388 19.9632C6.91076 19.8108 7 19.6028 7 19.3846C7 19.1665 6.91076 18.9585 6.75388 18.806C6.59718 18.6538 6.38585 18.5692 6.16667 18.5692H3.63333C3.41415 18.5692 3.20282 18.6538 3.04612 18.806ZM8.11279 18.806C7.9559 18.9585 7.86667 19.1665 7.86667 19.3846C7.86667 19.6028 7.9559 19.8108 8.11279 19.9632C8.26948 20.1155 8.48081 20.2 8.7 20.2H21.3667C21.5859 20.2 21.7972 20.1155 21.9539 19.9632C22.1108 19.8108 22.2 19.6028 22.2 19.3846C22.2 19.1665 22.1108 18.9585 21.9539 18.806C21.7972 18.6538 21.5859 18.5692 21.3667 18.5692H8.7C8.48081 18.5692 8.26948 18.6538 8.11279 18.806Z\"\r\n fill=\"#667085\" stroke=\"#667085\" stroke-width=\"0.4\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" ACT.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Activity Log</div>\r\n </div>\r\n </a></div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-9\">\r\n <ng-container *ngIf=\"pageState$ | async as pageState\" >\r\n <ng-container [ngSwitch]=\"pageState\" >\r\n <ng-container *ngSwitchCase=\"'loaded'\" >\r\n <router-outlet></router-outlet>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'loading'\" >\r\n <div class=\"shimmer-card w-100\">\r\n <div class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n\r\n </div>\r\n</div>", styles: [".sideheading{color:var(--Gray-700, #344054);font-size:16px;font-style:normal;font-weight:500;line-height:24px}.card{border-radius:8px;padding:16px;flex-direction:column;align-items:flex-start}svg .fillpath{fill:#00a3ff!important}svg .fillstroke{stroke:#00a3ff!important}.text-tab{color:var(--Primary-700, #009BF3);font-size:16px;font-style:normal;font-weight:500;line-height:24px;border-radius:6px;background:var(--Primary-50, #EAF8FF)}.shimmer-card{border-radius:10px;background:#fff}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4$1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i4$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
251
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TangoManageSettingsComponent, selector: "lib-tango-manage-settings", ngImport: i0, template: "<div class=\"row mb-5\">\r\n <div class=\"col-md-3\">\r\n <div class=\"card h-100\">\r\n <div class=\"m-0 w-100\">\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_brandDetails_isView\" class=\"mb-3\"><a routerLink=\"/manage/settings/brand-detail\" routerLinkActive=\"active\"\r\n [routerLinkActiveOptions]=\"{exact: true}\"\r\n #BR=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"BR.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_1842_19728)\">\r\n <path [ngClass]=\" BR.isActive ? 'fillpath' : ''\"\r\n d=\"M2.625 24C1.92881 24 1.26113 23.7234 0.768845 23.2312C0.276562 22.7389 0 22.0712 0 21.375L0 2.625C0 1.176 1.176 0 2.625 0H15.375C16.824 0 18 1.176 18 2.625V21.375C18 21.5025 17.991 21.627 17.973 21.75H21.375C21.4745 21.75 21.5698 21.7105 21.6402 21.6402C21.7105 21.5698 21.75 21.4745 21.75 21.375V12.4275C21.75 12.3658 21.7349 12.3051 21.7058 12.2506C21.6768 12.1962 21.6348 12.1498 21.5835 12.1155L20.001 11.061C19.8781 10.9791 19.7725 10.8737 19.6903 10.751C19.6081 10.6282 19.5509 10.4905 19.5219 10.3456C19.4929 10.2008 19.4928 10.0516 19.5215 9.90669C19.5501 9.76177 19.6071 9.62392 19.689 9.501C19.7709 9.37808 19.8763 9.27251 19.999 9.19031C20.1218 9.10811 20.2595 9.05089 20.4044 9.02191C20.5492 8.99294 20.6984 8.99279 20.8433 9.02145C20.9882 9.05012 21.1261 9.10706 21.249 9.189L22.8315 10.2435C23.562 10.731 24 11.55 24 12.4275V21.375C24 22.0712 23.7234 22.7389 23.2312 23.2312C22.7389 23.7234 22.0712 24 21.375 24H16.125C16.0252 23.9999 15.9259 23.9868 15.8295 23.961C15.681 23.9865 15.5295 24 15.375 24H10.875C10.5766 24 10.2905 23.8815 10.0795 23.6705C9.86853 23.4595 9.75 23.1734 9.75 22.875V21H8.25V22.875C8.25 23.1734 8.13147 23.4595 7.9205 23.6705C7.70952 23.8815 7.42337 24 7.125 24H2.625ZM2.25 21.375C2.25 21.582 2.418 21.75 2.625 21.75H6V19.875C6 19.5766 6.11853 19.2905 6.3295 19.0795C6.54048 18.8685 6.82663 18.75 7.125 18.75H10.875C11.1734 18.75 11.4595 18.8685 11.6705 19.0795C11.8815 19.2905 12 19.5766 12 19.875V21.75H15.375C15.4745 21.75 15.5698 21.7105 15.6402 21.6402C15.7105 21.5698 15.75 21.4745 15.75 21.375V2.625C15.75 2.52554 15.7105 2.43016 15.6402 2.35984C15.5698 2.28951 15.4745 2.25 15.375 2.25H2.625C2.52554 2.25 2.43016 2.28951 2.35984 2.35984C2.28951 2.43016 2.25 2.52554 2.25 2.625V21.375ZM5.625 9H6.375C6.67337 9 6.95952 9.11853 7.1705 9.3295C7.38147 9.54048 7.5 9.82663 7.5 10.125C7.5 10.4234 7.38147 10.7095 7.1705 10.9205C6.95952 11.1315 6.67337 11.25 6.375 11.25H5.625C5.32663 11.25 5.04048 11.1315 4.8295 10.9205C4.61853 10.7095 4.5 10.4234 4.5 10.125C4.5 9.82663 4.61853 9.54048 4.8295 9.3295C5.04048 9.11853 5.32663 9 5.625 9ZM4.5 5.625C4.5 5.32663 4.61853 5.04048 4.8295 4.8295C5.04048 4.61853 5.32663 4.5 5.625 4.5H6.375C6.67337 4.5 6.95952 4.61853 7.1705 4.8295C7.38147 5.04048 7.5 5.32663 7.5 5.625C7.5 5.92337 7.38147 6.20952 7.1705 6.4205C6.95952 6.63147 6.67337 6.75 6.375 6.75H5.625C5.32663 6.75 5.04048 6.63147 4.8295 6.4205C4.61853 6.20952 4.5 5.92337 4.5 5.625ZM10.5 10.125C10.5 9.82663 10.6185 9.54048 10.8295 9.3295C11.0405 9.11853 11.3266 9 11.625 9H12.375C12.6734 9 12.9595 9.11853 13.1705 9.3295C13.3815 9.54048 13.5 9.82663 13.5 10.125C13.5 10.4234 13.3815 10.7095 13.1705 10.9205C12.9595 11.1315 12.6734 11.25 12.375 11.25H11.625C11.3266 11.25 11.0405 11.1315 10.8295 10.9205C10.6185 10.7095 10.5 10.4234 10.5 10.125ZM11.625 4.5H12.375C12.6734 4.5 12.9595 4.61853 13.1705 4.8295C13.3815 5.04048 13.5 5.32663 13.5 5.625C13.5 5.92337 13.3815 6.20952 13.1705 6.4205C12.9595 6.63147 12.6734 6.75 12.375 6.75H11.625C11.3266 6.75 11.0405 6.63147 10.8295 6.4205C10.6185 6.20952 10.5 5.92337 10.5 5.625C10.5 5.32663 10.6185 5.04048 10.8295 4.8295C11.0405 4.61853 11.3266 4.5 11.625 4.5ZM4.5 14.625C4.5 14.3266 4.61853 14.0405 4.8295 13.8295C5.04048 13.6185 5.32663 13.5 5.625 13.5H6.375C6.67337 13.5 6.95952 13.6185 7.1705 13.8295C7.38147 14.0405 7.5 14.3266 7.5 14.625C7.5 14.9234 7.38147 15.2095 7.1705 15.4205C6.95952 15.6315 6.67337 15.75 6.375 15.75H5.625C5.32663 15.75 5.04048 15.6315 4.8295 15.4205C4.61853 15.2095 4.5 14.9234 4.5 14.625ZM11.625 13.5H12.375C12.6734 13.5 12.9595 13.6185 13.1705 13.8295C13.3815 14.0405 13.5 14.3266 13.5 14.625C13.5 14.9234 13.3815 15.2095 13.1705 15.4205C12.9595 15.6315 12.6734 15.75 12.375 15.75H11.625C11.3266 15.75 11.0405 15.6315 10.8295 15.4205C10.6185 15.2095 10.5 14.9234 10.5 14.625C10.5 14.3266 10.6185 14.0405 10.8295 13.8295C11.0405 13.6185 11.3266 13.5 11.625 13.5Z\"\r\n fill=\"#667085\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1842_19728\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" BR.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Brand Details\r\n </div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_configuration_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/configuration\" routerLinkActive=\"active\"\r\n #CON=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"CON.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_1842_19733)\">\r\n <path [ngClass]=\" CON.isActive ? 'fillstroke' : ''\"\r\n d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path [ngClass]=\" CON.isActive ? 'fillstroke' : ''\"\r\n d=\"M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31074 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81312 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80618 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31074 4.6 9C4.73312 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81312 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80618 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73312 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1842_19733\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" CON.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Configuration\r\n </div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_contactDirectory_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/contact-directory\" routerLinkActive=\"active\"\r\n #CONDIR=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"CONDIR.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <path [ngClass]=\"CONDIR.isActive ? 'fillstroke' : ''\"\r\n d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13M16 3.13C16.8604 3.3503 17.623 3.8507 18.1676 4.55231C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89317 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88M13 7C13 9.20914 11.2091 11 9 11C6.79086 11 5 9.20914 5 7C5 4.79086 6.79086 3 9 3C11.2091 3 13 4.79086 13 7Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" CONDIR.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Contact\r\n Directory</div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_paymentSubscriptions_isView && !billingDisabled\" class=\"mb-3\"><a routerLink=\"/manage/settings/payment-subscription\" routerLinkActive=\"active\"\r\n #sa=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"sa.isActive ? 'btn text-tab' : ''\">\r\n <div class=\" me-4\"><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path [ngClass]=\"sa.isActive ? 'fillstroke' : ''\"\r\n d=\"M14.1755 4.22225C14.1766 2.99445 11.6731 2 8.58832 2C5.50357 2 3.00224 2.99557 3 4.22225M3 4.22225C3 5.45004 5.50133 6.44449 8.58832 6.44449C11.6753 6.44449 14.1766 5.45004 14.1766 4.22225L14.1766 12.8445M3 4.22225V17.5556C3.00112 18.7834 5.50245 19.7779 8.58832 19.7779C10.0849 19.7779 11.4361 19.5412 12.4387 19.1601M3.00112 8.66672C3.00112 9.89451 5.50245 10.889 8.58944 10.889C11.6764 10.889 14.1778 9.89451 14.1778 8.66672M12.5057 14.6946C11.4976 15.0891 10.115 15.3335 8.58832 15.3335C5.50245 15.3335 3.00112 14.3391 3.00112 13.1113M20.5272 13.4646C22.4909 15.4169 22.4909 18.5836 20.5272 20.5358C18.5635 22.4881 15.3781 22.4881 13.4144 20.5358C11.4507 18.5836 11.4507 15.4169 13.4144 13.4646C15.3781 11.5124 18.5635 11.5124 20.5272 13.4646Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column \">\r\n <div [ngClass]=\"sa.isActive ? 'text-tab' : ''\" class=\"sideheading mb-1\">Payments &\r\n Subscription</div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_documents_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/documents\" routerLinkActive=\"active\"\r\n #DOC=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"DOC.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\r\n fill=\"none\">\r\n <path [ngClass]=\" DOC.isActive ? 'fillstroke' : ''\"\r\n d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8M14 2L20 8M14 2V8H20M16 13H8M16 17H8M10 9H8\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" DOC.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Documents</div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_activityLog_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/activity-logs\" routerLinkActive=\"active\"\r\n #ACT=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"ACT.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path [ngClass]=\" ACT.isActive ? 'fillstroke fillpath' : ''\"\r\n d=\"M18.1539 7.72911L18.0341 7.85239L18.1539 7.72911C17.9972 7.57686 17.7859 7.49231 17.5667 7.49231H8.7C8.48081 7.49231 8.26948 7.57686 8.11279 7.72911C7.9559 7.88155 7.86667 8.08955 7.86667 8.30769C7.86667 8.52583 7.9559 8.73383 8.11279 8.88627C8.26948 9.03853 8.48081 9.12308 8.7 9.12308H17.5667C17.7859 9.12308 17.9972 9.03853 18.1539 8.88627C18.3108 8.73383 18.4 8.52583 18.4 8.30769C18.4 8.08955 18.3108 7.88155 18.1539 7.72911ZM3.04612 4.0368C2.88924 4.18924 2.8 4.39725 2.8 4.61538C2.8 4.83352 2.88924 5.04152 3.04612 5.19397C3.20282 5.34622 3.41415 5.43077 3.63333 5.43077H6.16667C6.38585 5.43077 6.59718 5.34622 6.75388 5.19397C6.91076 5.04152 7 4.83352 7 4.61538C7 4.39725 6.91076 4.18924 6.75388 4.0368C6.59718 3.88455 6.38585 3.8 6.16667 3.8H3.63333C3.41415 3.8 3.20282 3.88455 3.04612 4.0368ZM8.11279 4.0368C7.9559 4.18924 7.86667 4.39725 7.86667 4.61538C7.86667 4.83352 7.9559 5.04152 8.11279 5.19397C8.26948 5.34622 8.48081 5.43077 8.7 5.43077H21.3667C21.5859 5.43077 21.7972 5.34622 21.9539 5.19397C22.1108 5.04152 22.2 4.83352 22.2 4.61538C22.2 4.39725 22.1108 4.18924 21.9539 4.0368C21.7972 3.88455 21.5859 3.8 21.3667 3.8H8.7C8.48081 3.8 8.26948 3.88455 8.11279 4.0368ZM3.04612 11.4214C2.88924 11.5739 2.8 11.7819 2.8 12C2.8 12.2181 2.88924 12.4261 3.04612 12.5786C3.20282 12.7308 3.41414 12.8154 3.63333 12.8154H6.16667C6.38586 12.8154 6.59718 12.7308 6.75388 12.5786C6.91076 12.4261 7 12.2181 7 12C7 11.7819 6.91076 11.5739 6.75388 11.4214C6.59718 11.2692 6.38585 11.1846 6.16667 11.1846H3.63333C3.41415 11.1846 3.20282 11.2692 3.04612 11.4214ZM8.11279 11.4214C7.9559 11.5739 7.86667 11.7819 7.86667 12C7.86667 12.2181 7.9559 12.4261 8.11279 12.5786C8.26948 12.7308 8.48081 12.8154 8.7 12.8154H21.3667C21.5859 12.8154 21.7972 12.7308 21.9539 12.5786C22.1108 12.4261 22.2 12.2181 22.2 12C22.2 11.7819 22.1108 11.5739 21.9539 11.4214C21.7972 11.2692 21.5859 11.1846 21.3667 11.1846H8.7C8.48081 11.1846 8.26948 11.2692 8.11279 11.4214ZM8.11279 15.1137C7.9559 15.2662 7.86667 15.4742 7.86667 15.6923C7.86667 15.9104 7.9559 16.1184 8.11279 16.2709C8.26948 16.4231 8.48081 16.5077 8.7 16.5077H17.5667C17.7859 16.5077 17.9972 16.4231 18.1539 16.2709C18.3108 16.1184 18.4 15.9104 18.4 15.6923C18.4 15.4742 18.3108 15.2662 18.1539 15.1137C17.9972 14.9615 17.7859 14.8769 17.5667 14.8769H8.7C8.48081 14.8769 8.26948 14.9615 8.11279 15.1137ZM3.04612 18.806C2.88924 18.9585 2.8 19.1665 2.8 19.3846C2.8 19.6028 2.88924 19.8108 3.04612 19.9632C3.20282 20.1155 3.41415 20.2 3.63333 20.2H6.16667C6.38585 20.2 6.59718 20.1155 6.75388 19.9632C6.91076 19.8108 7 19.6028 7 19.3846C7 19.1665 6.91076 18.9585 6.75388 18.806C6.59718 18.6538 6.38585 18.5692 6.16667 18.5692H3.63333C3.41415 18.5692 3.20282 18.6538 3.04612 18.806ZM8.11279 18.806C7.9559 18.9585 7.86667 19.1665 7.86667 19.3846C7.86667 19.6028 7.9559 19.8108 8.11279 19.9632C8.26948 20.1155 8.48081 20.2 8.7 20.2H21.3667C21.5859 20.2 21.7972 20.1155 21.9539 19.9632C22.1108 19.8108 22.2 19.6028 22.2 19.3846C22.2 19.1665 22.1108 18.9585 21.9539 18.806C21.7972 18.6538 21.5859 18.5692 21.3667 18.5692H8.7C8.48081 18.5692 8.26948 18.6538 8.11279 18.806Z\"\r\n fill=\"#667085\" stroke=\"#667085\" stroke-width=\"0.4\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" ACT.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Activity Log</div>\r\n </div>\r\n </a></div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-9\">\r\n <ng-container *ngIf=\"pageState$ | async as pageState\" >\r\n <ng-container [ngSwitch]=\"pageState\" >\r\n <ng-container *ngSwitchCase=\"'loaded'\" >\r\n <router-outlet></router-outlet>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'loading'\" >\r\n <div class=\"shimmer-card w-100\">\r\n <div class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n\r\n </div>\r\n</div>", styles: [".sideheading{color:var(--Gray-700, #344054);font-size:16px;font-style:normal;font-weight:500;line-height:24px}.card{border-radius:8px;padding:16px;flex-direction:column;align-items:flex-start}svg .fillpath{fill:#00a3ff!important}svg .fillstroke{stroke:#00a3ff!important}.text-tab{color:var(--Primary-700, #009BF3);font-size:16px;font-style:normal;font-weight:500;line-height:24px;border-radius:6px;background:var(--Primary-50, #EAF8FF)}.shimmer-card{border-radius:10px;background:#fff}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4$1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i4$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
250
252
  }
251
253
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TangoManageSettingsComponent, decorators: [{
252
254
  type: Component,
253
- args: [{ selector: 'lib-tango-manage-settings', template: "<div class=\"row mb-5\">\r\n <div class=\"col-md-3\">\r\n <div class=\"card h-100\">\r\n <div class=\"m-0 w-100\">\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_brandDetails_isView\" class=\"mb-3\"><a routerLink=\"/manage/settings/brand-detail\" routerLinkActive=\"active\"\r\n [routerLinkActiveOptions]=\"{exact: true}\"\r\n #BR=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"BR.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_1842_19728)\">\r\n <path [ngClass]=\" BR.isActive ? 'fillpath' : ''\"\r\n d=\"M2.625 24C1.92881 24 1.26113 23.7234 0.768845 23.2312C0.276562 22.7389 0 22.0712 0 21.375L0 2.625C0 1.176 1.176 0 2.625 0H15.375C16.824 0 18 1.176 18 2.625V21.375C18 21.5025 17.991 21.627 17.973 21.75H21.375C21.4745 21.75 21.5698 21.7105 21.6402 21.6402C21.7105 21.5698 21.75 21.4745 21.75 21.375V12.4275C21.75 12.3658 21.7349 12.3051 21.7058 12.2506C21.6768 12.1962 21.6348 12.1498 21.5835 12.1155L20.001 11.061C19.8781 10.9791 19.7725 10.8737 19.6903 10.751C19.6081 10.6282 19.5509 10.4905 19.5219 10.3456C19.4929 10.2008 19.4928 10.0516 19.5215 9.90669C19.5501 9.76177 19.6071 9.62392 19.689 9.501C19.7709 9.37808 19.8763 9.27251 19.999 9.19031C20.1218 9.10811 20.2595 9.05089 20.4044 9.02191C20.5492 8.99294 20.6984 8.99279 20.8433 9.02145C20.9882 9.05012 21.1261 9.10706 21.249 9.189L22.8315 10.2435C23.562 10.731 24 11.55 24 12.4275V21.375C24 22.0712 23.7234 22.7389 23.2312 23.2312C22.7389 23.7234 22.0712 24 21.375 24H16.125C16.0252 23.9999 15.9259 23.9868 15.8295 23.961C15.681 23.9865 15.5295 24 15.375 24H10.875C10.5766 24 10.2905 23.8815 10.0795 23.6705C9.86853 23.4595 9.75 23.1734 9.75 22.875V21H8.25V22.875C8.25 23.1734 8.13147 23.4595 7.9205 23.6705C7.70952 23.8815 7.42337 24 7.125 24H2.625ZM2.25 21.375C2.25 21.582 2.418 21.75 2.625 21.75H6V19.875C6 19.5766 6.11853 19.2905 6.3295 19.0795C6.54048 18.8685 6.82663 18.75 7.125 18.75H10.875C11.1734 18.75 11.4595 18.8685 11.6705 19.0795C11.8815 19.2905 12 19.5766 12 19.875V21.75H15.375C15.4745 21.75 15.5698 21.7105 15.6402 21.6402C15.7105 21.5698 15.75 21.4745 15.75 21.375V2.625C15.75 2.52554 15.7105 2.43016 15.6402 2.35984C15.5698 2.28951 15.4745 2.25 15.375 2.25H2.625C2.52554 2.25 2.43016 2.28951 2.35984 2.35984C2.28951 2.43016 2.25 2.52554 2.25 2.625V21.375ZM5.625 9H6.375C6.67337 9 6.95952 9.11853 7.1705 9.3295C7.38147 9.54048 7.5 9.82663 7.5 10.125C7.5 10.4234 7.38147 10.7095 7.1705 10.9205C6.95952 11.1315 6.67337 11.25 6.375 11.25H5.625C5.32663 11.25 5.04048 11.1315 4.8295 10.9205C4.61853 10.7095 4.5 10.4234 4.5 10.125C4.5 9.82663 4.61853 9.54048 4.8295 9.3295C5.04048 9.11853 5.32663 9 5.625 9ZM4.5 5.625C4.5 5.32663 4.61853 5.04048 4.8295 4.8295C5.04048 4.61853 5.32663 4.5 5.625 4.5H6.375C6.67337 4.5 6.95952 4.61853 7.1705 4.8295C7.38147 5.04048 7.5 5.32663 7.5 5.625C7.5 5.92337 7.38147 6.20952 7.1705 6.4205C6.95952 6.63147 6.67337 6.75 6.375 6.75H5.625C5.32663 6.75 5.04048 6.63147 4.8295 6.4205C4.61853 6.20952 4.5 5.92337 4.5 5.625ZM10.5 10.125C10.5 9.82663 10.6185 9.54048 10.8295 9.3295C11.0405 9.11853 11.3266 9 11.625 9H12.375C12.6734 9 12.9595 9.11853 13.1705 9.3295C13.3815 9.54048 13.5 9.82663 13.5 10.125C13.5 10.4234 13.3815 10.7095 13.1705 10.9205C12.9595 11.1315 12.6734 11.25 12.375 11.25H11.625C11.3266 11.25 11.0405 11.1315 10.8295 10.9205C10.6185 10.7095 10.5 10.4234 10.5 10.125ZM11.625 4.5H12.375C12.6734 4.5 12.9595 4.61853 13.1705 4.8295C13.3815 5.04048 13.5 5.32663 13.5 5.625C13.5 5.92337 13.3815 6.20952 13.1705 6.4205C12.9595 6.63147 12.6734 6.75 12.375 6.75H11.625C11.3266 6.75 11.0405 6.63147 10.8295 6.4205C10.6185 6.20952 10.5 5.92337 10.5 5.625C10.5 5.32663 10.6185 5.04048 10.8295 4.8295C11.0405 4.61853 11.3266 4.5 11.625 4.5ZM4.5 14.625C4.5 14.3266 4.61853 14.0405 4.8295 13.8295C5.04048 13.6185 5.32663 13.5 5.625 13.5H6.375C6.67337 13.5 6.95952 13.6185 7.1705 13.8295C7.38147 14.0405 7.5 14.3266 7.5 14.625C7.5 14.9234 7.38147 15.2095 7.1705 15.4205C6.95952 15.6315 6.67337 15.75 6.375 15.75H5.625C5.32663 15.75 5.04048 15.6315 4.8295 15.4205C4.61853 15.2095 4.5 14.9234 4.5 14.625ZM11.625 13.5H12.375C12.6734 13.5 12.9595 13.6185 13.1705 13.8295C13.3815 14.0405 13.5 14.3266 13.5 14.625C13.5 14.9234 13.3815 15.2095 13.1705 15.4205C12.9595 15.6315 12.6734 15.75 12.375 15.75H11.625C11.3266 15.75 11.0405 15.6315 10.8295 15.4205C10.6185 15.2095 10.5 14.9234 10.5 14.625C10.5 14.3266 10.6185 14.0405 10.8295 13.8295C11.0405 13.6185 11.3266 13.5 11.625 13.5Z\"\r\n fill=\"#667085\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1842_19728\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" BR.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Brand Details\r\n </div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_configuration_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/configuration\" routerLinkActive=\"active\"\r\n #CON=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"CON.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_1842_19733)\">\r\n <path [ngClass]=\" CON.isActive ? 'fillstroke' : ''\"\r\n d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path [ngClass]=\" CON.isActive ? 'fillstroke' : ''\"\r\n d=\"M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31074 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81312 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80618 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31074 4.6 9C4.73312 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81312 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80618 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73312 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1842_19733\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" CON.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Configuration\r\n </div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_contactDirectory_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/contact-directory\" routerLinkActive=\"active\"\r\n #CONDIR=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"CONDIR.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <path [ngClass]=\"CONDIR.isActive ? 'fillstroke' : ''\"\r\n d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13M16 3.13C16.8604 3.3503 17.623 3.8507 18.1676 4.55231C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89317 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88M13 7C13 9.20914 11.2091 11 9 11C6.79086 11 5 9.20914 5 7C5 4.79086 6.79086 3 9 3C11.2091 3 13 4.79086 13 7Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" CONDIR.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Contact\r\n Directory</div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_paymentSubscriptions_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/payment-subscription\" routerLinkActive=\"active\"\r\n #sa=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"sa.isActive ? 'btn text-tab' : ''\">\r\n <div class=\" me-4\"><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path [ngClass]=\"sa.isActive ? 'fillstroke' : ''\"\r\n d=\"M14.1755 4.22225C14.1766 2.99445 11.6731 2 8.58832 2C5.50357 2 3.00224 2.99557 3 4.22225M3 4.22225C3 5.45004 5.50133 6.44449 8.58832 6.44449C11.6753 6.44449 14.1766 5.45004 14.1766 4.22225L14.1766 12.8445M3 4.22225V17.5556C3.00112 18.7834 5.50245 19.7779 8.58832 19.7779C10.0849 19.7779 11.4361 19.5412 12.4387 19.1601M3.00112 8.66672C3.00112 9.89451 5.50245 10.889 8.58944 10.889C11.6764 10.889 14.1778 9.89451 14.1778 8.66672M12.5057 14.6946C11.4976 15.0891 10.115 15.3335 8.58832 15.3335C5.50245 15.3335 3.00112 14.3391 3.00112 13.1113M20.5272 13.4646C22.4909 15.4169 22.4909 18.5836 20.5272 20.5358C18.5635 22.4881 15.3781 22.4881 13.4144 20.5358C11.4507 18.5836 11.4507 15.4169 13.4144 13.4646C15.3781 11.5124 18.5635 11.5124 20.5272 13.4646Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column \">\r\n <div [ngClass]=\"sa.isActive ? 'text-tab' : ''\" class=\"sideheading mb-1\">Payments &\r\n Subscription</div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_documents_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/documents\" routerLinkActive=\"active\"\r\n #DOC=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"DOC.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\r\n fill=\"none\">\r\n <path [ngClass]=\" DOC.isActive ? 'fillstroke' : ''\"\r\n d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8M14 2L20 8M14 2V8H20M16 13H8M16 17H8M10 9H8\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" DOC.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Documents</div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_activityLog_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/activity-logs\" routerLinkActive=\"active\"\r\n #ACT=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"ACT.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path [ngClass]=\" ACT.isActive ? 'fillstroke fillpath' : ''\"\r\n d=\"M18.1539 7.72911L18.0341 7.85239L18.1539 7.72911C17.9972 7.57686 17.7859 7.49231 17.5667 7.49231H8.7C8.48081 7.49231 8.26948 7.57686 8.11279 7.72911C7.9559 7.88155 7.86667 8.08955 7.86667 8.30769C7.86667 8.52583 7.9559 8.73383 8.11279 8.88627C8.26948 9.03853 8.48081 9.12308 8.7 9.12308H17.5667C17.7859 9.12308 17.9972 9.03853 18.1539 8.88627C18.3108 8.73383 18.4 8.52583 18.4 8.30769C18.4 8.08955 18.3108 7.88155 18.1539 7.72911ZM3.04612 4.0368C2.88924 4.18924 2.8 4.39725 2.8 4.61538C2.8 4.83352 2.88924 5.04152 3.04612 5.19397C3.20282 5.34622 3.41415 5.43077 3.63333 5.43077H6.16667C6.38585 5.43077 6.59718 5.34622 6.75388 5.19397C6.91076 5.04152 7 4.83352 7 4.61538C7 4.39725 6.91076 4.18924 6.75388 4.0368C6.59718 3.88455 6.38585 3.8 6.16667 3.8H3.63333C3.41415 3.8 3.20282 3.88455 3.04612 4.0368ZM8.11279 4.0368C7.9559 4.18924 7.86667 4.39725 7.86667 4.61538C7.86667 4.83352 7.9559 5.04152 8.11279 5.19397C8.26948 5.34622 8.48081 5.43077 8.7 5.43077H21.3667C21.5859 5.43077 21.7972 5.34622 21.9539 5.19397C22.1108 5.04152 22.2 4.83352 22.2 4.61538C22.2 4.39725 22.1108 4.18924 21.9539 4.0368C21.7972 3.88455 21.5859 3.8 21.3667 3.8H8.7C8.48081 3.8 8.26948 3.88455 8.11279 4.0368ZM3.04612 11.4214C2.88924 11.5739 2.8 11.7819 2.8 12C2.8 12.2181 2.88924 12.4261 3.04612 12.5786C3.20282 12.7308 3.41414 12.8154 3.63333 12.8154H6.16667C6.38586 12.8154 6.59718 12.7308 6.75388 12.5786C6.91076 12.4261 7 12.2181 7 12C7 11.7819 6.91076 11.5739 6.75388 11.4214C6.59718 11.2692 6.38585 11.1846 6.16667 11.1846H3.63333C3.41415 11.1846 3.20282 11.2692 3.04612 11.4214ZM8.11279 11.4214C7.9559 11.5739 7.86667 11.7819 7.86667 12C7.86667 12.2181 7.9559 12.4261 8.11279 12.5786C8.26948 12.7308 8.48081 12.8154 8.7 12.8154H21.3667C21.5859 12.8154 21.7972 12.7308 21.9539 12.5786C22.1108 12.4261 22.2 12.2181 22.2 12C22.2 11.7819 22.1108 11.5739 21.9539 11.4214C21.7972 11.2692 21.5859 11.1846 21.3667 11.1846H8.7C8.48081 11.1846 8.26948 11.2692 8.11279 11.4214ZM8.11279 15.1137C7.9559 15.2662 7.86667 15.4742 7.86667 15.6923C7.86667 15.9104 7.9559 16.1184 8.11279 16.2709C8.26948 16.4231 8.48081 16.5077 8.7 16.5077H17.5667C17.7859 16.5077 17.9972 16.4231 18.1539 16.2709C18.3108 16.1184 18.4 15.9104 18.4 15.6923C18.4 15.4742 18.3108 15.2662 18.1539 15.1137C17.9972 14.9615 17.7859 14.8769 17.5667 14.8769H8.7C8.48081 14.8769 8.26948 14.9615 8.11279 15.1137ZM3.04612 18.806C2.88924 18.9585 2.8 19.1665 2.8 19.3846C2.8 19.6028 2.88924 19.8108 3.04612 19.9632C3.20282 20.1155 3.41415 20.2 3.63333 20.2H6.16667C6.38585 20.2 6.59718 20.1155 6.75388 19.9632C6.91076 19.8108 7 19.6028 7 19.3846C7 19.1665 6.91076 18.9585 6.75388 18.806C6.59718 18.6538 6.38585 18.5692 6.16667 18.5692H3.63333C3.41415 18.5692 3.20282 18.6538 3.04612 18.806ZM8.11279 18.806C7.9559 18.9585 7.86667 19.1665 7.86667 19.3846C7.86667 19.6028 7.9559 19.8108 8.11279 19.9632C8.26948 20.1155 8.48081 20.2 8.7 20.2H21.3667C21.5859 20.2 21.7972 20.1155 21.9539 19.9632C22.1108 19.8108 22.2 19.6028 22.2 19.3846C22.2 19.1665 22.1108 18.9585 21.9539 18.806C21.7972 18.6538 21.5859 18.5692 21.3667 18.5692H8.7C8.48081 18.5692 8.26948 18.6538 8.11279 18.806Z\"\r\n fill=\"#667085\" stroke=\"#667085\" stroke-width=\"0.4\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" ACT.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Activity Log</div>\r\n </div>\r\n </a></div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-9\">\r\n <ng-container *ngIf=\"pageState$ | async as pageState\" >\r\n <ng-container [ngSwitch]=\"pageState\" >\r\n <ng-container *ngSwitchCase=\"'loaded'\" >\r\n <router-outlet></router-outlet>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'loading'\" >\r\n <div class=\"shimmer-card w-100\">\r\n <div class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n\r\n </div>\r\n</div>", styles: [".sideheading{color:var(--Gray-700, #344054);font-size:16px;font-style:normal;font-weight:500;line-height:24px}.card{border-radius:8px;padding:16px;flex-direction:column;align-items:flex-start}svg .fillpath{fill:#00a3ff!important}svg .fillstroke{stroke:#00a3ff!important}.text-tab{color:var(--Primary-700, #009BF3);font-size:16px;font-style:normal;font-weight:500;line-height:24px;border-radius:6px;background:var(--Primary-50, #EAF8FF)}.shimmer-card{border-radius:10px;background:#fff}\n"] }]
255
+ args: [{ selector: 'lib-tango-manage-settings', template: "<div class=\"row mb-5\">\r\n <div class=\"col-md-3\">\r\n <div class=\"card h-100\">\r\n <div class=\"m-0 w-100\">\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_brandDetails_isView\" class=\"mb-3\"><a routerLink=\"/manage/settings/brand-detail\" routerLinkActive=\"active\"\r\n [routerLinkActiveOptions]=\"{exact: true}\"\r\n #BR=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"BR.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_1842_19728)\">\r\n <path [ngClass]=\" BR.isActive ? 'fillpath' : ''\"\r\n d=\"M2.625 24C1.92881 24 1.26113 23.7234 0.768845 23.2312C0.276562 22.7389 0 22.0712 0 21.375L0 2.625C0 1.176 1.176 0 2.625 0H15.375C16.824 0 18 1.176 18 2.625V21.375C18 21.5025 17.991 21.627 17.973 21.75H21.375C21.4745 21.75 21.5698 21.7105 21.6402 21.6402C21.7105 21.5698 21.75 21.4745 21.75 21.375V12.4275C21.75 12.3658 21.7349 12.3051 21.7058 12.2506C21.6768 12.1962 21.6348 12.1498 21.5835 12.1155L20.001 11.061C19.8781 10.9791 19.7725 10.8737 19.6903 10.751C19.6081 10.6282 19.5509 10.4905 19.5219 10.3456C19.4929 10.2008 19.4928 10.0516 19.5215 9.90669C19.5501 9.76177 19.6071 9.62392 19.689 9.501C19.7709 9.37808 19.8763 9.27251 19.999 9.19031C20.1218 9.10811 20.2595 9.05089 20.4044 9.02191C20.5492 8.99294 20.6984 8.99279 20.8433 9.02145C20.9882 9.05012 21.1261 9.10706 21.249 9.189L22.8315 10.2435C23.562 10.731 24 11.55 24 12.4275V21.375C24 22.0712 23.7234 22.7389 23.2312 23.2312C22.7389 23.7234 22.0712 24 21.375 24H16.125C16.0252 23.9999 15.9259 23.9868 15.8295 23.961C15.681 23.9865 15.5295 24 15.375 24H10.875C10.5766 24 10.2905 23.8815 10.0795 23.6705C9.86853 23.4595 9.75 23.1734 9.75 22.875V21H8.25V22.875C8.25 23.1734 8.13147 23.4595 7.9205 23.6705C7.70952 23.8815 7.42337 24 7.125 24H2.625ZM2.25 21.375C2.25 21.582 2.418 21.75 2.625 21.75H6V19.875C6 19.5766 6.11853 19.2905 6.3295 19.0795C6.54048 18.8685 6.82663 18.75 7.125 18.75H10.875C11.1734 18.75 11.4595 18.8685 11.6705 19.0795C11.8815 19.2905 12 19.5766 12 19.875V21.75H15.375C15.4745 21.75 15.5698 21.7105 15.6402 21.6402C15.7105 21.5698 15.75 21.4745 15.75 21.375V2.625C15.75 2.52554 15.7105 2.43016 15.6402 2.35984C15.5698 2.28951 15.4745 2.25 15.375 2.25H2.625C2.52554 2.25 2.43016 2.28951 2.35984 2.35984C2.28951 2.43016 2.25 2.52554 2.25 2.625V21.375ZM5.625 9H6.375C6.67337 9 6.95952 9.11853 7.1705 9.3295C7.38147 9.54048 7.5 9.82663 7.5 10.125C7.5 10.4234 7.38147 10.7095 7.1705 10.9205C6.95952 11.1315 6.67337 11.25 6.375 11.25H5.625C5.32663 11.25 5.04048 11.1315 4.8295 10.9205C4.61853 10.7095 4.5 10.4234 4.5 10.125C4.5 9.82663 4.61853 9.54048 4.8295 9.3295C5.04048 9.11853 5.32663 9 5.625 9ZM4.5 5.625C4.5 5.32663 4.61853 5.04048 4.8295 4.8295C5.04048 4.61853 5.32663 4.5 5.625 4.5H6.375C6.67337 4.5 6.95952 4.61853 7.1705 4.8295C7.38147 5.04048 7.5 5.32663 7.5 5.625C7.5 5.92337 7.38147 6.20952 7.1705 6.4205C6.95952 6.63147 6.67337 6.75 6.375 6.75H5.625C5.32663 6.75 5.04048 6.63147 4.8295 6.4205C4.61853 6.20952 4.5 5.92337 4.5 5.625ZM10.5 10.125C10.5 9.82663 10.6185 9.54048 10.8295 9.3295C11.0405 9.11853 11.3266 9 11.625 9H12.375C12.6734 9 12.9595 9.11853 13.1705 9.3295C13.3815 9.54048 13.5 9.82663 13.5 10.125C13.5 10.4234 13.3815 10.7095 13.1705 10.9205C12.9595 11.1315 12.6734 11.25 12.375 11.25H11.625C11.3266 11.25 11.0405 11.1315 10.8295 10.9205C10.6185 10.7095 10.5 10.4234 10.5 10.125ZM11.625 4.5H12.375C12.6734 4.5 12.9595 4.61853 13.1705 4.8295C13.3815 5.04048 13.5 5.32663 13.5 5.625C13.5 5.92337 13.3815 6.20952 13.1705 6.4205C12.9595 6.63147 12.6734 6.75 12.375 6.75H11.625C11.3266 6.75 11.0405 6.63147 10.8295 6.4205C10.6185 6.20952 10.5 5.92337 10.5 5.625C10.5 5.32663 10.6185 5.04048 10.8295 4.8295C11.0405 4.61853 11.3266 4.5 11.625 4.5ZM4.5 14.625C4.5 14.3266 4.61853 14.0405 4.8295 13.8295C5.04048 13.6185 5.32663 13.5 5.625 13.5H6.375C6.67337 13.5 6.95952 13.6185 7.1705 13.8295C7.38147 14.0405 7.5 14.3266 7.5 14.625C7.5 14.9234 7.38147 15.2095 7.1705 15.4205C6.95952 15.6315 6.67337 15.75 6.375 15.75H5.625C5.32663 15.75 5.04048 15.6315 4.8295 15.4205C4.61853 15.2095 4.5 14.9234 4.5 14.625ZM11.625 13.5H12.375C12.6734 13.5 12.9595 13.6185 13.1705 13.8295C13.3815 14.0405 13.5 14.3266 13.5 14.625C13.5 14.9234 13.3815 15.2095 13.1705 15.4205C12.9595 15.6315 12.6734 15.75 12.375 15.75H11.625C11.3266 15.75 11.0405 15.6315 10.8295 15.4205C10.6185 15.2095 10.5 14.9234 10.5 14.625C10.5 14.3266 10.6185 14.0405 10.8295 13.8295C11.0405 13.6185 11.3266 13.5 11.625 13.5Z\"\r\n fill=\"#667085\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1842_19728\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" BR.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Brand Details\r\n </div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_configuration_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/configuration\" routerLinkActive=\"active\"\r\n #CON=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"CON.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <g clip-path=\"url(#clip0_1842_19733)\">\r\n <path [ngClass]=\" CON.isActive ? 'fillstroke' : ''\"\r\n d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n <path [ngClass]=\" CON.isActive ? 'fillstroke' : ''\"\r\n d=\"M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31074 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81312 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80618 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31074 4.6 9C4.73312 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81312 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80618 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73312 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1842_19733\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" CON.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Configuration\r\n </div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_contactDirectory_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/contact-directory\" routerLinkActive=\"active\"\r\n #CONDIR=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"CONDIR.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <path [ngClass]=\"CONDIR.isActive ? 'fillstroke' : ''\"\r\n d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13M16 3.13C16.8604 3.3503 17.623 3.8507 18.1676 4.55231C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89317 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88M13 7C13 9.20914 11.2091 11 9 11C6.79086 11 5 9.20914 5 7C5 4.79086 6.79086 3 9 3C11.2091 3 13 4.79086 13 7Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" CONDIR.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Contact\r\n Directory</div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_paymentSubscriptions_isView && !billingDisabled\" class=\"mb-3\"><a routerLink=\"/manage/settings/payment-subscription\" routerLinkActive=\"active\"\r\n #sa=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"sa.isActive ? 'btn text-tab' : ''\">\r\n <div class=\" me-4\"><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path [ngClass]=\"sa.isActive ? 'fillstroke' : ''\"\r\n d=\"M14.1755 4.22225C14.1766 2.99445 11.6731 2 8.58832 2C5.50357 2 3.00224 2.99557 3 4.22225M3 4.22225C3 5.45004 5.50133 6.44449 8.58832 6.44449C11.6753 6.44449 14.1766 5.45004 14.1766 4.22225L14.1766 12.8445M3 4.22225V17.5556C3.00112 18.7834 5.50245 19.7779 8.58832 19.7779C10.0849 19.7779 11.4361 19.5412 12.4387 19.1601M3.00112 8.66672C3.00112 9.89451 5.50245 10.889 8.58944 10.889C11.6764 10.889 14.1778 9.89451 14.1778 8.66672M12.5057 14.6946C11.4976 15.0891 10.115 15.3335 8.58832 15.3335C5.50245 15.3335 3.00112 14.3391 3.00112 13.1113M20.5272 13.4646C22.4909 15.4169 22.4909 18.5836 20.5272 20.5358C18.5635 22.4881 15.3781 22.4881 13.4144 20.5358C11.4507 18.5836 11.4507 15.4169 13.4144 13.4646C15.3781 11.5124 18.5635 11.5124 20.5272 13.4646Z\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column \">\r\n <div [ngClass]=\"sa.isActive ? 'text-tab' : ''\" class=\"sideheading mb-1\">Payments &\r\n Subscription</div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_documents_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/documents\" routerLinkActive=\"active\"\r\n #DOC=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"DOC.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\r\n fill=\"none\">\r\n <path [ngClass]=\" DOC.isActive ? 'fillstroke' : ''\"\r\n d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8M14 2L20 8M14 2V8H20M16 13H8M16 17H8M10 9H8\"\r\n stroke=\"#667085\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" DOC.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Documents</div>\r\n </div>\r\n </a></div>\r\n <div *ngIf=\"(gs.userAccess | async)?.settings_activityLog_isView \" class=\"mb-3\"><a routerLink=\"/manage/settings/activity-logs\" routerLinkActive=\"active\"\r\n #ACT=\"routerLinkActive\" class=\"custom-list d-flex align-items-center px-5 py-4\"\r\n [ngClass]=\"ACT.isActive ? 'btn text-tab' : ''\">\r\n <div class=\"me-4\"><span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path [ngClass]=\" ACT.isActive ? 'fillstroke fillpath' : ''\"\r\n d=\"M18.1539 7.72911L18.0341 7.85239L18.1539 7.72911C17.9972 7.57686 17.7859 7.49231 17.5667 7.49231H8.7C8.48081 7.49231 8.26948 7.57686 8.11279 7.72911C7.9559 7.88155 7.86667 8.08955 7.86667 8.30769C7.86667 8.52583 7.9559 8.73383 8.11279 8.88627C8.26948 9.03853 8.48081 9.12308 8.7 9.12308H17.5667C17.7859 9.12308 17.9972 9.03853 18.1539 8.88627C18.3108 8.73383 18.4 8.52583 18.4 8.30769C18.4 8.08955 18.3108 7.88155 18.1539 7.72911ZM3.04612 4.0368C2.88924 4.18924 2.8 4.39725 2.8 4.61538C2.8 4.83352 2.88924 5.04152 3.04612 5.19397C3.20282 5.34622 3.41415 5.43077 3.63333 5.43077H6.16667C6.38585 5.43077 6.59718 5.34622 6.75388 5.19397C6.91076 5.04152 7 4.83352 7 4.61538C7 4.39725 6.91076 4.18924 6.75388 4.0368C6.59718 3.88455 6.38585 3.8 6.16667 3.8H3.63333C3.41415 3.8 3.20282 3.88455 3.04612 4.0368ZM8.11279 4.0368C7.9559 4.18924 7.86667 4.39725 7.86667 4.61538C7.86667 4.83352 7.9559 5.04152 8.11279 5.19397C8.26948 5.34622 8.48081 5.43077 8.7 5.43077H21.3667C21.5859 5.43077 21.7972 5.34622 21.9539 5.19397C22.1108 5.04152 22.2 4.83352 22.2 4.61538C22.2 4.39725 22.1108 4.18924 21.9539 4.0368C21.7972 3.88455 21.5859 3.8 21.3667 3.8H8.7C8.48081 3.8 8.26948 3.88455 8.11279 4.0368ZM3.04612 11.4214C2.88924 11.5739 2.8 11.7819 2.8 12C2.8 12.2181 2.88924 12.4261 3.04612 12.5786C3.20282 12.7308 3.41414 12.8154 3.63333 12.8154H6.16667C6.38586 12.8154 6.59718 12.7308 6.75388 12.5786C6.91076 12.4261 7 12.2181 7 12C7 11.7819 6.91076 11.5739 6.75388 11.4214C6.59718 11.2692 6.38585 11.1846 6.16667 11.1846H3.63333C3.41415 11.1846 3.20282 11.2692 3.04612 11.4214ZM8.11279 11.4214C7.9559 11.5739 7.86667 11.7819 7.86667 12C7.86667 12.2181 7.9559 12.4261 8.11279 12.5786C8.26948 12.7308 8.48081 12.8154 8.7 12.8154H21.3667C21.5859 12.8154 21.7972 12.7308 21.9539 12.5786C22.1108 12.4261 22.2 12.2181 22.2 12C22.2 11.7819 22.1108 11.5739 21.9539 11.4214C21.7972 11.2692 21.5859 11.1846 21.3667 11.1846H8.7C8.48081 11.1846 8.26948 11.2692 8.11279 11.4214ZM8.11279 15.1137C7.9559 15.2662 7.86667 15.4742 7.86667 15.6923C7.86667 15.9104 7.9559 16.1184 8.11279 16.2709C8.26948 16.4231 8.48081 16.5077 8.7 16.5077H17.5667C17.7859 16.5077 17.9972 16.4231 18.1539 16.2709C18.3108 16.1184 18.4 15.9104 18.4 15.6923C18.4 15.4742 18.3108 15.2662 18.1539 15.1137C17.9972 14.9615 17.7859 14.8769 17.5667 14.8769H8.7C8.48081 14.8769 8.26948 14.9615 8.11279 15.1137ZM3.04612 18.806C2.88924 18.9585 2.8 19.1665 2.8 19.3846C2.8 19.6028 2.88924 19.8108 3.04612 19.9632C3.20282 20.1155 3.41415 20.2 3.63333 20.2H6.16667C6.38585 20.2 6.59718 20.1155 6.75388 19.9632C6.91076 19.8108 7 19.6028 7 19.3846C7 19.1665 6.91076 18.9585 6.75388 18.806C6.59718 18.6538 6.38585 18.5692 6.16667 18.5692H3.63333C3.41415 18.5692 3.20282 18.6538 3.04612 18.806ZM8.11279 18.806C7.9559 18.9585 7.86667 19.1665 7.86667 19.3846C7.86667 19.6028 7.9559 19.8108 8.11279 19.9632C8.26948 20.1155 8.48081 20.2 8.7 20.2H21.3667C21.5859 20.2 21.7972 20.1155 21.9539 19.9632C22.1108 19.8108 22.2 19.6028 22.2 19.3846C22.2 19.1665 22.1108 18.9585 21.9539 18.806C21.7972 18.6538 21.5859 18.5692 21.3667 18.5692H8.7C8.48081 18.5692 8.26948 18.6538 8.11279 18.806Z\"\r\n fill=\"#667085\" stroke=\"#667085\" stroke-width=\"0.4\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"d-flex flex-column\">\r\n <div [ngClass]=\" ACT.isActive ? ' text-tab' : ''\" class=\"sideheading mb-1\">Activity Log</div>\r\n </div>\r\n </a></div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-9\">\r\n <ng-container *ngIf=\"pageState$ | async as pageState\" >\r\n <ng-container [ngSwitch]=\"pageState\" >\r\n <ng-container *ngSwitchCase=\"'loaded'\" >\r\n <router-outlet></router-outlet>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'loading'\" >\r\n <div class=\"shimmer-card w-100\">\r\n <div class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n\r\n </div>\r\n</div>", styles: [".sideheading{color:var(--Gray-700, #344054);font-size:16px;font-style:normal;font-weight:500;line-height:24px}.card{border-radius:8px;padding:16px;flex-direction:column;align-items:flex-start}svg .fillpath{fill:#00a3ff!important}svg .fillstroke{stroke:#00a3ff!important}.text-tab{color:var(--Primary-700, #009BF3);font-size:16px;font-style:normal;font-weight:500;line-height:24px;border-radius:6px;background:var(--Primary-50, #EAF8FF)}.shimmer-card{border-radius:10px;background:#fff}\n"] }]
254
256
  }], ctorParameters: () => [{ type: i3.PageInfoService }, { type: ClientApiService }, { type: i3.GlobalStateService }] });
255
257
 
256
258
  const SELECT_CONTROL_VALUE_ACCESSOR = {
@@ -4107,6 +4109,8 @@ class FeatureConfigurationComponent {
4107
4109
  isPasserByData: [],
4108
4110
  isFootfallDirectory: [],
4109
4111
  isExcludedArea: [],
4112
+ isCameraDisabled: [false],
4113
+ isbillingDisabled: [false],
4110
4114
  updateFeatureConfig: []
4111
4115
  });
4112
4116
  this.featureConfigurationForm.disable();
@@ -4180,11 +4184,11 @@ class FeatureConfigurationComponent {
4180
4184
  this.apiService.clientFormData.next({ value: this.featureConfigurationForm.value, type: 'submit', form: 'feature-configuration' });
4181
4185
  }
4182
4186
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FeatureConfigurationComponent, deps: [{ token: i1$1.FormBuilder }, { token: ClientApiService }, { token: i3.GlobalStateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
4183
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FeatureConfigurationComponent, selector: "lib-feature-configuration", ngImport: i0, template: "<form [formGroup]=\"featureConfigurationForm\">\r\n <div class=\"row\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.settings_configuration_isEdit \" >\r\n <div *ngIf=\"featureConfigurationForm.disabled\" class=\"col-12 mb-5\">\r\n <div class=\" d-flex justify-content-end\" *ngIf=\"featureConfigurationForm.get('updateFeatureConfig')?.value === true\">\r\n <button\r\n (click)=\"featureConfigurationForm.disabled ? featureConfigurationForm.enable() : featureConfigurationForm.disable()\"\r\n type=\"button\" class=\"btn btn-outline align-items-end\"><span class=\"me-2\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_2579_25125)\">\r\n <path\r\n d=\"M14.167 2.49993C14.3859 2.28106 14.6457 2.10744 14.9317 1.98899C15.2176 1.87054 15.5241 1.80957 15.8337 1.80957C16.1432 1.80957 16.4497 1.87054 16.7357 1.98899C17.0216 2.10744 17.2815 2.28106 17.5003 2.49993C17.7192 2.7188 17.8928 2.97863 18.0113 3.2646C18.1297 3.55057 18.1907 3.85706 18.1907 4.16659C18.1907 4.47612 18.1297 4.78262 18.0113 5.06859C17.8928 5.35455 17.7192 5.61439 17.5003 5.83326L6.25033 17.0833L1.66699 18.3333L2.91699 13.7499L14.167 2.49993Z\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2579_25125\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>Edit Details</button>\r\n </div>\r\n </div> \r\n </ng-container>\r\n\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"open\" class=\"form-label\">Store Open Time <span class=\"alert-required\"></span></label>\r\n <input type=\"time\" formControlName=\"open\" class=\"form-control\" id=\"open\" autocomplete=\"off\">\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"close\" class=\"form-label\">Store Close Time <span class=\"alert-required\"></span></label>\r\n <input type=\"time\" formControlName=\"close\" class=\"form-control\" id=\"close\" autocomplete=\"off\">\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label class=\"form-label\">Infra Alert <span class=\"alert-required\"></span></label>\r\n <div class=\"row\">\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"infraAlertCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertCondition\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"infraAlertValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertValue\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"downTimeType\" class=\"form-label\">Bounced Limit<span class=\"alert-required\"></span></label>\r\n <div class=\"row\">\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"bouncedLimitCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitCondition\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"bouncedLimitValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitValue\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"MinFilesCount\" class=\"form-label\">Missed Opportunity <span\r\n class=\"alert-required\"></span></label>\r\n <div class=\"form-control mock-input d-flex justify-content-center align-items-center\">\r\n <ng-container *ngIf=\"missedOpportunityStartTime\">\r\n {{missedOpportunityStartTime }} - {{missedOpportunityEndTime}}\r\n </ng-container>\r\n </div>\r\n\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label class=\"form-label\">Conversion <span class=\"alert-required\"></span></label>\r\n <div class=\"row\">\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"conversionCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCondition\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"conversionValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionValue\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <lib-reactive-select formControlName=\"billableCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"billableCalculation\" [label]=\"'Billable Calculations'\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <lib-reactive-select formControlName=\"missedOpportunityCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"missedOpportunityCalculation\" [label]=\"'Missed Opportunity Calculation'\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <lib-reactive-select formControlName=\"conversionCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCalculation\" [label]=\"'Conversion Calculations'\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"sub-header\">Normalized data during downtime</div>\r\n <div class=\"sub-text\">Choose if you want to view normalized data during downtime. </div>\r\n </div>\r\n \r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"sub-header\">Passer-by data</div>\r\n <div class=\"sub-text\">Choose if you want to view Passerby data. </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n <div class=\"sub-header\">Footfall Directory</div>\r\n <div class=\"sub-text\">Choose if you want to view Footfall directory </div> \r\n </ng-container>\r\n \r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n <div class=\"sub-header\">Excluded Area</div>\r\n <div class=\"sub-text\">Choose if you want to view Excluded Area </div>\r\n </ng-container>\r\n \r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isNormalized\" class=\"form-check-input\" type=\"checkbox\" id=\"isNormalized\">\r\n <label class=\"form-check-label toggle-label\" for=\"isNormalized\"> Show Normalized data\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isPasserByData\" class=\"form-check-input\" type=\"checkbox\" id=\"isPasserByData\">\r\n <label class=\"form-check-label toggle-label\" for=\"isPasserByData\"> Show Passer-by data\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isFootfallDirectory\" class=\"form-check-input\" type=\"checkbox\"\r\n id=\"isFootfallDirectory\">\r\n <label class=\"form-check-label toggle-label\" for=\"isFootfallDirectory\"> Show Footfall Directory\r\n </label>\r\n </div> \r\n </ng-container>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isExcludedArea\" class=\"form-check-input\" type=\"checkbox\"\r\n id=\"isExcludedArea\">\r\n <label class=\"form-check-label toggle-label\" for=\"isExludedArea\"> Show Excluded Area\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"featureConfigurationForm.enabled\">\r\n <div class=\"mb-5 w-100 footer-seperator\"></div>\r\n <div class=\"d-flex justify-content-end\">\r\n <a type=\"button\" class=\"btn btn-outline mt-1 me-4\" (click)=\"onCancel()\">Cancel</a>\r\n <a type=\"submit\" class=\"btn btn-primary px-4 \" (click)=\"onSubmit()\"><span>Save Changes</span></a>\r\n </div>\r\n </div>\r\n\r\n</form>", styles: [".form-control{display:block;height:45px;padding:.5rem 1rem;font-size:1.1rem;font-weight:400;color:var(--Gray-500, #667085);-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control[disabled]{background-color:#f9fafb!important}.form-select{font-size:1.1rem;font-weight:400;border-radius:8px!important;color:var(--Gray-500, #667085);border:1px solid var(--Gray-300, #D0D5DD)!important;height:45px}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}small{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:400!important;line-height:20px;display:block;margin-top:6px}.cancel{border-radius:8px;border:1px solid #D0D5DD;background:#fff;color:#344054;font-family:Inter;font-size:14px;font-weight:600;line-height:20px;text-transform:capitalize}.apply{color:#fff;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-transform:capitalize}select[disabled],textarea[disabled]{background-color:#f9fafb!important}.footer-seperator{border-top:1px solid #EAECF0}.sub-header{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.sub-text{color:var(--Gray-500, #667085);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.toggle-label{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:24px}.mock-input{background-color:#f9fafb!important}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ReactiveSelectComponent, selector: "lib-reactive-select", inputs: ["idField", "nameField", "label", "data"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
4187
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FeatureConfigurationComponent, selector: "lib-feature-configuration", ngImport: i0, template: "<form [formGroup]=\"featureConfigurationForm\">\r\n <div class=\"row\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.settings_configuration_isEdit \" >\r\n <div *ngIf=\"featureConfigurationForm.disabled\" class=\"col-12 mb-5\">\r\n <div class=\" d-flex justify-content-end\" *ngIf=\"featureConfigurationForm.get('updateFeatureConfig')?.value === true\">\r\n <button\r\n (click)=\"featureConfigurationForm.disabled ? featureConfigurationForm.enable() : featureConfigurationForm.disable()\"\r\n type=\"button\" class=\"btn btn-outline align-items-end\"><span class=\"me-2\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_2579_25125)\">\r\n <path\r\n d=\"M14.167 2.49993C14.3859 2.28106 14.6457 2.10744 14.9317 1.98899C15.2176 1.87054 15.5241 1.80957 15.8337 1.80957C16.1432 1.80957 16.4497 1.87054 16.7357 1.98899C17.0216 2.10744 17.2815 2.28106 17.5003 2.49993C17.7192 2.7188 17.8928 2.97863 18.0113 3.2646C18.1297 3.55057 18.1907 3.85706 18.1907 4.16659C18.1907 4.47612 18.1297 4.78262 18.0113 5.06859C17.8928 5.35455 17.7192 5.61439 17.5003 5.83326L6.25033 17.0833L1.66699 18.3333L2.91699 13.7499L14.167 2.49993Z\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2579_25125\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>Edit Details</button>\r\n </div>\r\n </div> \r\n </ng-container>\r\n\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"open\" class=\"form-label\">Store Open Time <span class=\"alert-required\"></span></label>\r\n <input type=\"time\" formControlName=\"open\" class=\"form-control\" id=\"open\" autocomplete=\"off\">\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"close\" class=\"form-label\">Store Close Time <span class=\"alert-required\"></span></label>\r\n <input type=\"time\" formControlName=\"close\" class=\"form-control\" id=\"close\" autocomplete=\"off\">\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label class=\"form-label\">Infra Alert <span class=\"alert-required\"></span></label>\r\n <div class=\"row\">\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"infraAlertCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertCondition\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"infraAlertValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertValue\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"downTimeType\" class=\"form-label\">Bounced Limit<span class=\"alert-required\"></span></label>\r\n <div class=\"row\">\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"bouncedLimitCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitCondition\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"bouncedLimitValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitValue\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"MinFilesCount\" class=\"form-label\">Missed Opportunity <span\r\n class=\"alert-required\"></span></label>\r\n <div class=\"form-control mock-input d-flex justify-content-center align-items-center\">\r\n <ng-container *ngIf=\"missedOpportunityStartTime\">\r\n {{missedOpportunityStartTime }} - {{missedOpportunityEndTime}}\r\n </ng-container>\r\n </div>\r\n\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label class=\"form-label\">Conversion <span class=\"alert-required\"></span></label>\r\n <div class=\"row\">\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"conversionCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCondition\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"conversionValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionValue\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <lib-reactive-select formControlName=\"billableCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"billableCalculation\" [label]=\"'Billable Calculations'\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <lib-reactive-select formControlName=\"missedOpportunityCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"missedOpportunityCalculation\" [label]=\"'Missed Opportunity Calculation'\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <lib-reactive-select formControlName=\"conversionCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCalculation\" [label]=\"'Conversion Calculations'\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"sub-header\">Normalized data during downtime</div>\r\n <div class=\"sub-text\">Choose if you want to view normalized data during downtime. </div>\r\n </div>\r\n \r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"sub-header\">Passer-by data</div>\r\n <div class=\"sub-text\">Choose if you want to view Passerby data. </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n <div class=\"sub-header\">Footfall Directory</div>\r\n <div class=\"sub-text\">Choose if you want to view Footfall directory </div> \r\n </ng-container>\r\n \r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n <div class=\"sub-header\">Excluded Area</div>\r\n <div class=\"sub-text\">Choose if you want to view Excluded Area </div>\r\n </ng-container>\r\n \r\n </div>\r\n \r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isNormalized\" class=\"form-check-input\" type=\"checkbox\" id=\"isNormalized\">\r\n <label class=\"form-check-label toggle-label\" for=\"isNormalized\"> Show Normalized data\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isPasserByData\" class=\"form-check-input\" type=\"checkbox\" id=\"isPasserByData\">\r\n <label class=\"form-check-label toggle-label\" for=\"isPasserByData\"> Show Passer-by data\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isFootfallDirectory\" class=\"form-check-input\" type=\"checkbox\"\r\n id=\"isFootfallDirectory\">\r\n <label class=\"form-check-label toggle-label\" for=\"isFootfallDirectory\"> Show Footfall Directory\r\n </label>\r\n </div> \r\n </ng-container>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isExcludedArea\" class=\"form-check-input\" type=\"checkbox\"\r\n id=\"isExcludedArea\">\r\n <label class=\"form-check-label toggle-label\" for=\"isExludedArea\"> Show Excluded Area\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n <div class=\"sub-header\">Camera Management</div>\r\n <div class=\"sub-text\">Choose if you want to view Camera Management </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango'\">\r\n <div class=\"form-check form-switch mt-5\">\r\n <input formControlName=\"isCameraDisabled\" class=\"form-check-input\" type=\"checkbox\"\r\n id=\"isCameraDisabled\">\r\n <label class=\"form-check-label toggle-label\" for=\"isCameraDisabled\"> Show Cameras\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango'\">\r\n <div class=\"sub-header\">Billing </div>\r\n <div class=\"sub-text\">Choose if you want to view Billing Management </div>\r\n </ng-container>\r\n \r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n <div class=\"form-check form-switch mt-5\">\r\n <input formControlName=\"isbillingDisabled\" class=\"form-check-input\" type=\"checkbox\"\r\n id=\"isbillingDisabled\">\r\n <label class=\"form-check-label toggle-label\" for=\"isbillingDisabled\"> Show Billing\r\n </label>\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n \r\n </div>\r\n\r\n <div *ngIf=\"featureConfigurationForm.enabled\">\r\n <div class=\"mb-5 w-100 footer-seperator\"></div>\r\n <div class=\"d-flex justify-content-end\">\r\n <a type=\"button\" class=\"btn btn-outline mt-1 me-4\" (click)=\"onCancel()\">Cancel</a>\r\n <a type=\"submit\" class=\"btn btn-primary px-4 \" (click)=\"onSubmit()\"><span>Save Changes</span></a>\r\n </div>\r\n </div>\r\n\r\n</form>", styles: [".form-control{display:block;height:45px;padding:.5rem 1rem;font-size:1.1rem;font-weight:400;color:var(--Gray-500, #667085);-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control[disabled]{background-color:#f9fafb!important}.form-select{font-size:1.1rem;font-weight:400;border-radius:8px!important;color:var(--Gray-500, #667085);border:1px solid var(--Gray-300, #D0D5DD)!important;height:45px}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}small{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:400!important;line-height:20px;display:block;margin-top:6px}.cancel{border-radius:8px;border:1px solid #D0D5DD;background:#fff;color:#344054;font-family:Inter;font-size:14px;font-weight:600;line-height:20px;text-transform:capitalize}.apply{color:#fff;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-transform:capitalize}select[disabled],textarea[disabled]{background-color:#f9fafb!important}.footer-seperator{border-top:1px solid #EAECF0}.sub-header{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.sub-text{color:var(--Gray-500, #667085);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.toggle-label{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:24px}.mock-input{background-color:#f9fafb!important}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ReactiveSelectComponent, selector: "lib-reactive-select", inputs: ["idField", "nameField", "label", "data"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
4184
4188
  }
4185
4189
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FeatureConfigurationComponent, decorators: [{
4186
4190
  type: Component,
4187
- args: [{ selector: 'lib-feature-configuration', template: "<form [formGroup]=\"featureConfigurationForm\">\r\n <div class=\"row\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.settings_configuration_isEdit \" >\r\n <div *ngIf=\"featureConfigurationForm.disabled\" class=\"col-12 mb-5\">\r\n <div class=\" d-flex justify-content-end\" *ngIf=\"featureConfigurationForm.get('updateFeatureConfig')?.value === true\">\r\n <button\r\n (click)=\"featureConfigurationForm.disabled ? featureConfigurationForm.enable() : featureConfigurationForm.disable()\"\r\n type=\"button\" class=\"btn btn-outline align-items-end\"><span class=\"me-2\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_2579_25125)\">\r\n <path\r\n d=\"M14.167 2.49993C14.3859 2.28106 14.6457 2.10744 14.9317 1.98899C15.2176 1.87054 15.5241 1.80957 15.8337 1.80957C16.1432 1.80957 16.4497 1.87054 16.7357 1.98899C17.0216 2.10744 17.2815 2.28106 17.5003 2.49993C17.7192 2.7188 17.8928 2.97863 18.0113 3.2646C18.1297 3.55057 18.1907 3.85706 18.1907 4.16659C18.1907 4.47612 18.1297 4.78262 18.0113 5.06859C17.8928 5.35455 17.7192 5.61439 17.5003 5.83326L6.25033 17.0833L1.66699 18.3333L2.91699 13.7499L14.167 2.49993Z\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2579_25125\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>Edit Details</button>\r\n </div>\r\n </div> \r\n </ng-container>\r\n\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"open\" class=\"form-label\">Store Open Time <span class=\"alert-required\"></span></label>\r\n <input type=\"time\" formControlName=\"open\" class=\"form-control\" id=\"open\" autocomplete=\"off\">\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"close\" class=\"form-label\">Store Close Time <span class=\"alert-required\"></span></label>\r\n <input type=\"time\" formControlName=\"close\" class=\"form-control\" id=\"close\" autocomplete=\"off\">\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label class=\"form-label\">Infra Alert <span class=\"alert-required\"></span></label>\r\n <div class=\"row\">\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"infraAlertCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertCondition\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"infraAlertValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertValue\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"downTimeType\" class=\"form-label\">Bounced Limit<span class=\"alert-required\"></span></label>\r\n <div class=\"row\">\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"bouncedLimitCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitCondition\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"bouncedLimitValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitValue\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"MinFilesCount\" class=\"form-label\">Missed Opportunity <span\r\n class=\"alert-required\"></span></label>\r\n <div class=\"form-control mock-input d-flex justify-content-center align-items-center\">\r\n <ng-container *ngIf=\"missedOpportunityStartTime\">\r\n {{missedOpportunityStartTime }} - {{missedOpportunityEndTime}}\r\n </ng-container>\r\n </div>\r\n\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label class=\"form-label\">Conversion <span class=\"alert-required\"></span></label>\r\n <div class=\"row\">\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"conversionCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCondition\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"conversionValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionValue\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <lib-reactive-select formControlName=\"billableCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"billableCalculation\" [label]=\"'Billable Calculations'\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <lib-reactive-select formControlName=\"missedOpportunityCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"missedOpportunityCalculation\" [label]=\"'Missed Opportunity Calculation'\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <lib-reactive-select formControlName=\"conversionCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCalculation\" [label]=\"'Conversion Calculations'\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"sub-header\">Normalized data during downtime</div>\r\n <div class=\"sub-text\">Choose if you want to view normalized data during downtime. </div>\r\n </div>\r\n \r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"sub-header\">Passer-by data</div>\r\n <div class=\"sub-text\">Choose if you want to view Passerby data. </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n <div class=\"sub-header\">Footfall Directory</div>\r\n <div class=\"sub-text\">Choose if you want to view Footfall directory </div> \r\n </ng-container>\r\n \r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n <div class=\"sub-header\">Excluded Area</div>\r\n <div class=\"sub-text\">Choose if you want to view Excluded Area </div>\r\n </ng-container>\r\n \r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isNormalized\" class=\"form-check-input\" type=\"checkbox\" id=\"isNormalized\">\r\n <label class=\"form-check-label toggle-label\" for=\"isNormalized\"> Show Normalized data\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isPasserByData\" class=\"form-check-input\" type=\"checkbox\" id=\"isPasserByData\">\r\n <label class=\"form-check-label toggle-label\" for=\"isPasserByData\"> Show Passer-by data\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isFootfallDirectory\" class=\"form-check-input\" type=\"checkbox\"\r\n id=\"isFootfallDirectory\">\r\n <label class=\"form-check-label toggle-label\" for=\"isFootfallDirectory\"> Show Footfall Directory\r\n </label>\r\n </div> \r\n </ng-container>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isExcludedArea\" class=\"form-check-input\" type=\"checkbox\"\r\n id=\"isExcludedArea\">\r\n <label class=\"form-check-label toggle-label\" for=\"isExludedArea\"> Show Excluded Area\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div *ngIf=\"featureConfigurationForm.enabled\">\r\n <div class=\"mb-5 w-100 footer-seperator\"></div>\r\n <div class=\"d-flex justify-content-end\">\r\n <a type=\"button\" class=\"btn btn-outline mt-1 me-4\" (click)=\"onCancel()\">Cancel</a>\r\n <a type=\"submit\" class=\"btn btn-primary px-4 \" (click)=\"onSubmit()\"><span>Save Changes</span></a>\r\n </div>\r\n </div>\r\n\r\n</form>", styles: [".form-control{display:block;height:45px;padding:.5rem 1rem;font-size:1.1rem;font-weight:400;color:var(--Gray-500, #667085);-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control[disabled]{background-color:#f9fafb!important}.form-select{font-size:1.1rem;font-weight:400;border-radius:8px!important;color:var(--Gray-500, #667085);border:1px solid var(--Gray-300, #D0D5DD)!important;height:45px}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}small{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:400!important;line-height:20px;display:block;margin-top:6px}.cancel{border-radius:8px;border:1px solid #D0D5DD;background:#fff;color:#344054;font-family:Inter;font-size:14px;font-weight:600;line-height:20px;text-transform:capitalize}.apply{color:#fff;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-transform:capitalize}select[disabled],textarea[disabled]{background-color:#f9fafb!important}.footer-seperator{border-top:1px solid #EAECF0}.sub-header{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.sub-text{color:var(--Gray-500, #667085);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.toggle-label{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:24px}.mock-input{background-color:#f9fafb!important}\n"] }]
4191
+ args: [{ selector: 'lib-feature-configuration', template: "<form [formGroup]=\"featureConfigurationForm\">\r\n <div class=\"row\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.settings_configuration_isEdit \" >\r\n <div *ngIf=\"featureConfigurationForm.disabled\" class=\"col-12 mb-5\">\r\n <div class=\" d-flex justify-content-end\" *ngIf=\"featureConfigurationForm.get('updateFeatureConfig')?.value === true\">\r\n <button\r\n (click)=\"featureConfigurationForm.disabled ? featureConfigurationForm.enable() : featureConfigurationForm.disable()\"\r\n type=\"button\" class=\"btn btn-outline align-items-end\"><span class=\"me-2\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_2579_25125)\">\r\n <path\r\n d=\"M14.167 2.49993C14.3859 2.28106 14.6457 2.10744 14.9317 1.98899C15.2176 1.87054 15.5241 1.80957 15.8337 1.80957C16.1432 1.80957 16.4497 1.87054 16.7357 1.98899C17.0216 2.10744 17.2815 2.28106 17.5003 2.49993C17.7192 2.7188 17.8928 2.97863 18.0113 3.2646C18.1297 3.55057 18.1907 3.85706 18.1907 4.16659C18.1907 4.47612 18.1297 4.78262 18.0113 5.06859C17.8928 5.35455 17.7192 5.61439 17.5003 5.83326L6.25033 17.0833L1.66699 18.3333L2.91699 13.7499L14.167 2.49993Z\"\r\n stroke=\"#344054\" stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_2579_25125\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>Edit Details</button>\r\n </div>\r\n </div> \r\n </ng-container>\r\n\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"open\" class=\"form-label\">Store Open Time <span class=\"alert-required\"></span></label>\r\n <input type=\"time\" formControlName=\"open\" class=\"form-control\" id=\"open\" autocomplete=\"off\">\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"close\" class=\"form-label\">Store Close Time <span class=\"alert-required\"></span></label>\r\n <input type=\"time\" formControlName=\"close\" class=\"form-control\" id=\"close\" autocomplete=\"off\">\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label class=\"form-label\">Infra Alert <span class=\"alert-required\"></span></label>\r\n <div class=\"row\">\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"infraAlertCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertCondition\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"infraAlertValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"infraAlertValue\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"downTimeType\" class=\"form-label\">Bounced Limit<span class=\"alert-required\"></span></label>\r\n <div class=\"row\">\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"bouncedLimitCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitCondition\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"bouncedLimitValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"bouncedLimitValue\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label for=\"MinFilesCount\" class=\"form-label\">Missed Opportunity <span\r\n class=\"alert-required\"></span></label>\r\n <div class=\"form-control mock-input d-flex justify-content-center align-items-center\">\r\n <ng-container *ngIf=\"missedOpportunityStartTime\">\r\n {{missedOpportunityStartTime }} - {{missedOpportunityEndTime}}\r\n </ng-container>\r\n </div>\r\n\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <label class=\"form-label\">Conversion <span class=\"alert-required\"></span></label>\r\n <div class=\"row\">\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"conversionCondition\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCondition\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col\">\r\n <lib-reactive-select formControlName=\"conversionValue\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionValue\" ></lib-reactive-select>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <lib-reactive-select formControlName=\"billableCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"billableCalculation\" [label]=\"'Billable Calculations'\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <lib-reactive-select formControlName=\"missedOpportunityCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"missedOpportunityCalculation\" [label]=\"'Missed Opportunity Calculation'\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-4 col-xl-4 col-xxl-4 mb-5\">\r\n <lib-reactive-select formControlName=\"conversionCalculation\" [idField]=\"'value'\" [nameField]=\"'label'\" [data]=\"conversionCalculation\" [label]=\"'Conversion Calculations'\" ></lib-reactive-select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"sub-header\">Normalized data during downtime</div>\r\n <div class=\"sub-text\">Choose if you want to view normalized data during downtime. </div>\r\n </div>\r\n \r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"sub-header\">Passer-by data</div>\r\n <div class=\"sub-text\">Choose if you want to view Passerby data. </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n <div class=\"sub-header\">Footfall Directory</div>\r\n <div class=\"sub-text\">Choose if you want to view Footfall directory </div> \r\n </ng-container>\r\n \r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n <div class=\"sub-header\">Excluded Area</div>\r\n <div class=\"sub-text\">Choose if you want to view Excluded Area </div>\r\n </ng-container>\r\n \r\n </div>\r\n \r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isNormalized\" class=\"form-check-input\" type=\"checkbox\" id=\"isNormalized\">\r\n <label class=\"form-check-label toggle-label\" for=\"isNormalized\"> Show Normalized data\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isPasserByData\" class=\"form-check-input\" type=\"checkbox\" id=\"isPasserByData\">\r\n <label class=\"form-check-label toggle-label\" for=\"isPasserByData\"> Show Passer-by data\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \" >\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isFootfallDirectory\" class=\"form-check-input\" type=\"checkbox\"\r\n id=\"isFootfallDirectory\">\r\n <label class=\"form-check-label toggle-label\" for=\"isFootfallDirectory\"> Show Footfall Directory\r\n </label>\r\n </div> \r\n </ng-container>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n <div class=\"form-check form-switch\">\r\n <input formControlName=\"isExcludedArea\" class=\"form-check-input\" type=\"checkbox\"\r\n id=\"isExcludedArea\">\r\n <label class=\"form-check-label toggle-label\" for=\"isExludedArea\"> Show Excluded Area\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n <div class=\"sub-header\">Camera Management</div>\r\n <div class=\"sub-text\">Choose if you want to view Camera Management </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango'\">\r\n <div class=\"form-check form-switch mt-5\">\r\n <input formControlName=\"isCameraDisabled\" class=\"form-check-input\" type=\"checkbox\"\r\n id=\"isCameraDisabled\">\r\n <label class=\"form-check-label toggle-label\" for=\"isCameraDisabled\"> Show Cameras\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-5 px-6\">\r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango'\">\r\n <div class=\"sub-header\">Billing </div>\r\n <div class=\"sub-text\">Choose if you want to view Billing Management </div>\r\n </ng-container>\r\n \r\n <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' \">\r\n <div class=\"form-check form-switch mt-5\">\r\n <input formControlName=\"isbillingDisabled\" class=\"form-check-input\" type=\"checkbox\"\r\n id=\"isbillingDisabled\">\r\n <label class=\"form-check-label toggle-label\" for=\"isbillingDisabled\"> Show Billing\r\n </label>\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n \r\n </div>\r\n\r\n <div *ngIf=\"featureConfigurationForm.enabled\">\r\n <div class=\"mb-5 w-100 footer-seperator\"></div>\r\n <div class=\"d-flex justify-content-end\">\r\n <a type=\"button\" class=\"btn btn-outline mt-1 me-4\" (click)=\"onCancel()\">Cancel</a>\r\n <a type=\"submit\" class=\"btn btn-primary px-4 \" (click)=\"onSubmit()\"><span>Save Changes</span></a>\r\n </div>\r\n </div>\r\n\r\n</form>", styles: [".form-control{display:block;height:45px;padding:.5rem 1rem;font-size:1.1rem;font-weight:400;color:var(--Gray-500, #667085);-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control[disabled]{background-color:#f9fafb!important}.form-select{font-size:1.1rem;font-weight:400;border-radius:8px!important;color:var(--Gray-500, #667085);border:1px solid var(--Gray-300, #D0D5DD)!important;height:45px}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}small{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:400!important;line-height:20px;display:block;margin-top:6px}.cancel{border-radius:8px;border:1px solid #D0D5DD;background:#fff;color:#344054;font-family:Inter;font-size:14px;font-weight:600;line-height:20px;text-transform:capitalize}.apply{color:#fff;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-transform:capitalize}select[disabled],textarea[disabled]{background-color:#f9fafb!important}.footer-seperator{border-top:1px solid #EAECF0}.sub-header{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.sub-text{color:var(--Gray-500, #667085);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.toggle-label{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:24px}.mock-input{background-color:#f9fafb!important}\n"] }]
4188
4192
  }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: ClientApiService }, { type: i3.GlobalStateService }, { type: i0.ChangeDetectorRef }] });
4189
4193
 
4190
4194
  class EmailConfigurationComponent {
@@ -4552,6 +4556,8 @@ class ConfigurationsComponent {
4552
4556
  isPasserByData: data?.featureConfigs?.isPasserByData,
4553
4557
  isFootfallDirectory: data?.featureConfigs?.isFootfallDirectory,
4554
4558
  isExcludedArea: data?.featureConfigs?.isExcludedArea,
4559
+ isCameraDisabled: data?.featureConfigs?.isCameraDisabled,
4560
+ isbillingDisabled: data?.featureConfigs?.isbillingDisabled,
4555
4561
  updateFeatureConfig: data?.featureConfigs?.updateFeatureConfig
4556
4562
  };
4557
4563
  this.featureConfigPrevValues = obj;