sfc-utils 1.3.55 → 1.3.57

package/components/topper2.mjs

@@ -17,7 +17,10 @@ const Topper2 = ({ settings, wcmData, lazyloader }) => {
         return [topperStyles.headerDekStacked, " mw-lg mt-lg mb-md"];
       case "full-screen": 
         // apply margin offsets from spreadsheet
-        calculatefullScreenOffsets();
+        if (typeof window != "undefined") {
+          calculatefullScreenOffsets();
+        }
+
         return [
           topperStyles.headerDekFullScreen, fullScreenHorizontalCss(),
           ... (HeaderDek_Vertical_Position === "top") ? [topperStyles.headerDekTop] : [topperStyles.headerDekBottom],

package/components/wcmimage2.mjs

@@ -17,7 +17,7 @@ const ImageHTML = ({fullPath, imageRez, alt, isFullScreenTopper}) => {
   )
 }
 
-const WCMImage = ({ wcm, alt, isNotLazyloaded, ratio, wcmData, lazyloader, isFullScreenTopper }) => {
+const WCMImage = ({ wcm, alt, ratio, wcmData, lazyloader, isFullScreenTopper }) => {
   // When the wrapping div is rendered, we're going to figure out the best size for this image to be
   let picRef = useRef(null)
   let [imageRez, setImageRez] = useState(0)
@@ -56,7 +56,11 @@ const WCMImage = ({ wcm, alt, isNotLazyloaded, ratio, wcmData, lazyloader, isFul
 
   // This calculation is not used for the topper impl, but keeping it here just in case
   // it is needed for the general WCMImage utils migration
-  let r = document.querySelector(':root');
+  let r = null;
+  if (typeof window != "undefined") {
+    r = document.querySelector(':root');
+  }
+
   let photoRatio = "56.25%"; // Default to 16/9
   let fullPath = `https://s.hdnux.com/photos/0/0/0/${wcm}/0/`;
   if (!ratio){
@@ -69,7 +73,9 @@ const WCMImage = ({ wcm, alt, isNotLazyloaded, ratio, wcmData, lazyloader, isFul
     if (matchedPhoto){  
       // Set ratio of the actual photo like a legit hacker
       photoRatio = (matchedPhoto.photo.ratio*100)+"%";
-      r.style.setProperty('--img-bottom-padding-ratio', photoRatio); 
+      if (r) { 
+        r.style.setProperty('--img-bottom-padding-ratio', photoRatio); 
+      }
 
       fullPath = matchedPhoto.photo.full_path;
     } else {
@@ -79,7 +85,9 @@ const WCMImage = ({ wcm, alt, isNotLazyloaded, ratio, wcmData, lazyloader, isFul
   } else {
     // If an override is being passed in, use that
     photoRatio = ratio
-    r.style.setProperty('--img-bottom-padding-ratio', photoRatio); 
+    if (r) {
+      r.style.setProperty('--img-bottom-padding-ratio', photoRatio); 
+    }
   }
 
   // Get serious about alt tags
@@ -92,12 +100,9 @@ const WCMImage = ({ wcm, alt, isNotLazyloaded, ratio, wcmData, lazyloader, isFul
 
   return (
     <div ref={picRef}>
-      {!isNotLazyloaded && (
         <LazyLoaderHTML>
           <ImageHTML fullPath={fullPath} imageRez={imageRez} alt={alt} isFullScreenTopper={isFullScreenTopper}/>
         </LazyLoaderHTML>
-      )}
-      {isNotLazyloaded && <ImageHTML fullPath={fullPath} imageRez={imageRez} alt={alt} isFullScreenTopper={isFullScreenTopper}/>}
     </div>
   )
 }
@@ -105,7 +110,6 @@ const WCMImage = ({ wcm, alt, isNotLazyloaded, ratio, wcmData, lazyloader, isFul
 WCMImage.propTypes = {
   wcm: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
   alt: PropTypes.string.isRequired,
-  isLazyloaded: PropTypes.bool,
   ratio: PropTypes.string,
   lazyloader: PropTypes.element
 }

package/copy/c2p_sheet.js

@@ -63,7 +63,7 @@ let createSheet = (auth, fallback, configData) => {
 
     const drive = google.drive({ version: "v3", auth });
     const body = { title: "New C2P sheet" };
-    const templateId = "1juVrba9UNHVZV13e23o0gcwOw8YzX_1b7uxTI_jv7_4";
+    const templateId = "1DUvYnFdxtBv1AXcDI9X00s_opUSu4uHJmd5LNemCN9E";
     drive.files.copy(
       {
         fileId: templateId, // Base template

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sfc-utils",
-  "version": "1.3.55",
+  "version": "1.3.57",
   "author": "ewagstaff <evanjwagstaff@gmail.com>",
   "dependencies": {
     "archieml": "^0.4.2",

package/styles/variables.less

@@ -29,7 +29,7 @@
 
 //widths
 @xs: 320px;
-@sm: 400px;
+@sm: 480px;
 @md: 672px;
 @lg: 928px;
 @xl: 1200px;
@@ -140,4 +140,4 @@
 @purple-75: #AC84A5;
 @purple-50: #C1A3BC;
 @purple-25: #D6C1D3;
-@purple-0: #EBE0E9;
+@purple-0: #EBE0E9;