ts-glitter 21.0.3 → 21.0.5

package/lowcode/public-components/headers/header-class.js

@@ -12,6 +12,7 @@ import { ApiCart } from '../../glitter-base/route/api-cart.js';
 import { Language } from '../../glitter-base/global/language.js';
 import { Currency } from '../../glitter-base/global/currency.js';
 import { PdClass } from '../product/pd-class.js';
+import { CartModule } from '../modules/cart-module.js';
 const html = String.raw;
 export class HeaderClass {
     static hideShopperBtn() {
@@ -35,25 +36,19 @@ export class HeaderClass {
             visible: ((_l = obj === null || obj === void 0 ? void 0 : obj.text) === null || _l === void 0 ? void 0 : _l.visible) === false ? false : true,
             fontSize: (_o = (_m = obj === null || obj === void 0 ? void 0 : obj.text) === null || _m === void 0 ? void 0 : _m.fontSize) !== null && _o !== void 0 ? _o : 16,
         };
-        return html `
-            <div class="d-flex align-items-center justify-content-center flex-column w-100 mx-auto ${container.class}"
-                 style="${container.style}">
-                <div
-                        class="spinner-border ${circleAttr.visible ? '' : 'd-none'}"
-                        style="font-size: ${circleAttr.borderSize}px; width: ${circleAttr.width}px; height: ${circleAttr.width}px;"
-                        role="status"
-                ></div>
-                <span class="mt-3 ${textAttr.visible ? '' : 'd-none'}"
-                      style="font-size: ${textAttr.fontSize}px;">${textAttr.value}</span>
-            </div>`;
-    }
-    static isImageUrlValid(url) {
-        return new Promise((resolve) => {
-            const img = new Image();
-            img.onload = () => resolve(true);
-            img.onerror = () => resolve(false);
-            img.src = url;
-        });
+        return html ` <div
+      class="d-flex align-items-center justify-content-center flex-column w-100 mx-auto ${container.class}"
+      style="${container.style}"
+    >
+      <div
+        class="spinner-border ${circleAttr.visible ? '' : 'd-none'}"
+        style="font-size: ${circleAttr.borderSize}px; width: ${circleAttr.width}px; height: ${circleAttr.width}px;"
+        role="status"
+      ></div>
+      <span class="mt-3 ${textAttr.visible ? '' : 'd-none'}" style="font-size: ${textAttr.fontSize}px;"
+        >${textAttr.value}</span
+      >
+    </div>`;
     }
     static rightCartMenu(gvc, widget) {
         gvc.glitter.setDrawer(gvc.bindView((() => {
@@ -61,97 +56,98 @@ export class HeaderClass {
             const vm = {
                 id: gvc.glitter.getUUID(),
                 imageId: gvc.glitter.getUUID(),
-                shippings: [],
                 dataList: [],
+                shippings: [],
                 loading: true,
             };
             const classPrefix = `header-checkout`;
             gvc.addStyle(`
-                        .${classPrefix}-wh {
-                            display: flex;
-                            min-width: 70px;
-                            min-height: 70px;
-                            max-width: 70px;
-                            max-height: 70px;
-                            width: 100%;
-                            height: 100%;
-                            object-fit: cover;
-                            object-position: center;
-                        }
+            .${classPrefix}-wh {
+              display: flex;
+              min-width: 70px;
+              min-height: 70px;
+              max-width: 70px;
+              max-height: 70px;
+              width: 100%;
+              height: 100%;
+              object-fit: cover;
+              object-position: center;
+            }
 
-                        .${classPrefix}-select {
-                            display: flex;
-                            padding: 7px 30px 7px 18px;
-                            max-height: 40px;
-                            align-items: center;
-                            gap: 6px;
-                            border-radius: 10px;
-                            border: 1px solid #ddd;
-                            background: transparent url('https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1718100926212-Vector 89.png') no-repeat;
-                            background-position-x: calc(100% - 12px);
-                            background-position-y: 16px;
-                            appearance: none;
-                            -webkit-appearance: none;
-                            -moz-appearance: none;
-                            color: #393939;
-                        }
+            .${classPrefix}-select {
+              display: flex;
+              padding: 7px 30px 7px 18px;
+              max-height: 40px;
+              align-items: center;
+              gap: 6px;
+              border-radius: 10px;
+              border: 1px solid #ddd;
+              background: transparent
+                url('https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1718100926212-Vector 89.png') no-repeat;
+              background-position-x: calc(100% - 12px);
+              background-position-y: 16px;
+              appearance: none;
+              -webkit-appearance: none;
+              -moz-appearance: none;
+              color: #393939;
+            }
 
-                        .${classPrefix}-select:focus {
-                            outline: 0;
-                        }
+            .${classPrefix}-select:focus {
+              outline: 0;
+            }
 
-                        .${classPrefix}-cart-container {
-                            display: flex;
-                            width: 100%;
-                            align-items: center;
-                            padding: 0;
-                            margin-bottom: 18px;
-                            padding: 12px;
-                            border-bottom: 1px solid #dddddd;
-                        }
+            .${classPrefix}-cart-container {
+              display: flex;
+              width: 100%;
+              align-items: center;
+              padding: 0;
+              margin-bottom: 18px;
+              padding: 12px;
+              border-bottom: 1px solid #dddddd;
+            }
 
-                        .${classPrefix}-cart-title {
-                            letter-spacing: 4px;
-                            font-size: 22px;
-                            font-weight: 700;
-                        }
+            .${classPrefix}-cart-title {
+              letter-spacing: 4px;
+              font-size: 22px;
+              font-weight: 700;
+            }
 
-                        .${classPrefix}-shipping-title {
-                            font-size: 18px;
-                            font-weight: 600;
-                        }
+            .${classPrefix}-shipping-title {
+              font-size: 18px;
+              font-weight: 600;
+            }
 
-                        .${classPrefix}-title {
-                            font-size: 16px;
-                        }
+            .${classPrefix}-title {
+              font-size: 16px;
+            }
 
-                        .${classPrefix}-spec {
-                            font-size: 14px;
-                            color: #8d8d8d;
-                        }
+            .${classPrefix}-spec {
+              font-size: 14px;
+              color: #8d8d8d;
+            }
 
-                        .${classPrefix}-card {
-                            border-radius: 10px;
-                            padding: 20px 8px;
-                            background: #fff;
-                            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
-                            margin: 0 12px;
-                        }
+            .${classPrefix}-card {
+              border-radius: 10px;
+              padding: 20px 8px;
+              background: #fff;
+              box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
+              margin: 0 12px;
+            }
 
-                        .${classPrefix}-button {
-                            display: flex;
-                            padding: 6px 14px;
-                            max-height: 30px;
-                            justify-content: center;
-                            align-items: center;
-                            gap: 8px;
-                            border: 1px solid ${(_a = widget.formData.theme_color['solid-button-text']) !== null && _a !== void 0 ? _a : '#fff'};
-                            border-radius: 10px;
-                            background: ${(_b = widget.formData.theme_color['solid-button-bg']) !== null && _b !== void 0 ? _b : '#000'};
-                            cursor: pointer;
-                            color: ${(_c = widget.formData.theme_color['solid-button-text']) !== null && _c !== void 0 ? _c : '#fff'};
-                        }
-                    `);
+            .${classPrefix}-button {
+              display: flex;
+              padding: 6px 14px;
+              max-height: 30px;
+              justify-content: center;
+              align-items: center;
+              gap: 8px;
+              border: 1px solid ${(_a = widget.formData.theme_color['solid-button-text']) !== null && _a !== void 0 ? _a : '#fff'};
+              border-radius: 10px;
+              background: ${(_b = widget.formData.theme_color['solid-button-bg']) !== null && _b !== void 0 ? _b : '#000'};
+              cursor: pointer;
+              color: ${(_c = widget.formData.theme_color['solid-button-text']) !== null && _c !== void 0 ? _c : '#fff'};
+            }
+          `);
             function refreshView() {
                 setTimeout(() => {
                     vm.loading = true;
@@ -161,214 +157,170 @@ export class HeaderClass {
                 }, 200);
             }
             function goToCheckoutButton(id) {
-                return html `
-                            <button
-                                    class="${classPrefix}-button"
-                                    type="button"
-                                    onclick="${gvc.event(() => {
+                return html ` <button
+              class="${classPrefix}-button"
+              type="button"
+              onclick="${gvc.event(() => {
                     window.drawer.close();
                     ApiCart.toCheckOutPage(id);
                 })}"
-                            >
-                                ${Language.text('proceed_to_checkout')}
-                            </button>`;
+            >
+              ${Language.text('proceed_to_checkout')}
+            </button>`;
             }
             return {
                 bind: vm.id,
                 view: () => {
                     try {
                         if (vm.loading) {
-                            return html `
-                                        <div class="w-100 vh-100 bg-white">${this.spinner()}</div>`;
+                            return html ` <div class="w-100 vh-100 bg-white">${this.spinner()}</div>`;
                         }
-                        else {
-                            return html `
-                                        <div class="" style="position: relative;">
-                                            <div class="${classPrefix}-cart-container align-items-center">
-                                                <div
-                                                        class="d-flex align-items-center justify-content-center fs-5 py-3 px-2"
-                                                        style="cursor:pointer;"
-                                                        onclick="${gvc.event(() => {
-                                gvc.glitter.closeDrawer();
-                            })}"
-                                                >
-                                                    <i class="fa-sharp fa-solid fa-angle-left"></i>
-                                                </div>
-                                                <div class="${classPrefix}-cart-title">${Language.text('cart')}</div>
-                                                <div class="flex-fill"></div>
-                                                ${vm.dataList.length === 1 ? goToCheckoutButton(ApiCart.globalCart) : ''}
-                                            </div>
-                                            ${(() => {
-                                if (vm.dataList.length === 0) {
-                                    return html `
-                                                        <div class="container d-flex align-items-center justify-content-center flex-column">
-                                                            <lottie-player
-                                                                    style="max-width: 100%; width: 300px; height: 300px;"
-                                                                    src="https://lottie.host/38ba8340-3414-41b8-b068-bba18d240bb3/h7e1Q29IQJ.json"
-                                                                    speed="1"
-                                                                    loop=""
-                                                                    autoplay=""
-                                                                    background="transparent"
-                                                            ></lottie-player>
-                                                            <div class="mt-3 fw-bold">
-                                                                ${Language.text('empty_cart_message')}
-                                                            </div>
-                                                        </div>`;
-                                }
-                                else {
-                                    console.log(`vm.dataList==>`, vm.dataList);
-                                    return vm.dataList
-                                        .map((data) => {
-                                        const logistic = vm.shippings.find((item) => item.value === data.logistic);
-                                        const logiCartID = `${ApiCart.cartPrefix}_${logistic === null || logistic === void 0 ? void 0 : logistic.value}`;
-                                        const logiCart = new ApiCart(logiCartID);
-                                        logiCart.clearCart();
-                                        return html `
-                                                                    <div class="${classPrefix}-card">
-                                                                        ${vm.dataList.length !== 1
-                                            ? html `
-                                                                                    <div class="d-flex justify-content-between align-items-center px-3 mb-2">
-                                                                                        <div class="${classPrefix}-shipping-title">
-                                                                                            ${logistic === null || logistic === void 0 ? void 0 : logistic.name}
-                                                                                        </div>
-                                                                                        ${goToCheckoutButton(logiCartID)}
-                                                                                    </div>
-                                                                                `
-                                            : ''}
-                                                                        ${data.cart
-                                            .map((item) => {
-                                            logiCart.addToCart(`${item.id}`, item.spec, item.count);
-                                            return html `
-                                                                                        <div class="d-flex align-items-center px-3 position-relative"
-                                                                                             style="gap: 12px;">
-                                                                                            <div
-                                                                                                    class="position-absolute"
-                                                                                                    style="right:13px;top:0px;cursor:pointer;"
-                                                                                                    onclick="${gvc.event(() => {
-                                                new ApiCart().setCart((cartItem) => {
-                                                    cartItem.line_items = cartItem.line_items.filter((dd) => {
-                                                        return !(dd.id === item.id && item.spec.join('') === dd.spec.join(''));
-                                                    });
-                                                    refreshView();
-                                                });
-                                            })}"
-                                                                                            >
-                                                                                                <i class="fa-regular fa-trash-can"></i>
-                                                                                            </div>
-                                                                                            <div class="d-none"
-                                                                                                 style="width: 10%">
-                                                                                                <i
-                                                                                                        class="fa-solid fa-xmark-large"
-                                                                                                        style="cursor: pointer;"
-                                                                                                        onclick="${gvc.event(() => {
-                                                new ApiCart().setCart((cartItem) => {
-                                                    cartItem.line_items = cartItem.line_items.filter((dd) => {
-                                                        return !(dd.id === item.id && item.spec.join('') === dd.spec.join(''));
-                                                    });
-                                                    refreshView();
-                                                });
-                                            })}"
-                                                                                                ></i>
-                                                                                            </div>
-                                                                                            <div class="d-flex"
-                                                                                                 style="">
-                                                                                                <img src="${item.image}"
-                                                                                                     class="${classPrefix}-wh rounded-3"/>
-                                                                                            </div>
-                                                                                            <div class="d-flex flex-column gap-1 flex-fill">
-                                                                                                <div class="${classPrefix}-title pe-3"
-                                                                                                     style="">
-                                                                                                    ${item.title}
-                                                                                                </div>
-                                                                                                <div class="${classPrefix}-spec ">
-                                                                                                    ${(() => {
-                                                const spec = (() => {
-                                                    if (item.spec) {
-                                                        return item.spec.map((dd, index) => {
-                                                            try {
-                                                                return (item.specs[index].option.find((d1) => {
-                                                                    return d1.title === dd;
-                                                                }).language_title[Language.getLanguage()] || dd);
-                                                            }
-                                                            catch (e) {
-                                                                return dd;
-                                                            }
-                                                        });
+                        return html ` <div class="" style="position: relative;">
+                  <div class="${classPrefix}-cart-container align-items-center">
+                    <div
+                      class="d-flex align-items-center justify-content-center fs-5 py-3 px-2"
+                      style="cursor:pointer;"
+                      onclick="${gvc.event(() => {
+                            gvc.glitter.closeDrawer();
+                        })}"
+                    >
+                      <i class="fa-sharp fa-solid fa-angle-left"></i>
+                    </div>
+                    <div class="${classPrefix}-cart-title">${Language.text('cart')}</div>
+                    <div class="flex-fill"></div>
+                    ${goToCheckoutButton(ApiCart.globalCart)}
+                  </div>
+                  ${(() => {
+                            if (vm.dataList.length === 0) {
+                                return html ` <div class="container d-flex align-items-center justify-content-center flex-column">
+                        <lottie-player
+                          style="max-width: 100%; width: 300px; height: 300px;"
+                          src="https://lottie.host/38ba8340-3414-41b8-b068-bba18d240bb3/h7e1Q29IQJ.json"
+                          speed="1"
+                          loop=""
+                          autoplay=""
+                          background="transparent"
+                        ></lottie-player>
+                        <div class="mt-3 fw-bold">${Language.text('empty_cart_message')}</div>
+                      </div>`;
+                            }
+                            else {
+                                return vm.dataList
+                                    .map(item => {
+                                    return html ` <div class="d-flex align-items-center px-3 position-relative" style="gap: 12px;">
+                            <div
+                              class="position-absolute"
+                              style="right:13px;top:0px;cursor:pointer;"
+                              onclick="${gvc.event(() => {
+                                        new ApiCart().setCart(cartItem => {
+                                            cartItem.line_items = cartItem.line_items.filter(dd => {
+                                                return !(dd.id === item.id && item.spec.join('') === dd.spec.join(''));
+                                            });
+                                            refreshView();
+                                        });
+                                    })}"
+                            >
+                              <i class="fa-regular fa-trash-can"></i>
+                            </div>
+                            <div class="d-none" style="width: 10%">
+                              <i
+                                class="fa-solid fa-xmark-large"
+                                style="cursor: pointer;"
+                                onclick="${gvc.event(() => {
+                                        new ApiCart().setCart(cartItem => {
+                                            cartItem.line_items = cartItem.line_items.filter(dd => {
+                                                return !(dd.id === item.id && item.spec.join('') === dd.spec.join(''));
+                                            });
+                                            refreshView();
+                                        });
+                                    })}"
+                              ></i>
+                            </div>
+                            <div class="d-flex" style="">
+                              <img src="${item.image}" class="${classPrefix}-wh rounded-3" />
+                            </div>
+                            <div class="d-flex flex-column gap-1 flex-fill">
+                              <div class="${classPrefix}-title pe-3" style="">${item.title}</div>
+                              <div class="${classPrefix}-spec ">
+                                ${(() => {
+                                        const spec = (() => {
+                                            if (item.spec) {
+                                                return item.spec.map((dd, index) => {
+                                                    try {
+                                                        return (item.specs[index].option.find((d1) => {
+                                                            return d1.title === dd;
+                                                        }).language_title[Language.getLanguage()] || dd);
                                                     }
-                                                    else {
-                                                        return [];
+                                                    catch (e) {
+                                                        return dd;
                                                     }
-                                                })();
-                                                return spec.join(' / ');
-                                            })()}
-                                                                                                </div>
-                                                                                                <div class="d-flex align-items-center justify-content-between">
-                                                                                                    <div class="d-flex align-items-center gap-1"
-                                                                                                         style="font-size:14px;">
-                                                                                                        ${Language.text('quantity')}
-                                                                                                            ：<select
-                                                                                                            class="${classPrefix}-select"
-                                                                                                            style="width: 100px;"
-                                                                                                            onchange="${gvc.event((e) => {
-                                                new ApiCart().setCart((cartItem) => {
-                                                    cartItem.line_items.find((dd) => {
-                                                        return `${dd.id}` === `${item.id}` && item.spec.join('') === dd.spec.join('');
-                                                    }).count = parseInt(e.value, 10);
-                                                    refreshView();
                                                 });
-                                            })}"
-                                                                                                    >
-                                                                                                        ${[...new Array(99)]
-                                                .map((_, index) => {
-                                                return html `
-                                                                                                                        <option value="${index + 1}"
-                                                                                                                                ${index + 1 === item.count ? `selected` : ``}>
-                                                                                                                            ${index + 1}
-                                                                                                                        </option>`;
-                                            })
-                                                .join('')}
-                                                                                                    </select>
-                                                                                                    </div>
-                                                                                                    ${Currency.convertCurrencyText(item.price * item.count)}
-                                                                                                </div>
-                                                                                            </div>
-                                                                                        </div>`;
-                                        })
-                                            .join(html `
-                                                                                    <div class="w-100 border-top my-3"></div>`)}
-                                                                    </div>
-                                                                `;
+                                            }
+                                            else {
+                                                return [];
+                                            }
+                                        })();
+                                        return spec.join(' / ');
+                                    })()}
+                              </div>
+                              <div class="d-flex align-items-center justify-content-between">
+                                <div class="d-flex align-items-center gap-1" style="font-size:14px;">
+                                  ${Language.text('quantity')} ：<select
+                                    class="${classPrefix}-select"
+                                    style="width: 100px;"
+                                    onchange="${gvc.event(e => {
+                                        new ApiCart().setCart(cartItem => {
+                                            cartItem.line_items.find(dd => {
+                                                return `${dd.id}` === `${item.id}` && item.spec.join('') === dd.spec.join('');
+                                            }).count = parseInt(e.value, 10);
+                                            refreshView();
+                                        });
+                                    })}"
+                                  >
+                                    ${[...new Array(99)]
+                                        .map((_, index) => {
+                                        return html ` <option
+                                          value="${index + 1}"
+                                          ${index + 1 === item.count ? `selected` : ``}
+                                        >
+                                          ${index + 1}
+                                        </option>`;
                                     })
-                                        .join(html `
-                                                                <div class="w-100 my-3"></div>`);
-                                }
-                            })()}
-                                        </div>`;
-                        }
+                                        .join('')}
+                                  </select>
+                                </div>
+                                ${Currency.convertCurrencyText(item.price * item.count)}
+                              </div>
+                            </div>
+                          </div>`;
+                                })
+                                    .join(html ` <div class="w-100 border-top my-3"></div>`);
+                            }
+                        })()}
+                </div>`;
                     }
                     catch (e) {
                         console.error(e);
                         return `${e}`;
                     }
                 },
-                divCreate: {},
                 onCreate: () => {
                     if (vm.loading) {
                         const cart = new ApiCart().cart;
                         Promise.all([
-                            new Promise((resolve) => {
-                                ApiShop.getShippingMethod().then((d) => {
+                            new Promise(resolve => {
+                                ApiShop.getShippingMethod().then(d => {
                                     resolve(d);
                                 });
                             }),
-                            new Promise((resolve) => {
+                            new Promise(resolve => {
                                 ApiShop.getProduct({
                                     page: 0,
                                     limit: 10000,
                                     status: 'inRange',
                                     show_hidden: true,
-                                    id_list: [...new Set(cart.line_items.map((item) => item.id))].join(','),
-                                }).then((d) => {
+                                    id_list: [...new Set(cart.line_items.map(item => item.id))].join(','),
+                                }).then(d => {
                                     resolve(d);
                                 });
                             }),
@@ -378,61 +330,38 @@ export class HeaderClass {
                             if (shippings.result && shippings.response) {
                                 vm.shippings = shippings.response;
                             }
-                            vm.dataList = [
-                                ...vm.shippings.map((item) => {
-                                    return {
-                                        logistic: item.value,
-                                        cart: [],
-                                    };
-                                }),
-                            ];
-                            console.log(`vm.shippings=>`, vm.shippings);
-                            console.log(`vm.dataList=>`, vm.dataList);
                             const data = dataArray[1];
-                            if (data.result && data.response) {
-                                const products = data.response.data;
-                                for (const item of cart.line_items) {
-                                    const product = products.find((p) => `${p.id}` === `${item.id}`);
-                                    if (product) {
-                                        const variant = PdClass.getVariant(product.content, {
-                                            specs: item.spec
-                                        });
-                                        const lineItem = {
-                                            id: item.id,
-                                            title: product.content.title,
-                                            count: item.count,
-                                            spec: item.spec,
-                                            specs: product.content.specs,
-                                            price: variant ? variant.sale_price : 0,
-                                            image: yield (() => __awaiter(this, void 0, void 0, function* () {
-                                                if (!variant) {
-                                                    if (product.content && product.content.preview_image) {
-                                                        return product.content.preview_image[0];
-                                                    }
-                                                    return this.noImageURL;
+                            const products = data.response.data;
+                            for (const item of cart.line_items) {
+                                const product = products.find((p) => `${p.id}` === `${item.id}`);
+                                if (product) {
+                                    const variant = PdClass.getVariant(product.content, {
+                                        specs: item.spec,
+                                    });
+                                    const lineItem = {
+                                        id: item.id,
+                                        title: product.content.title,
+                                        count: item.count,
+                                        spec: item.spec,
+                                        specs: product.content.specs,
+                                        price: variant ? variant.sale_price : 0,
+                                        image: yield (() => __awaiter(this, void 0, void 0, function* () {
+                                            if (!variant) {
+                                                if (product.content && product.content.preview_image) {
+                                                    return product.content.preview_image[0];
                                                 }
-                                                const img = yield this.isImageUrlValid(variant.preview_image).then((isValid) => {
-                                                    return isValid ? variant.preview_image : product.content.preview_image[0] || this.noImageURL;
-                                                });
-                                                return img;
-                                            }))(),
-                                        };
-                                        const logistics = product.content.designated_logistics;
-                                        for (const data of vm.dataList) {
-                                            if (!logistics || logistics.type === 'all' || logistics.list.includes(data.logistic)) {
-                                                data.cart.push(lineItem);
+                                                return CartModule.noImageURL;
                                             }
-                                        }
-                                    }
-                                }
-                                vm.dataList = vm.dataList.filter((item) => item.cart.length > 0);
-                                const hasFullShipping = vm.dataList.find((item) => {
-                                    return item.cart.length === cart.line_items.length;
-                                });
-                                if (hasFullShipping) {
-                                    vm.dataList = [hasFullShipping];
+                                            const img = yield CartModule.isImageUrlValid(variant.preview_image).then(isValid => {
+                                                return isValid
+                                                    ? variant.preview_image
+                                                    : product.content.preview_image[0] || CartModule.noImageURL;
+                                            });
+                                            return img;
+                                        }))(),
+                                    };
+                                    vm.dataList.push(lineItem);
                                 }
-                                console.log(`vm.dataList ==>`, vm.dataList);
                             }
                         }))
                             .then(() => {
@@ -456,4 +385,3 @@ export class HeaderClass {
         });
     }
 }
-HeaderClass.noImageURL = 'https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1722936949034-default_image.jpg';