@gem-sdk/core 1.10.1 → 1.10.12

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/cjs/helpers/queries/get-product.js

@@ -36,7 +36,7 @@ const getProduct = async (fetcher, { id , isSample , isStorefront  })=>{
     };
 };
 const orderBy = {
-    field: 'PLATFORM_UPDATED_AT',
+    field: 'CREATED_AT',
     direction: 'DESC'
 };
 const fetchProduct = async (fetcher, { id , isSample , isStorefront  })=>{

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/esm/helpers/queries/get-product.js

@@ -34,7 +34,7 @@ const getProduct = async (fetcher, { id , isSample , isStorefront  })=>{
     };
 };
 const orderBy = {
-    field: 'PLATFORM_UPDATED_AT',
+    field: 'CREATED_AT',
     direction: 'DESC'
 };
 const fetchProduct = async (fetcher, { id , isSample , isStorefront  })=>{

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> & {

package/package.json

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