@posiwise/resource-module 0.0.193 → 0.0.195

package/fesm2022/posiwise-resource-module-resource-post.module-BJnApbtU.mjs

@@ -0,0 +1,777 @@
+import { t as ResourceService } from "./posiwise-resource-module-resource.service-DjeMJX1O.mjs";
+import { o as ResourceCardComponent } from "./posiwise-resource-module-resource-cards.module-Bp4BgXL2.mjs";
+import { ResourceSharedModule } from "./posiwise-resource-module.mjs";
+import * as i0 from "@angular/core";
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, NgModule } from "@angular/core";
+import { HelperService } from "@posiwise/helper-service";
+import * as i3$1 from "@posiwise/common-services";
+import * as i6 from "@angular/router";
+import { RouterModule } from "@angular/router";
+import * as i3 from "@posiwise/resource-contact-us";
+import * as i10 from "@angular/common";
+import * as i5 from "@angular/forms";
+import { UntypedFormBuilder, Validators } from "@angular/forms";
+import * as i8$1 from "@posiwise/alpha-module";
+import * as i7$1 from "@posiwise/directives";
+import * as i9 from "@posiwise/pipes";
+import * as i7 from "@posiwise/shared-components";
+import * as i9$1 from "primeng/textarea";
+import * as i11 from "@jsverse/transloco";
+import { AppBaseComponent } from "@posiwise/app-base-component";
+import * as i4 from "@posiwise/utils";
+import * as i2 from "@angular/platform-browser";
+import { ADMIN_ROUTERS } from "@posiwise/common-utilities";
+import * as i8 from "primeng/tooltip";
+import { TooltipModule } from "primeng/tooltip";
+var ResourceBlog = class {
+	static getResourcePostsForm() {
+		return new UntypedFormBuilder().group({
+			related_entity_id: [""],
+			related_entity_type: [""],
+			comment: [null, Validators.required],
+			user_id: [""]
+		});
+	}
+};
+var RelatedResourcesComponent = class RelatedResourcesComponent extends AppBaseComponent {
+	constructor(resourceService, injector, sanitizer, tagService, authService, toastr, cdr) {
+		super(injector);
+		this.resourceService = resourceService;
+		this.sanitizer = sanitizer;
+		this.tagService = tagService;
+		this.authService = authService;
+		this.toastr = toastr;
+		this.cdr = cdr;
+		this.resourceCards = [
+			{
+				title: "BLOG: Here’s why you should QA your distributor invoices",
+				image: "/assets/img/resource/resource-qa.png",
+				alt: "QA distributor invoices",
+				url: "/resources/view/here-s-why-you-should-be-seeking-independent-qa-of-all-distributor-inv"
+			},
+			{
+				title: "BLOG: 4 instant hacks to uplift your MSP’s monthly billing",
+				image: "/assets/img/resource/resource-hacks.png",
+				alt: "Monthly billing hacks",
+				url: "/resources/view/4-instant-hacks-to-uplift-your-msp-s-monthly-billing"
+			},
+			{
+				title: "BLOG: The trivial detail that will either future-proof or sabotage your PSA.",
+				image: "/assets/img/resource/resource-psa.png",
+				alt: "PSA future-proof",
+				url: "/resources/view/the-trivial-detail-that-will-either-future-proof-or-sabotage-your-psa"
+			}
+		];
+		this.postComments = [];
+		this.demoLinks = this.appConfig?.pages_config?.book_demo?.items;
+		this.linkedInUrl = this.appConfig?.social?.linkedin_url;
+		this.company_email = this.appConfig.company.email;
+		this.commentForm = ResourceBlog.getResourcePostsForm();
+	}
+	ngOnInit() {
+		this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+		this.route.params.subscribe((params) => {
+			this.slug = params["slug"] ?? "";
+			this.getBlogItem(this.slug);
+			this.cdr.markForCheck();
+		});
+		this.authService.getToken$().subscribe((res) => {
+			this.userLoggedIn = !!res;
+			if (this.userLoggedIn) {
+				this.localStorage.getItem$("product").subscribe((res) => {
+					const data = res ? JSON.parse(res) : null;
+					this.subscriptionId = data?.subscriptionId;
+					this.cdr.markForCheck();
+				});
+				this.userService.getUserInfo().subscribe((data) => {
+					this.user = data;
+					this.getPostTags();
+					this.cdr.markForCheck();
+				});
+			} else this.getPostTags();
+			this.cdr.markForCheck();
+		});
+	}
+	get hasValidDemoLinks() {
+		return Array.isArray(this.demoLinks) && this.demoLinks.some((link) => link?.title ?? link?.url);
+	}
+	getPostTags() {
+		this.tagService.getTagsByType("post_categories", {}, this.getEffectiveSubscriptionId()).subscribe((response) => {
+			this.blogPostTag = response.tags.find((tag) => tag.name === "Blog Posts");
+			this.cdr.markForCheck();
+		});
+	}
+	getBlogItem(slug) {
+		this.resourceService.getPostBySlug(slug).subscribe((response) => {
+			let blogBody;
+			if (response?.body) blogBody = HelperService.sanitizeQuillBody(response.body, this.sanitizer);
+			const formatted = new Date(response?.when).toISOString().split("T")[0];
+			this.postComments = response.entity_comments;
+			this.post = {
+				...response,
+				body: blogBody,
+				when: formatted
+			};
+			this.cdr.markForCheck();
+		});
+	}
+	onComment() {
+		const data = { ...this.commentForm.value };
+		data.related_entity_id = this.post?.id;
+		data.related_entity_type = "Post";
+		data.user_id = this.user?.id;
+		this.resourceService.postComments(data).subscribe(() => {
+			this.getBlogItem(this.slug);
+			this.commentForm.reset();
+			this.toastr.success(this.translation.translate("Resource.Posts.CommentAdded"));
+			this.cdr.markForCheck();
+		});
+	}
+	trackByComment(_index, item) {
+		return item.id;
+	}
+	getEffectiveSubscriptionId() {
+		return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.masterSubscriptionId);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: RelatedResourcesComponent,
+			deps: [
+				{ token: ResourceService },
+				{ token: i0.Injector },
+				{ token: i2.DomSanitizer },
+				{ token: i3$1.TagService },
+				{ token: i3$1.AuthService },
+				{ token: i3$1.CustomToastService },
+				{ token: i0.ChangeDetectorRef }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.0",
+			type: RelatedResourcesComponent,
+			isStandalone: false,
+			selector: "pw-related-resources",
+			usesInheritance: true,
+			ngImport: i0,
+			template: "\n\n<section class=\"resource-body-section\">\n  <div class=\"container\">\n    <div class=\"ql-snow body-quill\"\n      >\n      <div class=\"ql-editor body post-body-text\"\n        [innerHTML]=\"post?.body\">\n      </div>\n    </div>\n    <section class=\"resource-offer-section\">\n\n      <div class=\"row mt-5 mb-4 response-row\">\n        <div class=\"col-12\">\n          @if (userLoggedIn) {\n            <form\n              class=\"p-fluid mb-5\"\n              [formGroup]=\"commentForm\"\n              (ngSubmit)=\"onComment()\"\n              >\n              <div class=\"card shadow-sm no-border p-4\">\n                <div class=\"field\">\n                  <label for=\"related-resources-comment\" class=\"font-bold text-lg mb-4 comment-label\">💬 LEAVE A COMMENT</label>\n                  <textarea\n                    id=\"related-resources-comment\"\n                    pInputTextarea\n                    formControlName=\"comment\"\n                    rows=\"6\"\n                    fluid\n                    placeholder=\"What's on your mind?\"\n\n                    aria-label=\"What's on your mind?\"                  ></textarea>\n                  @if (commentForm.get('comment')?.invalid && commentForm.get('comment')?.touched) {\n                    <small\n                      class=\"text-danger\"\n                      >Please enter comment</small\n                      >\n                    }\n                  </div>\n                  <div class=\"text-end mt-3\">\n                    <button type=\"submit\"\n                      [buttonBusy]=\"buttonBusy\"\n                      class=\"sign-btn sign-header-btn\">\n                      {{ 'Button.Submit' | transloco }}\n                    </button>\n                  </div>\n                </div>\n              </form>\n            } @else {\n              <p class=\"text-center pt-3 pb-3 user-not-logged-in text-muted shadow-sm mb-5\">\n                <a [routerLink]=\"['/login']\" class=\"text-primary fw-bold\">Log in</a> to leave a comment!\n              </p>\n            }\n          </div>\n        </div>\n\n        @if (postComments.length > 0) {\n          <div class=\"row mt-5 comment-row\">\n            @for (comment of postComments; track trackByComment($index, comment)) {\n              <div class=\"col-12\">\n                <div class=\"card no-border shadow-sm p-3 mb-3\">\n                  <div class=\"d-flex align-items-start\">\n                    <img\n                      [src]=\"comment?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\"\n                      alt=\"avatar\"\n                      class=\"rounded-circle me-3\"\n                      width=\"50\"\n                      height=\"50\"\n                      (error)=\"handleImageError($event, 'assets/img/icons/male.png')\"\n                      />\n                    <div class=\"flex-grow-1\">\n                      <div class=\"fw-bold text-dark\">\n                        {{ comment.user?.first_name || '' }} {{ comment.user?.last_name || '' }}\n                      </div>\n                      <div class=\"text-muted small mb-2\">{{ comment.created_at | date: 'dd MMM yyyy, h:mm a' }}</div>\n                      <div class=\"text-body\">\n                        {{ comment.comment }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            }\n          </div>\n        }\n\n\n      </section>\n    </div>\n    <hr class=\"resource-divider\" />\n  </section>\n\n  @if (hasValidDemoLinks) {\n    <section class=\"resource-book-section\">\n      <div class=\"container\">\n        <p class=\"resource-contact\">\n          Any questions, get in touch <a href=\"mailto:{{ company_email }}\">here</a>,\n          <a [href]=\"linkedInUrl\" target=\"_blank\">connect on LinkedIn</a>, or book a meeting below:\n        </p>\n      </div>\n      <pw-book-a-demo [isBlog]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-book-a-demo>\n      <hr class=\"resource-divider\" />\n    </section>\n  }\n\n\n  @if (blogPostTag?.tag_category_id) {\n    <pw-resource-cards [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [isHeaderVisible]=\"true\" resourceLink=\"/resources/blogs\" [isRelated]=\"true\" [resourceTitle]=\"'Other resources you may be interested in:'\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-cards>\n  }\n",
+			styles: ["textarea{font-size:1rem!important}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:3rem 1.5rem 4rem!important;max-width:850px!important;margin:0 auto;text-align:left}.user-not-logged-in{background:#fafbfc;border:1px solid #e2e5ea;border-radius:8px;font-size:14px;font-weight:400;color:#5a6473;padding:1rem 1.5rem;box-shadow:none!important;margin-bottom:2rem!important}.user-not-logged-in a{color:#1a1d21!important;text-decoration:none;font-weight:600;transition:color .15s ease-out}.user-not-logged-in a:hover,.user-not-logged-in a:focus-visible{color:var(--first)!important}.user-not-logged-in a:focus-visible{outline:2px solid var(--first);outline-offset:2px;border-radius:2px}.resource-book-section{background:#fff;padding-top:4rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1rem;color:#3d4654}.resource-book-section .resource-contact a{text-decoration:underline;color:#1a1d21;margin:0 .2rem;transition:color .15s ease-out}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:1rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-divider{border:0;border-top:1px solid #e2e5ea;margin:2rem auto;max-width:850px;height:0;background:none}::ng-deep .body-quill{border-width:0!important;max-width:850px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-textarea{border-radius:8px;border:1px solid #e2e5ea;font-size:1rem!important}.card{background-color:#fff;border-radius:12px}.comment-row{gap:1.5rem;padding-bottom:3rem;max-width:850px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:14px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#5a6473}.response-row{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:2rem!important}@media(width<=768px){.resource-body-section .container{padding:2rem 1rem 3rem}.resource-book-section{padding-top:2rem!important}.resource-book-section .resource-contact{font-size:.9375rem!important}}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: ResourceCardComponent,
+					selector: "pw-resource-cards",
+					inputs: [
+						"categoryId",
+						"isHeaderVisible",
+						"isRelated",
+						"resourceTitle",
+						"postSlice",
+						"header",
+						"tag",
+						"resourceLink",
+						"user",
+						"userLoggedIn"
+					]
+				},
+				{
+					kind: "directive",
+					type: i5.ɵNgNoValidate,
+					selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+				},
+				{
+					kind: "directive",
+					type: i5.DefaultValueAccessor,
+					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+				},
+				{
+					kind: "directive",
+					type: i5.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i5.NgControlStatusGroup,
+					selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+				},
+				{
+					kind: "directive",
+					type: i5.FormGroupDirective,
+					selector: "[formGroup]",
+					inputs: ["formGroup"],
+					outputs: ["ngSubmit"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "directive",
+					type: i5.FormControlName,
+					selector: "[formControlName]",
+					inputs: [
+						"formControlName",
+						"disabled",
+						"ngModel"
+					],
+					outputs: ["ngModelChange"]
+				},
+				{
+					kind: "directive",
+					type: i6.RouterLink,
+					selector: "[routerLink]",
+					inputs: [
+						"target",
+						"queryParams",
+						"fragment",
+						"queryParamsHandling",
+						"state",
+						"info",
+						"relativeTo",
+						"preserveFragment",
+						"skipLocationChange",
+						"replaceUrl",
+						"browserUrl",
+						"routerLink"
+					]
+				},
+				{
+					kind: "directive",
+					type: i7$1.ButtonBusyDirective,
+					selector: "[buttonBusy]",
+					inputs: ["buttonBusy", "busyText"]
+				},
+				{
+					kind: "directive",
+					type: i7$1.LazyImgDirective,
+					selector: "img"
+				},
+				{
+					kind: "component",
+					type: i8$1.HubSpotMeetingsComponent,
+					selector: "pw-book-a-demo",
+					inputs: [
+						"isBlog",
+						"user",
+						"userLoggedIn"
+					]
+				},
+				{
+					kind: "directive",
+					type: i9$1.Textarea,
+					selector: "[pTextarea], [pInputTextarea]",
+					inputs: [
+						"pTextareaPT",
+						"pTextareaUnstyled",
+						"autoResize",
+						"pSize",
+						"variant",
+						"fluid",
+						"invalid"
+					],
+					outputs: ["onResize"]
+				},
+				{
+					kind: "pipe",
+					type: i10.DatePipe,
+					name: "date"
+				},
+				{
+					kind: "pipe",
+					type: i11.TranslocoPipe,
+					name: "transloco"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: RelatedResourcesComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "pw-related-resources",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false,
+			template: "\n\n<section class=\"resource-body-section\">\n  <div class=\"container\">\n    <div class=\"ql-snow body-quill\"\n      >\n      <div class=\"ql-editor body post-body-text\"\n        [innerHTML]=\"post?.body\">\n      </div>\n    </div>\n    <section class=\"resource-offer-section\">\n\n      <div class=\"row mt-5 mb-4 response-row\">\n        <div class=\"col-12\">\n          @if (userLoggedIn) {\n            <form\n              class=\"p-fluid mb-5\"\n              [formGroup]=\"commentForm\"\n              (ngSubmit)=\"onComment()\"\n              >\n              <div class=\"card shadow-sm no-border p-4\">\n                <div class=\"field\">\n                  <label for=\"related-resources-comment\" class=\"font-bold text-lg mb-4 comment-label\">💬 LEAVE A COMMENT</label>\n                  <textarea\n                    id=\"related-resources-comment\"\n                    pInputTextarea\n                    formControlName=\"comment\"\n                    rows=\"6\"\n                    fluid\n                    placeholder=\"What's on your mind?\"\n\n                    aria-label=\"What's on your mind?\"                  ></textarea>\n                  @if (commentForm.get('comment')?.invalid && commentForm.get('comment')?.touched) {\n                    <small\n                      class=\"text-danger\"\n                      >Please enter comment</small\n                      >\n                    }\n                  </div>\n                  <div class=\"text-end mt-3\">\n                    <button type=\"submit\"\n                      [buttonBusy]=\"buttonBusy\"\n                      class=\"sign-btn sign-header-btn\">\n                      {{ 'Button.Submit' | transloco }}\n                    </button>\n                  </div>\n                </div>\n              </form>\n            } @else {\n              <p class=\"text-center pt-3 pb-3 user-not-logged-in text-muted shadow-sm mb-5\">\n                <a [routerLink]=\"['/login']\" class=\"text-primary fw-bold\">Log in</a> to leave a comment!\n              </p>\n            }\n          </div>\n        </div>\n\n        @if (postComments.length > 0) {\n          <div class=\"row mt-5 comment-row\">\n            @for (comment of postComments; track trackByComment($index, comment)) {\n              <div class=\"col-12\">\n                <div class=\"card no-border shadow-sm p-3 mb-3\">\n                  <div class=\"d-flex align-items-start\">\n                    <img\n                      [src]=\"comment?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\"\n                      alt=\"avatar\"\n                      class=\"rounded-circle me-3\"\n                      width=\"50\"\n                      height=\"50\"\n                      (error)=\"handleImageError($event, 'assets/img/icons/male.png')\"\n                      />\n                    <div class=\"flex-grow-1\">\n                      <div class=\"fw-bold text-dark\">\n                        {{ comment.user?.first_name || '' }} {{ comment.user?.last_name || '' }}\n                      </div>\n                      <div class=\"text-muted small mb-2\">{{ comment.created_at | date: 'dd MMM yyyy, h:mm a' }}</div>\n                      <div class=\"text-body\">\n                        {{ comment.comment }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            }\n          </div>\n        }\n\n\n      </section>\n    </div>\n    <hr class=\"resource-divider\" />\n  </section>\n\n  @if (hasValidDemoLinks) {\n    <section class=\"resource-book-section\">\n      <div class=\"container\">\n        <p class=\"resource-contact\">\n          Any questions, get in touch <a href=\"mailto:{{ company_email }}\">here</a>,\n          <a [href]=\"linkedInUrl\" target=\"_blank\">connect on LinkedIn</a>, or book a meeting below:\n        </p>\n      </div>\n      <pw-book-a-demo [isBlog]=\"true\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-book-a-demo>\n      <hr class=\"resource-divider\" />\n    </section>\n  }\n\n\n  @if (blogPostTag?.tag_category_id) {\n    <pw-resource-cards [tag]=\"blogPostTag\" [categoryId]=\"blogPostTag?.tag_category_id\" [resourceTitle]=\"blogPostTag?.title\" [isHeaderVisible]=\"true\" resourceLink=\"/resources/blogs\" [isRelated]=\"true\" [resourceTitle]=\"'Other resources you may be interested in:'\" [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-cards>\n  }\n",
+			styles: ["textarea{font-size:1rem!important}.resource-body-section{background-color:#fff}.resource-body-section .container{padding:3rem 1.5rem 4rem!important;max-width:850px!important;margin:0 auto;text-align:left}.user-not-logged-in{background:#fafbfc;border:1px solid #e2e5ea;border-radius:8px;font-size:14px;font-weight:400;color:#5a6473;padding:1rem 1.5rem;box-shadow:none!important;margin-bottom:2rem!important}.user-not-logged-in a{color:#1a1d21!important;text-decoration:none;font-weight:600;transition:color .15s ease-out}.user-not-logged-in a:hover,.user-not-logged-in a:focus-visible{color:var(--first)!important}.user-not-logged-in a:focus-visible{outline:2px solid var(--first);outline-offset:2px;border-radius:2px}.resource-book-section{background:#fff;padding-top:4rem;padding-bottom:0}.resource-book-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem!important;text-align:left}.resource-book-section .resource-contact{line-height:1.6;font-size:1rem;color:#3d4654}.resource-book-section .resource-contact a{text-decoration:underline;color:#1a1d21;margin:0 .2rem;transition:color .15s ease-out}.resource-book-section .resource-contact a:hover{color:var(--first)!important}.resource-offer-section{background:#fff;padding-top:1rem}.resource-offer-section .container{max-width:850px;margin:0 auto;padding:0 1.5rem;text-align:left}.resource-divider{border:0;border-top:1px solid #e2e5ea;margin:2rem auto;max-width:850px;height:0;background:none}::ng-deep .body-quill{border-width:0!important;max-width:850px;display:block;margin-left:auto;margin-right:auto}::ng-deep .p-textarea{border-radius:8px;border:1px solid #e2e5ea;font-size:1rem!important}.card{background-color:#fff;border-radius:12px}.comment-row{gap:1.5rem;padding-bottom:3rem;max-width:850px;display:block;margin-left:auto;margin-right:auto}.comment-label{font-size:14px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#5a6473}.response-row{max-width:850px;display:block;margin-left:auto;margin-right:auto;margin-top:2rem!important}@media(width<=768px){.resource-body-section .container{padding:2rem 1rem 3rem}.resource-book-section{padding-top:2rem!important}.resource-book-section .resource-contact{font-size:.9375rem!important}}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: ResourceService },
+		{ type: i0.Injector },
+		{ type: i2.DomSanitizer },
+		{ type: i3$1.TagService },
+		{ type: i3$1.AuthService },
+		{ type: i3$1.CustomToastService },
+		{ type: i0.ChangeDetectorRef }
+	]
+});
+var ResourcePostDetailsComponent = class ResourcePostDetailsComponent extends AppBaseComponent {
+	static {
+		this.CATEGORY_LABEL_KEYS = {
+			"Blog Posts": "Resource.Posts.Category.BlogPosts",
+			"Case Studies": "Resource.Posts.Category.CaseStudies",
+			Webinars: "Resource.Posts.Category.Webinars",
+			Videos: "Resource.Posts.Category.Videos",
+			Events: "Resource.Posts.Category.Events",
+			"White Papers": "Resource.Posts.Category.WhitePapers",
+			"Product Release Notes": "Resource.Posts.Category.ProductReleaseNotes"
+		};
+	}
+	static {
+		this.DEFAULT_CATEGORY_LABEL_KEY = "Resource.Posts.Category.Default";
+	}
+	constructor(resourceService, tagService, authService, titleService, meta, injector, sanitizer, cdr) {
+		super(injector);
+		this.resourceService = resourceService;
+		this.tagService = tagService;
+		this.authService = authService;
+		this.titleService = titleService;
+		this.meta = meta;
+		this.sanitizer = sanitizer;
+		this.cdr = cdr;
+		this.routers = ADMIN_ROUTERS;
+		this.postCategoryTags = [];
+		this.isLoaded = false;
+	}
+	ngOnInit() {
+		this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+		this.getUserSubscriptionId().subscribe((response) => {
+			this.subscriptionId = response;
+			this.cdr.markForCheck();
+		});
+		this.route.params.subscribe((params) => {
+			this.slug = params["slug"] ?? "";
+			this.getBlogItem(this.slug);
+			this.cdr.markForCheck();
+		});
+		this.authService.getToken$().subscribe((res) => {
+			this.userLoggedIn = !!res;
+			if (res) this.userService.getUserInfo().subscribe((data) => {
+				this.user = data;
+				this.hasBlogAccess = HelperService.checkBlogPermission(this.user);
+				this.cdr.markForCheck();
+			});
+			this.getPostTags();
+			this.cdr.markForCheck();
+		});
+	}
+	getPostTags() {
+		this.tagService.getTagsByType("post_categories", {}, this.subscriptionId || this.masterSubscriptionId).subscribe((response) => {
+			this.postCategoryTags = response.tags ?? [];
+			this.blogPostTag = this.postCategoryTags.find((tag) => tag.name === "Blog Posts");
+			if (this.post) this.setOpenGraphMetaTags();
+			this.cdr.markForCheck();
+		}).add(() => {
+			this.isLoaded = true;
+			this.cdr.markForCheck();
+		});
+	}
+	get postCategoryLabelKey() {
+		const categoryIds = new Set(this.postCategoryTags.map((t) => t.id));
+		const match = this.post?.tags?.find((t) => categoryIds.has(t.id));
+		return ResourcePostDetailsComponent.CATEGORY_LABEL_KEYS[match?.name] ?? ResourcePostDetailsComponent.DEFAULT_CATEGORY_LABEL_KEY;
+	}
+	getBlogItem(slug) {
+		this.resourceService.getPostBySlug(slug).subscribe((response) => {
+			let blogBody;
+			if (response?.body) blogBody = HelperService.sanitizeQuillBody(response.body, this.sanitizer);
+			this.post = {
+				...response,
+				body: blogBody
+			};
+			this.cdr.markForCheck();
+		});
+	}
+	setOpenGraphMetaTags() {
+		if (this.post.title) {
+			this.meta.updateTag({
+				property: "og:title",
+				content: this.post.title
+			});
+			this.meta.updateTag({
+				name: "twitter:title",
+				content: this.post.title
+			});
+		}
+		if (this.post.blurb) {
+			this.meta.updateTag({
+				property: "og:description",
+				content: this.post.blurb
+			});
+			this.meta.updateTag({
+				name: "twitter:description",
+				content: this.post.blurb
+			});
+		}
+		let imageUrl = null;
+		if (this.post?.picture?.url && !this.post.picture.url.includes("default-photo.jpg")) imageUrl = this.post.picture.url;
+		else if (this.blogPostTag?.image?.url && !this.blogPostTag.image.url.includes("no_image_uploaded_squared")) imageUrl = this.blogPostTag.image.url;
+		if (imageUrl) {
+			this.meta.updateTag({
+				property: "og:image",
+				content: imageUrl
+			});
+			this.meta.updateTag({
+				name: "twitter:image",
+				content: imageUrl
+			});
+		}
+		this.meta.updateTag({
+			property: "og:type",
+			content: "article"
+		});
+		this.meta.updateTag({
+			property: "og:url",
+			content: window.location.href
+		});
+		this.meta.updateTag({
+			property: "og:site_name",
+			content: "PosiWise"
+		});
+		this.meta.updateTag({
+			name: "twitter:card",
+			content: "summary_large_image"
+		});
+		this.meta.updateTag({
+			name: "twitter:site",
+			content: "@posiwise"
+		});
+	}
+	getImageUrl() {
+		if (this.post?.picture?.url && !this.post.picture.url.includes("default-photo.jpg")) return this.post.picture.url;
+		else if (this.blogPostTag?.image?.url && !this.blogPostTag.image.url.includes("no_image_uploaded_squared")) return this.blogPostTag.image.url;
+		return null;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourcePostDetailsComponent,
+			deps: [
+				{ token: ResourceService },
+				{ token: i3$1.TagService },
+				{ token: i3$1.AuthService },
+				{ token: i2.Title },
+				{ token: i2.Meta },
+				{ token: i0.Injector },
+				{ token: i2.DomSanitizer },
+				{ token: i0.ChangeDetectorRef }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.0",
+			type: ResourcePostDetailsComponent,
+			isStandalone: false,
+			selector: "pw-resource-post-details",
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<section class=\"resource-hero-section\">\n  <div class=\"container d-flex flex-wrap\" [ngClass]=\"getImageUrl() ? 'container-top' : 'container-no-image'\">\n    <div class=\"hero-left\">\n      <p class=\"blog-label\">{{ postCategoryLabelKey | transloco }}</p>\n\n      <h1 class=\"hero-title\">\n        @if (post?.title) {\n          <span [innerHTML]=\"post.title\"></span>\n        } @else {\n          &nbsp;\n        }\n        @if (userLoggedIn && hasBlogAccess) {\n          <a\n            class=\"ms-3 text-decoration-none\"\n            pTooltip=\"Edit this post\"\n            tooltipPosition=\"top\"\n            appendTo=\"body\"\n            aria-label=\"Edit this blog post\"\n            [routerLink]=\"['/admin/resources/', post?.slug]\"\n            target=\"_blank\">\n            <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n          </a>\n        }\n      </h1>\n\n\n      <div class=\"author-info\">\n        <img [src]=\"post?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\" alt=\"User Profile Logo\" class=\"author-img\" />\n        <div class=\"author-meta\">\n          <p>Article by {{ post?.author?.first_name }} {{ post?.author?.last_name }}</p>\n          <p class=\"date\">{{post?.published_at | dateFormat}}</p>\n        </div>\n      </div>\n    </div>\n\n    @if (isLoaded) {\n      <div class=\"hero-right\">\n        @if (getImageUrl()) {\n          <img\n            [src]=\"getImageUrl()\"\n            alt=\"Blog Post\"\n            class=\"hero-image\"\n            />\n        } @else {\n          <pw-no-data\n            class=\"data-image\"\n            [withImage]=\"true\"\n            [message]=\"'Resource.Tag.NoImageMessage' | transloco\"\n            [description]=\"'Resource.Tag.NoDataMessage' | transloco\"\n          ></pw-no-data>\n        }\n      </div>\n    }\n  </div>\n</section>\n",
+			styles: [".container-top,.container-no-image{padding-top:6rem!important}.container{padding-bottom:2.5rem!important}.edit-icon{vertical-align:middle!important}.resource-hero-section{background:#fff;position:relative}.resource-hero-section .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.resource-hero-section .blog-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5a6473;margin-bottom:12px}.resource-hero-section .hero-title{font-size:48px;font-weight:500;line-height:1.15;letter-spacing:-.015em;color:#1a1d21!important;margin-bottom:24px}.resource-hero-section .hero-title span{color:inherit!important}.resource-hero-section .hero-title strong{font-weight:700}.resource-hero-section .hero-left{flex:1 1 480px;max-width:640px}.resource-hero-section .author-info{display:flex;align-items:center;gap:.75rem;max-width:100%;overflow:hidden}.resource-hero-section .author-info .author-img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#eef0f3;flex-shrink:0}.resource-hero-section .author-info .author-meta p{font-size:14px;font-weight:500;color:var(--text);margin-bottom:0!important}.resource-hero-section .author-info .author-meta .date{font-size:13px;font-weight:400;color:#7c8696}.resource-hero-section .hero-right{flex:0 0 400px;max-width:400px}.resource-hero-section .hero-right .hero-image{width:100%;height:auto;border-radius:12px;display:block}@media(width<=768px){.resource-hero-section .hero-title{font-size:32px;letter-spacing:-.01em}.resource-hero-section .hero-right{margin-top:1.5rem;text-align:center;width:100%}.resource-hero-section .hero-right .data-image{width:100%}.resource-hero-section .hero-right .hero-image{max-width:360px;width:100%}.resource-hero-section .author-info{flex-direction:row;justify-content:flex-start}}@media(width>=768px)and (width<=1200px){.resource-hero-section .hero-title{font-size:40px}.resource-hero-section .hero-right{width:40%}}@media(width<=768px){.container{padding:5rem 1.5rem 2rem!important}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i10.NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "directive",
+					type: i6.RouterLink,
+					selector: "[routerLink]",
+					inputs: [
+						"target",
+						"queryParams",
+						"fragment",
+						"queryParamsHandling",
+						"state",
+						"info",
+						"relativeTo",
+						"preserveFragment",
+						"skipLocationChange",
+						"replaceUrl",
+						"browserUrl",
+						"routerLink"
+					]
+				},
+				{
+					kind: "directive",
+					type: i7$1.LazyImgDirective,
+					selector: "img"
+				},
+				{
+					kind: "component",
+					type: i7.NoDataComponent,
+					selector: "pw-no-data",
+					inputs: [
+						"message",
+						"description",
+						"withImage"
+					]
+				},
+				{
+					kind: "directive",
+					type: i8.Tooltip,
+					selector: "[pTooltip]",
+					inputs: [
+						"tooltipPosition",
+						"tooltipEvent",
+						"positionStyle",
+						"tooltipStyleClass",
+						"tooltipZIndex",
+						"escape",
+						"showDelay",
+						"hideDelay",
+						"life",
+						"positionTop",
+						"positionLeft",
+						"autoHide",
+						"fitContent",
+						"hideOnEscape",
+						"showOnEllipsis",
+						"pTooltip",
+						"tooltipDisabled",
+						"tooltipOptions",
+						"appendTo",
+						"pTooltipPT",
+						"pTooltipUnstyled"
+					]
+				},
+				{
+					kind: "pipe",
+					type: i9.DateFormatPipe,
+					name: "dateFormat"
+				},
+				{
+					kind: "pipe",
+					type: i11.TranslocoPipe,
+					name: "transloco"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ResourcePostDetailsComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "pw-resource-post-details",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false,
+			template: "<section class=\"resource-hero-section\">\n  <div class=\"container d-flex flex-wrap\" [ngClass]=\"getImageUrl() ? 'container-top' : 'container-no-image'\">\n    <div class=\"hero-left\">\n      <p class=\"blog-label\">{{ postCategoryLabelKey | transloco }}</p>\n\n      <h1 class=\"hero-title\">\n        @if (post?.title) {\n          <span [innerHTML]=\"post.title\"></span>\n        } @else {\n          &nbsp;\n        }\n        @if (userLoggedIn && hasBlogAccess) {\n          <a\n            class=\"ms-3 text-decoration-none\"\n            pTooltip=\"Edit this post\"\n            tooltipPosition=\"top\"\n            appendTo=\"body\"\n            aria-label=\"Edit this blog post\"\n            [routerLink]=\"['/admin/resources/', post?.slug]\"\n            target=\"_blank\">\n            <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n          </a>\n        }\n      </h1>\n\n\n      <div class=\"author-info\">\n        <img [src]=\"post?.author?.avatar?.[0]?.url || 'assets/img/icons/male.png'\" alt=\"User Profile Logo\" class=\"author-img\" />\n        <div class=\"author-meta\">\n          <p>Article by {{ post?.author?.first_name }} {{ post?.author?.last_name }}</p>\n          <p class=\"date\">{{post?.published_at | dateFormat}}</p>\n        </div>\n      </div>\n    </div>\n\n    @if (isLoaded) {\n      <div class=\"hero-right\">\n        @if (getImageUrl()) {\n          <img\n            [src]=\"getImageUrl()\"\n            alt=\"Blog Post\"\n            class=\"hero-image\"\n            />\n        } @else {\n          <pw-no-data\n            class=\"data-image\"\n            [withImage]=\"true\"\n            [message]=\"'Resource.Tag.NoImageMessage' | transloco\"\n            [description]=\"'Resource.Tag.NoDataMessage' | transloco\"\n          ></pw-no-data>\n        }\n      </div>\n    }\n  </div>\n</section>\n",
+			styles: [".container-top,.container-no-image{padding-top:6rem!important}.container{padding-bottom:2.5rem!important}.edit-icon{vertical-align:middle!important}.resource-hero-section{background:#fff;position:relative}.resource-hero-section .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.resource-hero-section .blog-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5a6473;margin-bottom:12px}.resource-hero-section .hero-title{font-size:48px;font-weight:500;line-height:1.15;letter-spacing:-.015em;color:#1a1d21!important;margin-bottom:24px}.resource-hero-section .hero-title span{color:inherit!important}.resource-hero-section .hero-title strong{font-weight:700}.resource-hero-section .hero-left{flex:1 1 480px;max-width:640px}.resource-hero-section .author-info{display:flex;align-items:center;gap:.75rem;max-width:100%;overflow:hidden}.resource-hero-section .author-info .author-img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#eef0f3;flex-shrink:0}.resource-hero-section .author-info .author-meta p{font-size:14px;font-weight:500;color:var(--text);margin-bottom:0!important}.resource-hero-section .author-info .author-meta .date{font-size:13px;font-weight:400;color:#7c8696}.resource-hero-section .hero-right{flex:0 0 400px;max-width:400px}.resource-hero-section .hero-right .hero-image{width:100%;height:auto;border-radius:12px;display:block}@media(width<=768px){.resource-hero-section .hero-title{font-size:32px;letter-spacing:-.01em}.resource-hero-section .hero-right{margin-top:1.5rem;text-align:center;width:100%}.resource-hero-section .hero-right .data-image{width:100%}.resource-hero-section .hero-right .hero-image{max-width:360px;width:100%}.resource-hero-section .author-info{flex-direction:row;justify-content:flex-start}}@media(width>=768px)and (width<=1200px){.resource-hero-section .hero-title{font-size:40px}.resource-hero-section .hero-right{width:40%}}@media(width<=768px){.container{padding:5rem 1.5rem 2rem!important}}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: ResourceService },
+		{ type: i3$1.TagService },
+		{ type: i3$1.AuthService },
+		{ type: i2.Title },
+		{ type: i2.Meta },
+		{ type: i0.Injector },
+		{ type: i2.DomSanitizer },
+		{ type: i0.ChangeDetectorRef }
+	]
+});
+var ResourcePostComponent = class ResourcePostComponent extends AppBaseComponent {
+	constructor(titleService, authService, cdr, injector) {
+		super(injector);
+		this.titleService = titleService;
+		this.authService = authService;
+		this.cdr = cdr;
+		this.userLoggedIn = void 0;
+	}
+	ngOnInit() {
+		this.route.params.subscribe((params) => {
+			this.slug = params["slug"] ?? "Default";
+			this.cdr.markForCheck();
+		});
+		this.authService.getToken$().subscribe((res) => {
+			this.userLoggedIn = !!res;
+			if (this.userLoggedIn) this.userService.getUserInfo().subscribe((data) => {
+				this.user = data;
+				this.cdr.markForCheck();
+			});
+			this.cdr.markForCheck();
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourcePostComponent,
+			deps: [
+				{ token: i2.Title },
+				{ token: i3$1.AuthService },
+				{ token: i0.ChangeDetectorRef },
+				{ token: i0.Injector }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.0",
+			type: ResourcePostComponent,
+			isStandalone: false,
+			selector: "app-resource-post",
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-resource-post-details></pw-resource-post-details>\n<pw-related-resources></pw-related-resources>\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>",
+			styles: ["::ng-deep .resource-header .navbar-nav .nav-item .nav-link{color:#000!important}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: i3.Trial4ContactUsComponent,
+					selector: "pw-trial-4-contact-us",
+					inputs: [
+						"subscriptionId",
+						"sourceId",
+						"masterSubscriptionId",
+						"experimentName",
+						"microserviceName",
+						"shardName",
+						"user",
+						"userLoggedIn"
+					]
+				},
+				{
+					kind: "component",
+					type: i4.ResourceHeaderComponent,
+					selector: "pw-resource-header",
+					inputs: ["user", "userLoggedIn"]
+				},
+				{
+					kind: "component",
+					type: ResourcePostDetailsComponent,
+					selector: "pw-resource-post-details"
+				},
+				{
+					kind: "component",
+					type: RelatedResourcesComponent,
+					selector: "pw-related-resources"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ResourcePostComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-resource-post",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false,
+			template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<pw-resource-post-details></pw-resource-post-details>\n<pw-related-resources></pw-related-resources>\n<pw-trial-4-contact-us [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-trial-4-contact-us>",
+			styles: ["::ng-deep .resource-header .navbar-nav .nav-item .nav-link{color:#000!important}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i2.Title },
+		{ type: i3$1.AuthService },
+		{ type: i0.ChangeDetectorRef },
+		{ type: i0.Injector }
+	]
+});
+const routes = [{
+	path: "",
+	component: ResourcePostComponent,
+	data: {
+		title: "Resources - Post",
+		permission: "Pages.Blog",
+		preload: false
+	}
+}];
+var ResourcePostModule = class ResourcePostModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourcePostModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourcePostModule,
+			declarations: [
+				ResourcePostComponent,
+				ResourcePostDetailsComponent,
+				RelatedResourcesComponent
+			],
+			imports: [
+				ResourceSharedModule,
+				TooltipModule,
+				i6.RouterModule
+			]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.0",
+			ngImport: i0,
+			type: ResourcePostModule,
+			imports: [
+				ResourceSharedModule,
+				TooltipModule,
+				RouterModule.forChild(routes)
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: ResourcePostModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [
+				ResourcePostComponent,
+				ResourcePostDetailsComponent,
+				RelatedResourcesComponent
+			],
+			imports: [
+				ResourceSharedModule,
+				TooltipModule,
+				RouterModule.forChild(routes)
+			],
+			schemas: [CUSTOM_ELEMENTS_SCHEMA]
+		}]
+	}]
+});
+export { ResourcePostModule };
+
+//# sourceMappingURL=posiwise-resource-module-resource-post.module-BJnApbtU.mjs.map