@designcrowd/library.brand-page 5.6.2 → 5.6.3

package/lib/src/clients/user-media-client.d.ts

@@ -6,11 +6,12 @@ export declare class UserMediaClient {
     policyData: PolicyData | null;
     constructor(endpoints: Endpoints);
     getPolicyDataAsync(isPublic: boolean): Promise<PolicyData | null>;
-    insertUserMediaAsync(mediaToken: string, name: string, type: string, isPublic: boolean, relatedAssetToken: string | undefined, mediaType: string): Promise<UserMediaItem | undefined>;
+    insertUserMediaAsync(mediaToken: string, name: string, type: string, isPublic: boolean, relatedAssetToken: string | undefined, mediaType: string, hasTriggeredProcessing: boolean): Promise<UserMediaItem | undefined>;
     uploadAndInsertMediaByUrlAsync(imageUrl: string, relatedAssetToken: string): Promise<string | undefined>;
     addPolicyToFormDataAndFile(file: MediaFile, formData: FormData): void;
     uploadUserMedia(file: MediaFile): Promise<void>;
     getUserMediaAsync(extensions: string[], isPublic: boolean, mediaType: string): Promise<UserMediaItem[] | undefined>;
+    getUserMediaByTokenAsync(mediaToken: string): Promise<UserMediaItem | undefined>;
     deleteUserMediaByUserMediaToken(userMediaToken: string): Promise<boolean>;
 }
 export declare const getInstance: (endpoints: Endpoints) => UserMediaClient;

package/lib/src/clients/user-media-client.js

