@surfside/ads-core-web 0.1.22 → 0.1.23

package/lib/esm/rendering/Carousel.js

@@ -279,126 +279,126 @@ export class EmptyFirstPageError extends Error {
     }
 }
 ;
-const template = `<div class="carousel-wrapper">
-    <div class="sponsored-carousel"></div>
-    <div class="surf-carousel">
-        <div class="items"></div>
-        <div class="arrows">
-            <div class="arrow left"></div>
-            <div class="arrow right"></div>
-        </div>
-    </div>
+const template = `<div class="carousel-wrapper">
+    <div class="sponsored-carousel"></div>
+    <div class="surf-carousel">
+        <div class="items"></div>
+        <div class="arrows">
+            <div class="arrow left"></div>
+            <div class="arrow right"></div>
+        </div>
+    </div>
 </div>`;
-const style = `
-.surf-carousel {
-    display: flex;
-    position: relative;
-    flex-grow: 1;
-
-    .sponsored-carousel {
-        font-family: 'Helvetica', Verdana, Geneva, Tahoma, sans-serif;
-        margin: 10px 0;
-        font-size: 24px;
-
-        &::before {
-            content: 'For you';
-        }
-
-        &.sponsoredByOne::before {
-            content: 'Sponsored by ';
-        }
-
-        &.recommended::before {
-            content: 'Recommended';
-        }
-
-        &.sponsoredByMany::before {
-            content: 'Sponsored';
-        }
-    }
-
-    .carousel-wrapper {
-        width: 100%;
-        overflow-x: clip;
-        position: relative;
-    }
-
-    .items {
-        z-index: 1;
-        display: flex;
-        flex-direction: row;
-        flex-grow: 1;
-        flex-wrap: nowrap;
-        align-items: stretch;
-        padding: 0 37px;
-        box-sizing: border-box;
-        transition: transform 0.4s ease-out;
-        width: 100%;
-
-        .surf-product-card {
-            flex: 1;
-            display: flex;
-            padding: 5px;
-            box-sizing: border-box;
-        }
-    }
-
-    
-}
-
-.arrows {
-
-    .arrow {
-        z-index: 2;
-        position: absolute;
-        top: 50%;
-        transform: translateY(-50%);
-        width: 40px;
-        height: 40px;
-        display: flex;
-        background-color: rgba(0, 0, 0, 0.5);
-        margin: 0 1rem;
-        justify-content: center;
-        align-items: center;
-        border-radius: 50%;
-        cursor: pointer;
-        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2),
-                    0 2px 8px 0 rgba(0, 0, 0, 0.2);
-
-        &:hover {
-            background-color: rgba(0, 0, 0, 0.6);
-        }
-
-        &.disabled {
-            cursor: not-allowed;
-            filter: grayscale(100%);
-            opacity: 0.2;
-        }
-
-        &.left {
-            left: -10px;
-
-            &:before {
-                content: "";
-                background: url('//cdn.surfside.io/icons/left-arrow.svg')
-                no-repeat center;
-                width: 40px;
-                height: 40px;
-            }
-        }
-
-        &.right {
-            right: 0;
-
-            &:before {
-                content: "";
-                background: url('//cdn.surfside.io/icons/right-arrow.svg')
-                no-repeat center;
-                width: 40px;
-                height: 40px;
-            }
-
-        }
-    }
+const style = `
+.surf-carousel {
+    display: flex;
+    position: relative;
+    flex-grow: 1;
+
+    .sponsored-carousel {
+        font-family: 'Helvetica', Verdana, Geneva, Tahoma, sans-serif;
+        margin: 10px 0;
+        font-size: 24px;
+
+        &::before {
+            content: 'For you';
+        }
+
+        &.sponsoredByOne::before {
+            content: 'Sponsored by ';
+        }
+
+        &.recommended::before {
+            content: 'Recommended';
+        }
+
+        &.sponsoredByMany::before {
+            content: 'Sponsored';
+        }
+    }
+
+    .carousel-wrapper {
+        width: 100%;
+        overflow-x: clip;
+        position: relative;
+    }
+
+    .items {
+        z-index: 1;
+        display: flex;
+        flex-direction: row;
+        flex-grow: 1;
+        flex-wrap: nowrap;
+        align-items: stretch;
+        padding: 0 37px;
+        box-sizing: border-box;
+        transition: transform 0.4s ease-out;
+        width: 100%;
+
+        .surf-product-card {
+            flex: 1;
+            display: flex;
+            padding: 5px;
+            box-sizing: border-box;
+        }
+    }
+
+    
+}
+
+.arrows {
+
+    .arrow {
+        z-index: 2;
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 40px;
+        height: 40px;
+        display: flex;
+        background-color: rgba(0, 0, 0, 0.5);
+        margin: 0 1rem;
+        justify-content: center;
+        align-items: center;
+        border-radius: 50%;
+        cursor: pointer;
+        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2),
+                    0 2px 8px 0 rgba(0, 0, 0, 0.2);
+
+        &:hover {
+            background-color: rgba(0, 0, 0, 0.6);
+        }
+
+        &.disabled {
+            cursor: not-allowed;
+            filter: grayscale(100%);
+            opacity: 0.2;
+        }
+
+        &.left {
+            left: -10px;
+
+            &:before {
+                content: "";
+                background: url('//cdn.surfside.io/icons/left-arrow.svg')
+                no-repeat center;
+                width: 40px;
+                height: 40px;
+            }
+        }
+
+        &.right {
+            right: 0;
+
+            &:before {
+                content: "";
+                background: url('//cdn.surfside.io/icons/right-arrow.svg')
+                no-repeat center;
+                width: 40px;
+                height: 40px;
+            }
+
+        }
+    }
 }`;
 //# sourceMappingURL=Carousel.js.map

