@kompasid/lit-web-components 0.9.46 → 0.9.48

package/src/components/kompasid-header-account-menu/KompasHeaderAccountMenu.ts

@@ -60,19 +60,17 @@ export class KompasHeaderAccountMenu extends LitElement {
   /**
    * Logout Url
    */
-  @property({ type: String }) logout_url = 'https://auth.kompas.id/logout'
+  @property({ type: String }) logout_url = ''
 
   /**
    * Manage Account Url
    */
-  @property({ type: String }) manage_account_url =
-    'https://manage-account.kompas.id/manage-account/my-account'
+  @property({ type: String }) manage_account_url = ''
 
   /**
    * Read Later Url
    */
-  @property({ type: String }) read_later_url =
-    'https://www.kompas.id/baca-nanti'
+  @property({ type: String }) read_later_url = ''
 
   // Render Total Bubble
   private renderTotalBubble = (total: number) => {
@@ -95,6 +93,16 @@ export class KompasHeaderAccountMenu extends LitElement {
     `
   }
 
+  private komputasiUrl() {
+    return {
+      read_later_url: this.read_later_url || 'https://www.kompas.id/baca-nanti',
+      manage_account_url:
+        this.manage_account_url ||
+        'https://manage-account.kompas.id/manage-account/my-account',
+      logout_url: this.logout_url || 'https://auth.kompas.id/logout',
+    }
+  }
+
   override async connectedCallback() {
     super.connectedCallback()
   }
@@ -111,7 +119,10 @@ export class KompasHeaderAccountMenu extends LitElement {
             <p class="header-account-menu--title">Keranjang</p>
           </a> -->
           <!-- Manage Account  -->
-          <a href=${this.manage_account_url} class="header-account-menu--item">
+          <a
+            href=${this.komputasiUrl().manage_account_url}
+            class="header-account-menu--item"
+          >
             <div class="icon icon-md icon-blue-600">
               ${unsafeSVG(getFontAwesomeIcon('fas', 'user-gear'))}
             </div>
@@ -123,14 +134,20 @@ export class KompasHeaderAccountMenu extends LitElement {
             <p class="header-account-menu--title">Transaksi</p>
           </a> -->
           <!-- Read Later  -->
-          <a href=${this.read_later_url} class="header-account-menu--item">
+          <a
+            href=${this.komputasiUrl().read_later_url}
+            class="header-account-menu--item"
+          >
             <div class="icon icon-md icon-blue-600">
               ${unsafeSVG(getFontAwesomeIcon('fas', 'bookmark'))}
             </div>
             <p class="header-account-menu--title">Baca Nanti</p>
           </a>
           <!-- Logout -->
-          <a href=${this.logout_url} class="header-account-menu--item">
+          <a
+            href=${this.komputasiUrl().logout_url}
+            class="header-account-menu--item"
+          >
             <div class="icon icon-md icon-blue-600">
               ${unsafeSVG(getFontAwesomeIcon('fas', 'right-from-bracket'))}
             </div>

package/src/components/kompasid-paywall/KompasPaywall.ts

@@ -382,10 +382,6 @@ export class KompasPaywall extends LitElement {
       tracker_content_variant: trackerVariant,
     } = this
 
-    if (!publishedDate || !trackerVariant || !trackerTags) {
-      return false
-    }
-
     const nowDate = new Date()
     const isoDateString = publishedDate.replace(' ', 'T')
     const publishedDateObj = new Date(isoDateString)

package/src/components/kompasid-paywall-body/KompasPaywallBody.ts

@@ -667,9 +667,7 @@ export class KompasIdPaywallBody extends LitElement {
       buttonContent = nothing
     }
 
-    const headerClass = `text-base flex justify-center self-center md:block md:text-xl ${buttonTextColorClass} text-center font-lora font-bold tracking-normal max-w-xs sm:max-w-lg md:w-full md:max-w-[492px] ${
-      type === 'audio' && 'sm:px-16 md:px-20'
-    }`
+    const headerClass = `text-base flex justify-center self-center md:block md:text-xl ${buttonTextColorClass} text-center font-lora font-bold tracking-normal max-w-xs sm:max-w-lg md:w-full md:max-w-[492px]`
 
     return html`
       <div class="flex w-full items-start justify-center relative  md:px-10">

package/tailwind/tailwind.css

@@ -2223,11 +2223,6 @@ video {
     padding-left: 0px;
     padding-right: 0px;
   }
-
-  .sm\:px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
 }
 
 @media (min-width: 768px) {

package/tailwind/tailwind.ts

@@ -2246,11 +2246,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-left: 0px;
       padding-right: 0px;
     }
-
-    .sm\\:px-16 {
-      padding-left: 4rem;
-      padding-right: 4rem;
-    }
   }
 
   @media (min-width: 768px) {