@idsoftsource/initial-process 2.2.4 → 2.2.5

package/fesm2022/idsoftsource-initial-process.mjs

@@ -1213,24 +1213,25 @@ class TermsConditionsComponent {
         }));
     }
     /**
-     * Replaces both {{PrivacyAndTerms?.fieldName}} (stored format) and
-     * plain {{fieldName}} tokens with live values from PrivacyAndTerms.
+     * Replaces {{PrivacyAndTerms?.fieldName}} and {{fieldName}} tokens,
+     * then converts literal \n sequences to <br> for HTML rendering.
      */
     interpolate(template) {
         const vars = (this.PrivacyAndTerms ?? {});
         return template
             .replace(/\{\{PrivacyAndTerms\?\.(\w+)\}\}/g, (_, key) => vars[key] ?? '')
-            .replace(/\{\{(\w+)\}\}/g, (_, key) => vars[key] ?? '');
+            .replace(/\{\{(\w+)\}\}/g, (_, key) => vars[key] ?? '')
+            .replace(/\\n/g, '<br>');
     }
     isFilteredBrand() {
         return ['ID Claims', 'Mold Depot', 'Termite Depot'].includes(this.branding?.displayName);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TermsConditionsComponent, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TermsConditionsComponent, isStandalone: false, selector: "app-terms-conditions", inputs: { title: "title", branding: "branding", PrivacyAndTerms: "PrivacyAndTerms", sections: "sections" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"tc-wrapper\">\n  <span class=\"tc-meta\"></span>\n\n  <ng-container *ngFor=\"let section of parsedSections\">\n    <div class=\"section-title\">Last Modified: {{section.versionName}}. {{section?.createdDate}}</div>\n    <div [innerHTML]=\"section.content\"></div>\n    <br><br>\n  </ng-container>\n\n  <div class=\"logo-section mt-5 text-center\">\n    <img [src]=\"branding?.logo\" [alt]=\"branding?.displayName\" [class.filter]=\"isFilteredBrand()\" />\n  </div>\n  <div class=\"content\">\n    <p>\n      &copy;{{PrivacyAndTerms?.currentYear}} {{PrivacyAndTerms?.companyName}}.<br>\n      Proprietary and Confidential Information. Strictly for use by {{PrivacyAndTerms?.companyName}} approved customers only.<br>\n      Duplication or alteration is strictly prohibited without prior written consent.\n    </p>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.tc-wrapper{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.72;color:#374151;letter-spacing:.01em;padding:0 6px;word-spacing:.03em}.tc-meta{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0;width:100%}.section-title{display:block;font-size:14.5px;font-weight:700;color:#0f172a;letter-spacing:-.01em;line-height:1.35;margin-top:2px;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #e2e8f0;text-decoration:none}.h{display:inline;color:#0f172a;font-weight:600;letter-spacing:.015em;line-height:1.9}.tc-list{list-style:none;padding-left:0;margin:12px 0 12px 4px}.tc-list li{position:relative;padding-left:20px;margin-bottom:8px;line-height:1.75}.tc-list li:before{content:\"\\203a\";position:absolute;left:0;top:0;color:#1e40af;font-weight:700;font-size:15px}.logo-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:48px;margin-bottom:0;overflow:visible;min-height:42px}.logo-section img{display:block;max-width:160px;height:auto;margin-bottom:16px;position:relative;z-index:2}.logo-section .filter{filter:brightness(.5)}.content{font-size:11.5px;line-height:1.7;text-align:center;color:#6b7280;letter-spacing:.01em;margin-top:10px;margin-bottom:32px}\n"], dependencies: [{ kind: "directive", type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TermsConditionsComponent, isStandalone: false, selector: "app-terms-conditions", inputs: { title: "title", branding: "branding", PrivacyAndTerms: "PrivacyAndTerms", sections: "sections" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"tc-wrapper\">\n  <span class=\"tc-meta\"></span>\n\n  <ng-container *ngFor=\"let section of parsedSections\">\n    <div class=\"section-title\">Last Modified: {{section.versionName}}. {{section?.createdDate}}</div>\n    <div [innerHTML]=\"section.content\"></div>\n    <br><br>\n  </ng-container>\n\n  <div class=\"logo-section mt-5 text-center\">\n    <img [src]=\"branding?.logo\" [alt]=\"branding?.displayName\" [class.filter]=\"isFilteredBrand()\" />\n  </div>\n  <div class=\"content\">\n    <p>\n      &copy;{{PrivacyAndTerms?.currentYear}} {{PrivacyAndTerms?.companyName}}.<br>\n      Proprietary and Confidential Information. Strictly for use by {{PrivacyAndTerms?.companyName}} approved customers only.<br>\n      Duplication or alteration is strictly prohibited without prior written consent.\n    </p>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.tc-wrapper{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.72;color:#374151;letter-spacing:.01em;padding:0 6px;word-spacing:.03em}.tc-meta{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0;width:100%}.section-title{display:block;font-size:14.5px;font-weight:700;color:#0f172a;letter-spacing:-.01em;line-height:1.35;margin-top:2px;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #e2e8f0;text-decoration:none}.h{display:inline;color:#0f172a;font-weight:600;letter-spacing:.015em;line-height:1.9}.tc-list{list-style:none;padding-left:0;margin:12px 0 12px 4px}.tc-list li{position:relative;padding-left:20px;margin-bottom:8px;line-height:1.75}.tc-list li:before{content:\"\\203a\";position:absolute;left:0;top:0;color:#1e40af;font-weight:700;font-size:15px}.logo-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:48px;margin-bottom:0;overflow:visible;min-height:42px}.logo-section img{display:block;max-width:160px;height:auto;margin-bottom:16px;position:relative;z-index:2}.logo-section .filter{filter:brightness(.5)}.content{font-size:11.5px;line-height:1.7;text-align:center;color:#6b7280;letter-spacing:.01em;margin-top:10px;margin-bottom:32px}.privacy-policy-modal{background:#fff;padding:0 20px;max-width:650px;margin:auto;display:flex;flex-direction:column;align-items:center}.privacy-policy-modal .modal-footer{width:100%;display:flex;justify-content:center}.privacy-policy-modal .modal-footer .btn{padding:8px 25px;font-size:12px}\n"], dependencies: [{ kind: "directive", type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TermsConditionsComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'app-terms-conditions', template: "<div class=\"tc-wrapper\">\n  <span class=\"tc-meta\"></span>\n\n  <ng-container *ngFor=\"let section of parsedSections\">\n    <div class=\"section-title\">Last Modified: {{section.versionName}}. {{section?.createdDate}}</div>\n    <div [innerHTML]=\"section.content\"></div>\n    <br><br>\n  </ng-container>\n\n  <div class=\"logo-section mt-5 text-center\">\n    <img [src]=\"branding?.logo\" [alt]=\"branding?.displayName\" [class.filter]=\"isFilteredBrand()\" />\n  </div>\n  <div class=\"content\">\n    <p>\n      &copy;{{PrivacyAndTerms?.currentYear}} {{PrivacyAndTerms?.companyName}}.<br>\n      Proprietary and Confidential Information. Strictly for use by {{PrivacyAndTerms?.companyName}} approved customers only.<br>\n      Duplication or alteration is strictly prohibited without prior written consent.\n    </p>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.tc-wrapper{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.72;color:#374151;letter-spacing:.01em;padding:0 6px;word-spacing:.03em}.tc-meta{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0;width:100%}.section-title{display:block;font-size:14.5px;font-weight:700;color:#0f172a;letter-spacing:-.01em;line-height:1.35;margin-top:2px;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #e2e8f0;text-decoration:none}.h{display:inline;color:#0f172a;font-weight:600;letter-spacing:.015em;line-height:1.9}.tc-list{list-style:none;padding-left:0;margin:12px 0 12px 4px}.tc-list li{position:relative;padding-left:20px;margin-bottom:8px;line-height:1.75}.tc-list li:before{content:\"\\203a\";position:absolute;left:0;top:0;color:#1e40af;font-weight:700;font-size:15px}.logo-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:48px;margin-bottom:0;overflow:visible;min-height:42px}.logo-section img{display:block;max-width:160px;height:auto;margin-bottom:16px;position:relative;z-index:2}.logo-section .filter{filter:brightness(.5)}.content{font-size:11.5px;line-height:1.7;text-align:center;color:#6b7280;letter-spacing:.01em;margin-top:10px;margin-bottom:32px}\n"] }]
+            args: [{ standalone: false, selector: 'app-terms-conditions', template: "<div class=\"tc-wrapper\">\n  <span class=\"tc-meta\"></span>\n\n  <ng-container *ngFor=\"let section of parsedSections\">\n    <div class=\"section-title\">Last Modified: {{section.versionName}}. {{section?.createdDate}}</div>\n    <div [innerHTML]=\"section.content\"></div>\n    <br><br>\n  </ng-container>\n\n  <div class=\"logo-section mt-5 text-center\">\n    <img [src]=\"branding?.logo\" [alt]=\"branding?.displayName\" [class.filter]=\"isFilteredBrand()\" />\n  </div>\n  <div class=\"content\">\n    <p>\n      &copy;{{PrivacyAndTerms?.currentYear}} {{PrivacyAndTerms?.companyName}}.<br>\n      Proprietary and Confidential Information. Strictly for use by {{PrivacyAndTerms?.companyName}} approved customers only.<br>\n      Duplication or alteration is strictly prohibited without prior written consent.\n    </p>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.tc-wrapper{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.72;color:#374151;letter-spacing:.01em;padding:0 6px;word-spacing:.03em}.tc-meta{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0;width:100%}.section-title{display:block;font-size:14.5px;font-weight:700;color:#0f172a;letter-spacing:-.01em;line-height:1.35;margin-top:2px;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #e2e8f0;text-decoration:none}.h{display:inline;color:#0f172a;font-weight:600;letter-spacing:.015em;line-height:1.9}.tc-list{list-style:none;padding-left:0;margin:12px 0 12px 4px}.tc-list li{position:relative;padding-left:20px;margin-bottom:8px;line-height:1.75}.tc-list li:before{content:\"\\203a\";position:absolute;left:0;top:0;color:#1e40af;font-weight:700;font-size:15px}.logo-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:48px;margin-bottom:0;overflow:visible;min-height:42px}.logo-section img{display:block;max-width:160px;height:auto;margin-bottom:16px;position:relative;z-index:2}.logo-section .filter{filter:brightness(.5)}.content{font-size:11.5px;line-height:1.7;text-align:center;color:#6b7280;letter-spacing:.01em;margin-top:10px;margin-bottom:32px}.privacy-policy-modal{background:#fff;padding:0 20px;max-width:650px;margin:auto;display:flex;flex-direction:column;align-items:center}.privacy-policy-modal .modal-footer{width:100%;display:flex;justify-content:center}.privacy-policy-modal .modal-footer .btn{padding:8px 25px;font-size:12px}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.DomSanitizer }], propDecorators: { title: [{
                 type: Input
             }], branding: [{