package/lib/esm/rendering/ProductCard.js

@@ -105,24 +105,24 @@ export class MissingTrackersError extends Error {
     }
 }
 ;
-const style = `.surf-product-card {
-    width: 100%;
-
-    &.sponsored {
-        position: relative;
-
-        &::after {
-            content: 'Sponsored';
-            position: absolute;
-            font-family: Verdana, Helvetica, 'sans-serif';
-            font-weight: 100;
-            color: #e0e0e0;
-            font-size: 12px;
-            box-sizing: border-box;
-            bottom: 0px;
-            width: 100%;
-            text-align: center;
-        }
-    }
+const style = `.surf-product-card {
+    width: 100%;
+
+    &.sponsored {
+        position: relative;
+
+        &::after {
+            content: 'Sponsored';
+            position: absolute;
+            font-family: Verdana, Helvetica, 'sans-serif';
+            font-weight: 100;
+            color: #e0e0e0;
+            font-size: 12px;
+            box-sizing: border-box;
+            bottom: 0px;
+            width: 100%;
+            text-align: center;
+        }
+    }
 }`;
 //# sourceMappingURL=ProductCard.js.map

package/lib/esm/rendering/ProductCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.js","sourceRoot":"src/","sources":["rendering/ProductCard.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductCard.js","sourceRoot":"src/","sources":["rendering/ProductCard.ts"],"names":[],"mappings":"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"}

package/lib/esm/rendering/Video.js

@@ -169,127 +169,127 @@ const toggleMute = (logger, videoElement, e) => {
         element.classList.remove('muted');
     }
 };
-const template = `<div>
-    <video id="surf-video-container" autoplay muted></video>
-
-    <div class="timer">
-        <svg
-            width="36"
-            height="36"
-            viewBox="-2 2 36 36"
-        >
-            <circle
-                cx="16"
-                cy="16"
-                r="15"
-                stroke="#7b4af4"
-                stroke-width="4"
-                fill="none"
-                class="timer-circle"
-            />
-        </svg>
-        <div class="timer-value"></div>
-    </div>
-
-    <div class="watermark"></div>
-    <div class="mute-button muted"></div>
+const template = `<div>
+    <video id="surf-video-container" autoplay muted></video>
+
+    <div class="timer">
+        <svg
+            width="36"
+            height="36"
+            viewBox="-2 2 36 36"
+        >
+            <circle
+                cx="16"
+                cy="16"
+                r="15"
+                stroke="#7b4af4"
+                stroke-width="4"
+                fill="none"
+                class="timer-circle"
+            />
+        </svg>
+        <div class="timer-value"></div>
+    </div>
+
+    <div class="watermark"></div>
+    <div class="mute-button muted"></div>
 </div>`;