@@ -12,7 +12,7 @@ export class UserMediaClient {
             return this.policyData;
         }
         try {
-            const response = await axios.get(`${this.endpoints.userPolicyDataEndpoint}?isPublic=${isPublic}`);
+            const response = await axios.get(`${this.endpoints.userPolicyDataEndpoint}?isPublic=${isPublic}&isUpload=true`);
             if (response.status !== 200) {
                 if (process.env.NODE_ENV !== 'production') {
                     console.error(`getUserPolicy got response status '${response.status}'`);
@@ -29,9 +29,12 @@ export class UserMediaClient {
         }
         return this.policyData;
     }
-    async insertUserMediaAsync(mediaToken, name, type, isPublic, relatedAssetToken, mediaType) {
+    async insertUserMediaAsync(mediaToken, name, type, isPublic, relatedAssetToken, mediaType, hasTriggeredProcessing) {
         try {
-            const response = await axios.put(`${this.endpoints.createUserMediaEndpoint}/${mediaToken}`, {
+            const reqUrl = hasTriggeredProcessing
+                ? `${this.endpoints.createUserMediaEndpoint}/${mediaToken}?hasTriggeredProcessing=${hasTriggeredProcessing}`
+                : `${this.endpoints.createUserMediaEndpoint}/${mediaToken}`;
+            const response = await axios.put(reqUrl, {
                 mediaToken,
                 mimeType: type,
                 name,
@@ -67,7 +70,7 @@ export class UserMediaClient {
                 console.error(e);
             }
         }
-        const newMedia = await this.insertUserMediaAsync(file.mediaToken, file.name, file.type, true, relatedAssetToken, file.mediaType);
+        const newMedia = await this.insertUserMediaAsync(file.mediaToken, file.name, file.type, true, relatedAssetToken, file.mediaType, false);
         return newMedia?.url;
     }
     addPolicyToFormDataAndFile(file, formData) {
@@ -76,7 +79,7 @@ export class UserMediaClient {
         }
         const mediaToken = uuidV4();
         file.mediaToken = mediaToken;
-        const key = `${this.policyData.keyPrefix}${file.mediaToken}${getExtensionFromMimeType(file.type)}`;
+        const key = `${this.policyData.keyPrefix}${file.mediaToken}`;
         file.key = key;
         formData.append('key', key);
         formData.append('acl', this.policyData.acl);
@@ -110,6 +113,17 @@ export class UserMediaClient {
             }
         }
     }
+    async getUserMediaByTokenAsync(mediaToken) {
+        try {
+            const response = await axios.get(`${this.endpoints.getAllUserMediaEndpoint}/${mediaToken}?isPublic=true`);
+            return response.data;
+        }
+        catch (e) {
+            if (process.env.NODE_ENV !== 'production') {
+                console.error(e);
+            }
+        }
+    }
     async deleteUserMediaByUserMediaToken(userMediaToken) {
         try {
             const result = await axios.delete(`${this.endpoints.deleteUserMediaEndpoint}/${userMediaToken}`);

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -7930,11 +7930,39 @@ body {
   border-bottom: 6px solid #be2626;
 }
 
-.c-media-btn[data-v-d2f038c3] {
+.c-media-btn__img[data-v-144c5c39] {
+  border-radius: 0.375rem;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -webkit-transition-property: -webkit-box-shadow;
+  transition-property: -webkit-box-shadow;
+  transition-property: box-shadow;
+  transition-property: box-shadow, -webkit-box-shadow;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 200ms;
+          transition-duration: 200ms;
+  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  width: 100%;
+  height: 100%;
+}
+.c-media-btn__img[data-v-144c5c39]:hover {
+  -webkit-box-shadow: 0 0 0 3px rgb(0, 151, 215);
+          box-shadow: 0 0 0 3px rgb(0, 151, 215);
+}
+.tw-w-full[data-v-144c5c39] {
+  width: 100%;
+}
+.tw-h-full[data-v-144c5c39] {
+  height: 100%;
+}
+
+.c-media-btn[data-v-4e32152a] {
   width: 100%;
   aspect-ratio: 1.2;
 }
-.c-media-btn__img[data-v-d2f038c3] {
+.c-media-btn__img[data-v-4e32152a] {
   height: 100%;
   width: 100%;
   border-radius: 0.375rem;
@@ -7951,11 +7979,11 @@ body {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-media-btn:hover .c-media-btn__img[data-v-d2f038c3] {
+.c-media-btn:hover .c-media-btn__img[data-v-4e32152a] {
   -webkit-box-shadow: 0 0 0 3px rgb(0, 151, 215);
           box-shadow: 0 0 0 3px rgb(0, 151, 215);
 }
-.tw-bottom-15[data-v-d2f038c3] {
+.tw-bottom-15[data-v-4e32152a] {
   bottom: 15px;
 }
 

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -8258,11 +8258,39 @@ body {
   border-bottom: 6px solid #be2626;
 }
 
-.c-media-btn[data-v-d2f038c3] {
+.c-media-btn__img[data-v-144c5c39] {
+  border-radius: 0.375rem;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -webkit-transition-property: -webkit-box-shadow;
+  transition-property: -webkit-box-shadow;
+  transition-property: box-shadow;
+  transition-property: box-shadow, -webkit-box-shadow;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 200ms;
+          transition-duration: 200ms;
+  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  width: 100%;
+  height: 100%;
+}
+.c-media-btn__img[data-v-144c5c39]:hover {
+  -webkit-box-shadow: 0 0 0 3px rgb(0, 151, 215);
+          box-shadow: 0 0 0 3px rgb(0, 151, 215);
+}
+.tw-w-full[data-v-144c5c39] {
+  width: 100%;
+}
+.tw-h-full[data-v-144c5c39] {
+  height: 100%;
+}
+
+.c-media-btn[data-v-4e32152a] {
   width: 100%;
   aspect-ratio: 1.2;
 }
-.c-media-btn__img[data-v-d2f038c3] {
+.c-media-btn__img[data-v-4e32152a] {
   height: 100%;
   width: 100%;
   border-radius: 0.375rem;
@@ -8279,11 +8307,11 @@ body {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-media-btn:hover .c-media-btn__img[data-v-d2f038c3] {
+.c-media-btn:hover .c-media-btn__img[data-v-4e32152a] {
   -webkit-box-shadow: 0 0 0 3px rgb(0, 151, 215);
           box-shadow: 0 0 0 3px rgb(0, 151, 215);
 }
-.tw-bottom-15[data-v-d2f038c3] {
+.tw-bottom-15[data-v-4e32152a] {
   bottom: 15px;
 }
 

package/lib/src/css/library.brand-page-designCom.min.css

@@ -7948,11 +7948,39 @@ body {
   border-bottom: 6px solid #be2626;
 }
 
-.c-media-btn[data-v-d2f038c3] {
+.c-media-btn__img[data-v-144c5c39] {
+  border-radius: 0.375rem;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -webkit-transition-property: -webkit-box-shadow;
+  transition-property: -webkit-box-shadow;
+  transition-property: box-shadow;
+  transition-property: box-shadow, -webkit-box-shadow;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 200ms;
+          transition-duration: 200ms;
+  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  width: 100%;
+  height: 100%;
+}
+.c-media-btn__img[data-v-144c5c39]:hover {
+  -webkit-box-shadow: 0 0 0 3px rgb(0, 151, 215);
+          box-shadow: 0 0 0 3px rgb(0, 151, 215);
+}
+.tw-w-full[data-v-144c5c39] {
+  width: 100%;
+}
+.tw-h-full[data-v-144c5c39] {
+  height: 100%;
+}
+
+.c-media-btn[data-v-4e32152a] {
   width: 100%;
   aspect-ratio: 1.2;
 }
-.c-media-btn__img[data-v-d2f038c3] {
+.c-media-btn__img[data-v-4e32152a] {
   height: 100%;
   width: 100%;
   border-radius: 0.375rem;
@@ -7969,11 +7997,11 @@ body {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-media-btn:hover .c-media-btn__img[data-v-d2f038c3] {
+.c-media-btn:hover .c-media-btn__img[data-v-4e32152a] {
   -webkit-box-shadow: 0 0 0 3px rgb(0, 151, 215);
           box-shadow: 0 0 0 3px rgb(0, 151, 215);
 }
-.tw-bottom-15[data-v-d2f038c3] {
+.tw-bottom-15[data-v-4e32152a] {
   bottom: 15px;
 }
 

package/lib/src/css/library.brand-page-preview.min.css

@@ -7694,11 +7694,39 @@ to {
   border-bottom: 6px solid #be2626;
 }
 
-.bp .c-media-btn[data-v-d2f038c3] {
+.bp .c-media-btn__img[data-v-144c5c39] {
+  border-radius: 0.375rem;
+  -o-object-fit: cover;
+     object-fit: cover;
+  -webkit-transition-property: -webkit-box-shadow;
+  transition-property: -webkit-box-shadow;
+  transition-property: box-shadow;
+  transition-property: box-shadow, -webkit-box-shadow;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 200ms;
+          transition-duration: 200ms;
+  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  width: 100%;
+  height: 100%;
+}
+.bp .c-media-btn__img[data-v-144c5c39]:hover {
+  -webkit-box-shadow: 0 0 0 3px rgb(0, 151, 215);
+          box-shadow: 0 0 0 3px rgb(0, 151, 215);
+}
+.bp .tw-w-full[data-v-144c5c39] {
+  width: 100%;
+}
+.bp .tw-h-full[data-v-144c5c39] {
+  height: 100%;
+}
+
+.bp .c-media-btn[data-v-4e32152a] {
   width: 100%;
   aspect-ratio: 1.2;
 }
-.bp .c-media-btn__img[data-v-d2f038c3] {
+.bp .c-media-btn__img[data-v-4e32152a] {
   height: 100%;
   width: 100%;
   border-radius: 0.375rem;
@@ -7715,11 +7743,11 @@ to {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.bp .c-media-btn:hover .c-media-btn__img[data-v-d2f038c3] {
+.bp .c-media-btn:hover .c-media-btn__img[data-v-4e32152a] {
   -webkit-box-shadow: 0 0 0 3px rgb(0, 151, 215);
           box-shadow: 0 0 0 3px rgb(0, 151, 215);
 }
-.bp .tw-bottom-15[data-v-d2f038c3] {
+.bp .tw-bottom-15[data-v-4e32152a] {
   bottom: 15px;
 }