@gem-sdk/core 1.9.64 → 1.10.11

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -33,6 +33,9 @@ const ComponentWrapperPreview = ({ children , ...props })=>{
         if (editorConfigs.component?.noSetting) {
             customProps['data-component-no-setting'] = true;
         }
+        if (editorConfigs.component?.isThirdParty) {
+            customProps['data-component-is-third-party'] = true;
+        }
         if (editorConfigs.toolbar?.hide) {
             customProps['data-toolbar-hide'] = true;
         }

package/dist/cjs/contexts/ProductContext.js

@@ -4,6 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var zustand = require('zustand');
 var react = require('react');
 var flattenConnection = require('../helpers/flatten-connection.js');
+var useProduct = require('../hooks/useProduct.js');
 
 // const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
 const ProductContext = /*#__PURE__*/ react.createContext(null);
@@ -102,7 +103,7 @@ const ProductProvider = ({ children , product , initialVariantId , quantity =1
         let featuredImageGlobal = undefined;
         if (product) {
             const variants = flattenConnection.flattenConnection(product.variants);
-            const firstVariant = flattenConnection.flattenConnection(product.variants)[0];
+            const firstVariant = flattenConnection.flattenConnection(product.variants).find((item)=>useProduct.checkInStock(item));
             const initialVariant = variants.find((v)=>v?.id === initialVariantId) ?? firstVariant;
             selectedOptions = initialVariant?.selectedOptions.reduce((acc, option)=>{
                 if (option.name) {

package/dist/cjs/helpers/borders.js

@@ -168,7 +168,7 @@ const handleConvertClassColorDynamicBtn = (value)=>{
 const composeBorderCss = (borderV)=>{
     if (!borderV) return '';
     const { border , width , color , isCustom  } = borderV;
-    if (isCustom) {
+    if (!isCustom) {
         return '';
     }
     return `${border ? `border-style: ${border};` : ''}

package/dist/cjs/helpers/make-style.js

@@ -40,7 +40,7 @@ const makeStyleResponsive = (name, value)=>{
 const makeWidth = (widthValue, fullWidthValue)=>{
     const getVal = (deviceValue, widthValue, fullWidthValue)=>{
         const widthVal = widthValue?.[deviceValue];
-        const fullWidthVal = fullWidthValue?.[deviceValue];
+        const fullWidthVal = fullWidthValue?.[deviceValue] === undefined ? fullWidthValue?.['desktop'] : fullWidthValue?.[deviceValue];
         if (fullWidthVal) {
             return '100%';
         } else if (fullWidthVal === false) {

package/dist/esm/components/ComponentWrapperPreview.js

@@ -29,6 +29,9 @@ const ComponentWrapperPreview = ({ children , ...props })=>{
         if (editorConfigs.component?.noSetting) {
             customProps['data-component-no-setting'] = true;
         }
+        if (editorConfigs.component?.isThirdParty) {
+            customProps['data-component-is-third-party'] = true;
+        }
         if (editorConfigs.toolbar?.hide) {
             customProps['data-toolbar-hide'] = true;
         }

package/dist/esm/contexts/ProductContext.js

@@ -2,6 +2,7 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { useStore, createStore } from 'zustand';
 import { useId, useMemo, useContext, createContext } from 'react';
 import { flattenConnection } from '../helpers/flatten-connection.js';
+import { checkInStock } from '../hooks/useProduct.js';
 
 // const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
 const ProductContext = /*#__PURE__*/ createContext(null);
@@ -100,7 +101,7 @@ const ProductProvider = ({ children , product , initialVariantId , quantity =1
         let featuredImageGlobal = undefined;
         if (product) {
             const variants = flattenConnection(product.variants);
-            const firstVariant = flattenConnection(product.variants)[0];
+            const firstVariant = flattenConnection(product.variants).find((item)=>checkInStock(item));
             const initialVariant = variants.find((v)=>v?.id === initialVariantId) ?? firstVariant;
             selectedOptions = initialVariant?.selectedOptions.reduce((acc, option)=>{
                 if (option.name) {

package/dist/esm/helpers/borders.js

@@ -166,7 +166,7 @@ const handleConvertClassColorDynamicBtn = (value)=>{
 const composeBorderCss = (borderV)=>{
     if (!borderV) return '';
     const { border , width , color , isCustom  } = borderV;
-    if (isCustom) {
+    if (!isCustom) {
         return '';
     }
     return `${border ? `border-style: ${border};` : ''}

package/dist/esm/helpers/make-style.js

@@ -38,7 +38,7 @@ const makeStyleResponsive = (name, value)=>{
 const makeWidth = (widthValue, fullWidthValue)=>{
     const getVal = (deviceValue, widthValue, fullWidthValue)=>{
         const widthVal = widthValue?.[deviceValue];
-        const fullWidthVal = fullWidthValue?.[deviceValue];
+        const fullWidthVal = fullWidthValue?.[deviceValue] === undefined ? fullWidthValue?.['desktop'] : fullWidthValue?.[deviceValue];
         if (fullWidthVal) {
             return '100%';
         } else if (fullWidthVal === false) {

package/dist/types/index.d.ts

@@ -614,6 +614,7 @@ type RadiusPresetControlType<T> = SharedControlType<T> & {
 type SizeControlType<T> = SharedControlType<T> & {
     type: 'size';
     component?: 'tag' | string;
+    hasNoneValue?: boolean;
 };
 
 type ChildItemType<T> = SharedControlType<T> & {
@@ -840,6 +841,7 @@ type ComponentSetting<P extends BaseProps> = {
             noDuplicate?: boolean;
             noDragDrop?: boolean;
             noSetting?: boolean;
+            isThirdParty?: boolean;
         };
         slots?: {
             children: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.9.64",
+  "version": "1.10.11",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",