-const style = `@keyframes grow-arc {
-    0% {
-        stroke-dasharray: 0 94;   /* 0% of the circumference */
-        stroke-dashoffset: 0;
-    }
-    50% {
-        stroke-dasharray: 47 94; /* 90 degrees of the circle */
-        stroke-dashoffset: 0;
-    }
-    100% {
-        stroke-dasharray: 94 94; /* Full circle */
-        stroke-dashoffset: 0;
-    }
-}
-
-
-.surfside-video {
-    --icon-muted: url('//cdn.surfside.io/icons/muted.svg');
-    --icon-unmuted: url('//cdn.surfside.io/icons/unmuted.svg');
-
-    position: relative;
-    overflow: hidden;
-
-    video {
-        width: 100%;
-        height: auto;
-    }
-
-    .timer {
-        position: absolute;
-        left: 5px;
-        top: 5px;
-        width: 32px;
-        height: 32px;
-
-        .timer-value {
-            position: absolute;
-            top: 0px;
-            left: 0;
-            width: 36px;
-            height: 36px;
-
-            color: white;
-
-            font-family: Poppins, Arial;
-            text-align: center;
-            font-size: 12px;
-            line-height: 36px;
-        }
-
-        .timer-circle {
-            fill: none;
-            stroke-width: 4;
-            animation-name: grow-arc;
-            animation-iteration-count: 1;
-            animation-timing-function: linear;
-            animation-fill-mode: forwards;
-            transform: rotate(-90deg);
-            transform-origin: 50% 50%;
-        }
-
-    }
-
-    .mute-button {
-        position: absolute;
-        width: 24px;
-        height: 24px;
-        right: 5px;
-        bottom: 5px;
-        cursor: pointer;
-        transition: transform 0.2s;
-        filter: drop-shadow(0 0 2px white) drop-shadow(0 0 4px white);
-
-        &:hover {
-            transform: scale(1.3);
-        }
-
-        &:active {
-            transform: scale(0.8);
-        }
-
-        &.muted {
-            background-image: var(--icon-muted);
-
-            &:hover {
-                background-image: var(--icon-unmuted);
-            }
-        }
-
-        &.unmuted {
-            background-image: var(--icon-unmuted);
-
-            &:hover {
-                background-image: var(--icon-muted);
-            }
-        }
-    }
+const style = `@keyframes grow-arc {
+    0% {
+        stroke-dasharray: 0 94;   /* 0% of the circumference */
+        stroke-dashoffset: 0;
+    }
+    50% {
+        stroke-dasharray: 47 94; /* 90 degrees of the circle */
+        stroke-dashoffset: 0;
+    }
+    100% {
+        stroke-dasharray: 94 94; /* Full circle */
+        stroke-dashoffset: 0;
+    }
+}
+
+
+.surfside-video {
+    --icon-muted: url('//cdn.surfside.io/icons/muted.svg');
+    --icon-unmuted: url('//cdn.surfside.io/icons/unmuted.svg');
+
+    position: relative;
+    overflow: hidden;
+
+    video {
+        width: 100%;
+        height: auto;
+    }
+
+    .timer {
+        position: absolute;
+        left: 5px;
+        top: 5px;
+        width: 32px;
+        height: 32px;
+
+        .timer-value {
+            position: absolute;
+            top: 0px;
+            left: 0;
+            width: 36px;
+            height: 36px;
+
+            color: white;
+
+            font-family: Poppins, Arial;
+            text-align: center;
+            font-size: 12px;
+            line-height: 36px;
+        }
+
+        .timer-circle {
+            fill: none;
+            stroke-width: 4;
+            animation-name: grow-arc;
+            animation-iteration-count: 1;
+            animation-timing-function: linear;
+            animation-fill-mode: forwards;
+            transform: rotate(-90deg);
+            transform-origin: 50% 50%;
+        }
+
+    }
+
+    .mute-button {
+        position: absolute;
+        width: 24px;
+        height: 24px;
+        right: 5px;
+        bottom: 5px;
+        cursor: pointer;
+        transition: transform 0.2s;
+        filter: drop-shadow(0 0 2px white) drop-shadow(0 0 4px white);
+
+        &:hover {
+            transform: scale(1.3);
+        }
+
+        &:active {
+            transform: scale(0.8);
+        }
+
+        &.muted {
+            background-image: var(--icon-muted);
+
+            &:hover {
+                background-image: var(--icon-unmuted);
+            }
+        }
+
+        &.unmuted {
+            background-image: var(--icon-unmuted);
+
+            &:hover {
+                background-image: var(--icon-muted);
+            }
+        }
+    }
 }`;
 //# sourceMappingURL=Video.js.map

package/lib/esm/rendering/Watermark.js

@@ -18,38 +18,38 @@ export const RenderWatermark = (logger) => {
     }
     return Ok(wrapper);
 };
-const template = `<div class="watermark">
-    <a href="https://surfside.io/contact" target="_blank">
-        <div class="watermark-svg">
-            <img src="https://cdn.surfside.io/assets/surfside-logo.svg" alt="Surfside logo"/>
-        </div>
-    </a>
-</div>
+const template = `<div class="watermark">
+    <a href="https://surfside.io/contact" target="_blank">
+        <div class="watermark-svg">
+            <img src="https://cdn.surfside.io/assets/surfside-logo.svg" alt="Surfside logo"/>
+        </div>
+    </a>
+</div>
 `;
