@tet/tet-components 1.3.38-testing → 1.3.39-staging

package/dist/types/components/advanced/cards/utils.d.ts

@@ -1,4 +1,4 @@
-import { productComparisonInterface } from "../../../services/api/index";
+import { productComparisonInterface, ServiceAvailabilityServicesCategoryTheme } from "../../../services/api/index";
 import { CompareCardsInterface } from './tet-compare-cards/tet-compare-cards';
 export interface FormsRedirectParameters {
     product?: string;
@@ -11,5 +11,8 @@ export interface FormsRedirectParameters {
  * @param compareCard Compare card data.
  * @param requestedProduct Requested product code.
  * @param requestedProductData Requested product data from SAC.
+ * @param theme Optional theme for the compare card, defaults to 'light'.
+ * @param darkMode Optional dark mode setting for the compare card.
+ * @param isNetflixCard Optional flag to indicate if the card is for Netflix.
  */
-export declare const fillProductData: (compareCard: CompareCardsInterface, requestedProduct: string, requestedProductData: productComparisonInterface) => CompareCardsInterface;
+export declare const fillProductData: (compareCard: CompareCardsInterface, requestedProduct: string, requestedProductData: productComparisonInterface, theme?: ServiceAvailabilityServicesCategoryTheme, darkMode?: boolean, isNetflixCard?: boolean) => CompareCardsInterface;

package/dist/types/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.d.ts

@@ -15,6 +15,8 @@ export declare class TetTabHeader {
     element: HTMLTetTabHeaderElement;
     /** The theme of the tab. */
     theme: 'light' | 'classic' | 'blue' | 'dark' | 'square' | 'netflix' | 'dark-gray';
+    /** Determines if component is in dark mode */
+    darkMode: boolean;
     /** The type of the tab. */
     type?: 'netflix';
     /** The position of the tabs. */

package/dist/types/components.d.ts

@@ -975,10 +975,6 @@ export namespace Components {
           * This prop defines if the card is in dark mode.
          */
         "darkMode": boolean;
-        /**
-          * This prop defines if the card should use dark mode override.
-         */
-        "darkModeOverride": boolean;
         /**
           * Determines whether the card has equal height or only wraps current content.
          */
@@ -1046,7 +1042,7 @@ export namespace Components {
         /**
           * The theme of the card.
          */
-        "theme": 'light' | 'dark' | ServiceAvailabilityServicesCategoryTheme;
+        "theme": ServiceAvailabilityServicesCategoryTheme;
         /**
           * URL of the thumbnail image.
          */
@@ -1069,7 +1065,7 @@ export namespace Components {
          */
         "cardScript"?: string;
         /**
-          * The prop to determine which is the currently  selected product.
+          * The prop to determine which is the currently selected product.
          */
         "changedProductCode": string;
         /**
@@ -1099,7 +1095,7 @@ export namespace Components {
         /**
           * The theme of the card group.
          */
-        "theme": 'light' | 'dark' | ServiceAvailabilityServicesCategoryTheme;
+        "theme": ServiceAvailabilityServicesCategoryTheme;
         /**
           * Optional text about VAT.
          */
@@ -1109,6 +1105,10 @@ export namespace Components {
      * List of cards for product comparison, sorted by tabs.
      */
     interface TetCompareCardsTab {
+        /**
+          * The dark mode of the component.
+         */
+        "darkMode": boolean;
         /**
           * The array of data to show in the list.
          */
@@ -1117,6 +1117,10 @@ export namespace Components {
           * The prop to determine if force column layout should be set.
          */
         "forceColumn": boolean;
+        /**
+          * This prop defines if the card is a Netflix card.
+         */
+        "isNetflixCard": boolean;
         /**
           * Sets cards layout logic
          */
@@ -1125,6 +1129,10 @@ export namespace Components {
           * The prop to determine if new form url generator structure should be used.
          */
         "newUrlGeneratorStructure": boolean;
+        /**
+          * The theme of the component.
+         */
+        "theme": ServiceAvailabilityServicesCategoryTheme;
     }
     /**
      * A simple contact form for submitting a phone a number that used
@@ -2497,6 +2505,10 @@ export namespace Components {
           * Determines if the autoplay should be run
          */
         "autoplayDelay": number;
+        /**
+          * Determines if component is in dark mode
+         */
+        "darkMode": boolean;
         /**
           * The dataName attribute
          */
@@ -5161,10 +5173,6 @@ declare namespace LocalJSX {
           * This prop defines if the card is in dark mode.
          */
         "darkMode"?: boolean;
-        /**
-          * This prop defines if the card should use dark mode override.
-         */
-        "darkModeOverride"?: boolean;
         /**
           * Determines whether the card has equal height or only wraps current content.
          */
@@ -5232,7 +5240,7 @@ declare namespace LocalJSX {
         /**
           * The theme of the card.
          */
-        "theme"?: 'light' | 'dark' | ServiceAvailabilityServicesCategoryTheme;
+        "theme"?: ServiceAvailabilityServicesCategoryTheme;
         /**
           * URL of the thumbnail image.
          */
@@ -5255,7 +5263,7 @@ declare namespace LocalJSX {
          */
         "cardScript"?: string;
         /**
-          * The prop to determine which is the currently  selected product.
+          * The prop to determine which is the currently selected product.
          */
         "changedProductCode"?: string;
         /**
@@ -5293,7 +5301,7 @@ declare namespace LocalJSX {
         /**
           * The theme of the card group.
          */
-        "theme"?: 'light' | 'dark' | ServiceAvailabilityServicesCategoryTheme;
+        "theme"?: ServiceAvailabilityServicesCategoryTheme;
         /**
           * Optional text about VAT.
          */
@@ -5303,6 +5311,10 @@ declare namespace LocalJSX {
      * List of cards for product comparison, sorted by tabs.
      */
     interface TetCompareCardsTab {
+        /**
+          * The dark mode of the component.
+         */
+        "darkMode"?: boolean;
         /**
           * The array of data to show in the list.
          */
@@ -5311,6 +5323,10 @@ declare namespace LocalJSX {
           * The prop to determine if force column layout should be set.
          */
         "forceColumn"?: boolean;
+        /**
+          * This prop defines if the card is a Netflix card.
+         */
+        "isNetflixCard"?: boolean;
         /**
           * Sets cards layout logic
          */
@@ -5319,6 +5335,10 @@ declare namespace LocalJSX {
           * The prop to determine if new form url generator structure should be used.
          */
         "newUrlGeneratorStructure"?: boolean;
+        /**
+          * The theme of the component.
+         */
+        "theme"?: ServiceAvailabilityServicesCategoryTheme;
     }
     /**
      * A simple contact form for submitting a phone a number that used
@@ -6705,6 +6725,10 @@ declare namespace LocalJSX {
           * Determines if the autoplay should be run
          */
         "autoplayDelay"?: number;
+        /**
+          * Determines if component is in dark mode
+         */
+        "darkMode"?: boolean;
         /**
           * The dataName attribute
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tet/tet-components",
-  "version": "v1.3.38-testing",
+  "version": "v1.3.39-staging",
   "description": "A Stencil-based Web Components library for reusable UI elements.",
   "homepage": "https://tet.lv",
   "main": "dist/index.cjs.js",

package/dist/tet-components/p-0be41652.js

@@ -1 +0,0 @@
-import{e as t,A as o}from"./p-17219f8f.js";import{g as e}from"./p-6e631dc7.js";const l=e=>{let l;try{l=new URL(t.productComparison).href}catch(t){return console.error(t),Promise.reject("SAC product comparison endpoint URL generation failed.")}return(new o).setUrl(l+"?products="+e).setOptions({method:"GET"}).setErrorFallbackValue([]).execute()},n=(t,o,l)=>{var n,i,c,s;const r=t.options,a=l.contractTerms,u=l.contractTerms[0],d=null!==(c=null===(i=null===(n=l.attributes)||void 0===n?void 0:n.find((t=>"isBestChoice"===t.key)))||void 0===i?void 0:i.value)&&void 0!==c&&c;let p=t.language,v=null,f=null,m=null,b=null;const j=a.find((t=>0===t.term));null!==u.contract&&(v=u.contract),null!==u.priceDescription&&(f=u.priceDescription[p]),(null===(s=l.benefits)||void 0===s?void 0:s[p])&&(m=l.benefits[p].split("\n"));let y=j.amount;const h=l.formUrl[p],O={product:o,contractTerm:0};void 0!==t.options.contractTerm&&a.forEach((o=>{var e;parseFloat(t.options.contractTerm)===o.term&&(o.isAlwaysOn||o.showDiscount)&&(O.product=l.productCode,O.contractTerm=o.term,O.promotion=o.promotionCode,y=o.amount,v=o.contract,f=o.priceDescription?o.priceDescription[p]:"",o.showDiscount&&(b=parseFloat(l.amount.toString()).toFixed(2).replace(".",",")),(null===(e=o.benefits)||void 0===e?void 0:e[p])&&(m=o.benefits[p].split("\n")))}));let T=e(h,O);T=r.manualForm&&""!==r.link?r.link:T+"&lang="+p,r.formParameters&&(T+=r.formParameters);const C=parseFloat(y.toString()).toFixed(2).replace(".",",");t=Object.assign(Object.assign({},t),{bestChoice:d});const F=Object.assign(Object.assign({},r),{price:C,oldPrice:b,mainTitle:l.name[p],subTitle:l.subtitle[p],bulletPoints:m,infoItem:""!==l.descriptionTooltip[p]?'<tet-icon class="icon" name="info-circle" focusable={true}></tet-icon><tet-tooltip class="tet-tooltip">'+l.descriptionTooltip[p]+"</tet-tooltip><style>.tet-tooltip { --text-font: var(--font-family-content) }</style>":"",link:T.toString(),secondaryLink:v,helper:f});return t.options=F,t.isNetflixCard||delete t.productCode,t},i=(t,o,e)=>{var l,n,i;const c=t.options,s=null===(n=null===(l=e.attributes)||void 0===l?void 0:l.find((t=>"isBestChoice"===t.key)))||void 0===n?void 0:n.value,r=e.contractTerms,a=e.contractTerms[0];let u=t.language,d=null,p=null,v=null,f=null;const m=r.find((t=>0===t.term));null!==a.contract&&(d=a.contract),null!==a.priceDescription&&(p=a.priceDescription[u]),(null===(i=e.benefits)||void 0===i?void 0:i[u])&&(v=e.benefits[u].split("\n"));let b=m.amount,j=e.formUrl[u]+"?product="+o;e.subscriptionCode&&(j=e.formUrl[u]+"?product="+e.salesforceProductCode+"&subscriptionCode="+e.subscriptionCode),void 0!==t.options.contractTerm&&r.forEach((o=>{var l;parseFloat(t.options.contractTerm)===o.term&&(o.isAlwaysOn||o.showDiscount)&&(j=j+"&contractTerm="+o.term+"&promotion="+o.promotionCode,b=o.amount,d=o.contract,p=o.priceDescription?o.priceDescription[u]:"",o.showDiscount&&(f=parseFloat(e.amount.toString()).toFixed(2).replace(".",",")),(null===(l=o.benefits)||void 0===l?void 0:l[u])&&(v=o.benefits[u].split("\n")))})),j=c.manualForm&&""!==c.link?c.link:j+"&lang="+u;const y=parseFloat(b.toString()).toFixed(2).replace(".",",");t=Object.assign(Object.assign({},t),{bestChoice:s});const h=Object.assign(Object.assign({},c),{price:y,oldPrice:f,mainTitle:e.name[u],subTitle:e.subtitle[u],bulletPoints:v,infoItem:""!==e.descriptionTooltip[u]?'<tet-icon class="icon" name="info-circle" focusable={true}></tet-icon><tet-tooltip class="tet-tooltip">'+e.descriptionTooltip[u]+"</tet-tooltip><style>.tet-tooltip { --text-font: var(--font-family-content) }</style>":"",link:j,secondaryLink:d,helper:p});return t.options=h,delete t.productCode,t};export{i as a,n as f,l as p}