-const style = `.watermark {
-    background: rgba(255, 255, 255, 0.7);
-
-    position: absolute;
-    right: -67px;
-    width: 85px;
-    /* transform: scale(0.8); */
-    transform-origin: bottom right;
-    bottom: 0;
-
-    padding: 3px 2px 0px 6px;
-    border-radius: 5px 0 0 5px !important;
-    transition: right 300ms ease-out;
-
-    &:hover {
-        right: 0
-    }
-}
-
-.surfside-video .watermark {
-    top: 0;
-    height: auto;
-    bottom: initial;
-    overflow: hidden;
-}
+const style = `.watermark {
+    background: rgba(255, 255, 255, 0.7);
+
+    position: absolute;
+    right: -67px;
+    width: 85px;
+    /* transform: scale(0.8); */
+    transform-origin: bottom right;
+    bottom: 0;
+
+    padding: 3px 2px 0px 6px;
+    border-radius: 5px 0 0 5px !important;
+    transition: right 300ms ease-out;
+
+    &:hover {
+        right: 0
+    }
+}
+
+.surfside-video .watermark {
+    top: 0;
+    height: auto;
+    bottom: initial;
+    overflow: hidden;
+}
 `;
 //# sourceMappingURL=Watermark.js.map

package/lib/types/Init.d.ts

@@ -0,0 +1,24 @@
+import { type ILoadSurfAdsClientConfiguration, type ISurfAdsCoreConfiguration, type Result, type AsyncResult, type ISurfAdsClientDependencies, type ILogger, type ISurfAdsClientConfigurationOverrides } from '@surfside/ads-core-client';
+import { type ISurfsideWebApi } from '.';
+export interface ISurfAdsWebConfigurationOverrides extends ISurfAdsClientConfigurationOverrides {
+}
+export interface ISurfAdsWebConfiguration extends ISurfAdsCoreConfiguration {
+    overrides?: {
+        services?: Partial<ISurfAdsWebConfigurationOverrides>;
+    };
+}
+export interface ILoadSurfAdsWebConfiguration extends ILoadSurfAdsClientConfiguration {
+    overrides?: {
+        services?: Partial<ISurfAdsWebConfigurationOverrides>;
+        dependencies?: Partial<ISurfAdsWebDependencies>;
+    };
+}
+export interface ISurfAdsWebDependencies extends ISurfAdsClientDependencies {
+}
+export declare const CreateSurfAdsWeb: (config: ISurfAdsWebConfiguration) => Result<ISurfsideWebApi>;
+export declare const LoadSurfAdsWebDependencies: (config: ILoadSurfAdsWebConfiguration) => AsyncResult<ISurfAdsWebDependencies>;
+export declare const LoadSurfAdsWeb: (config: ILoadSurfAdsWebConfiguration) => AsyncResult<ISurfsideWebApi>;
+export declare const LoadSurfAdsWebSimple: (accountId: string, siteId: string, channelId: string, locationId: string, userId?: string, logger?: ILogger, telemetry?: boolean, overrides?: {
+    services?: Partial<ISurfAdsWebConfigurationOverrides>;
+    dependencies?: Partial<ISurfAdsWebDependencies>;
+}) => AsyncResult<ISurfsideWebApi>;