@gem-sdk/components 17.0.0-staging.6 → 17.0.0-staging.8

package/dist/cjs/post-purchase/text/components/Text.js

@@ -1,3 +1,3 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),system=require("@gem-sdk/system"),helpers=require("../common/helpers.js"),React=require("react"),attrs=require("../common/attrs.js");const Text=({styles:e,builderAttrs:s,style:t,setting:r,advanced:a,builderProps:l,className:c,children:n,textClassWrapper:o,textClass:i,...m})=>{let{text:y,options:u}=r??{},{textAlign:x,typo:d,align:p,direction:j}=e??{},g=React.useMemo(()=>helpers.createContent(y,d?.textTransform,d?.textColor),[y,d?.textTransform,d?.textColor]),h=system.createClass({...classes.getContainerClasses({className:c,uid:l?.uid,align:p})}),C=system.createClass({...classes.getWrapperClasses({textClassWrapper:o})}),T=system.createClass({...classes.getTextClasses({textClass:i})}),q=system.createStyle({...styles.getContainerStyles({style:t})}),R=system.createStyle({...styles.getWrapperStyles({styles:e})}),S=system.createStyle({...styles.getTextStyles({textAlign:x,typo:d})}),f=system.createAttr({...s}),v=system.createAttr({...attrs.getTextAttrs({options:u})});return jsxRuntime.jsx("div",{...m,...f,className:h,style:{...q},children:jsxRuntime.jsx("div",{className:C,style:{...R},children:jsxRuntime.jsx("div",{className:T,...v,style:{...S},dangerouslySetInnerHTML:{__html:g?`<bdo dir="${j}" >${g}</bdo>`:`<span style="color: #9e9e9e; font-size: 12.28px; font-weight: 400; line-height: 18px;
-              text-decoration: unset;">Replace this text with your content</span>`}})})})};exports.default=Text;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),system=require("@gem-sdk/system"),helpers=require("../common/helpers.js"),React=require("react"),attrs=require("../common/attrs.js"),core=require("@gem-sdk/core");const Text=({styles:e,builderAttrs:s,style:t,setting:r,advanced:a,builderProps:l,className:o,children:c,textClassWrapper:n,textClass:i,...m})=>{let{text:y,options:u}=r??{},{textAlign:x,typo:d,align:p,direction:j}=e??{},{t:g}=core.useI18nStore(),{isEditMode:h}=core.useRenderMode(),C=React.useMemo(()=>helpers.createContent(y,d?.textTransform,d?.textColor),[y,d?.textTransform,d?.textColor]),q=system.createClass({...classes.getContainerClasses({className:o,uid:l?.uid,align:p})}),R=system.createClass({...classes.getWrapperClasses({textClassWrapper:n})}),S=system.createClass({...classes.getTextClasses({textClass:i})}),T=system.createStyle({...styles.getContainerStyles({style:t})}),f=system.createStyle({...styles.getWrapperStyles({styles:e})}),v=system.createStyle({...styles.getTextStyles({textAlign:x,typo:d})}),M=system.createAttr({...s}),_=system.createAttr({...attrs.getTextAttrs({options:u})}),b=h?g("Replace this text with your content"):"";return jsxRuntime.jsx("div",{...m,...M,className:q,style:{...T},children:jsxRuntime.jsx("div",{className:R,style:{...f},children:jsxRuntime.jsx("div",{className:S,..._,style:{...v},dangerouslySetInnerHTML:{__html:C?`<bdo dir="${j}" >${C}</bdo>`:`<span style="color: #9e9e9e; font-size: 12.28px; font-weight: 400; line-height: 18px;
+              text-decoration: unset;">${b}</span>`}})})})};exports.default=Text;

package/dist/esm/post-purchase/text/components/Text.js

@@ -1,3 +1,3 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{getContainerClasses as e,getWrapperClasses as o,getTextClasses as r}from"../common/classes.js";import{getContainerStyles as s,getWrapperStyles as m,getTextStyles as i}from"../common/styles.js";import{createClass as l,createStyle as n,createAttr as a}from"@gem-sdk/system";import{createContent as c}from"../common/helpers.js";import{useMemo as d}from"react";import{getTextAttrs as p}from"../common/attrs.js";let Text=({styles:f,builderAttrs:x,style:h,setting:u,advanced:y,builderProps:j,className:T,children:g,textClassWrapper:v,textClass:N,...b})=>{let{text:w,options:C}=u??{},{textAlign:$,typo:_,align:k,direction:z}=f??{},H=d(()=>c(w,_?.textTransform,_?.textColor),[w,_?.textTransform,_?.textColor]),I=l({...e({className:T,uid:j?.uid,align:k})}),L=l({...o({textClassWrapper:v})}),M=l({...r({textClass:N})}),R=n({...s({style:h})}),S=n({...m({styles:f})}),q=n({...i({textAlign:$,typo:_})}),A=a({...x}),B=a({...p({options:C})});return t("div",{...b,...A,className:I,style:{...R},children:t("div",{className:L,style:{...S},children:t("div",{className:M,...B,style:{...q},dangerouslySetInnerHTML:{__html:H?`<bdo dir="${z}" >${H}</bdo>`:`<span style="color: #9e9e9e; font-size: 12.28px; font-weight: 400; line-height: 18px;
-              text-decoration: unset;">Replace this text with your content</span>`}})})})};export{Text as default};
+import{jsx as t}from"react/jsx-runtime";import{getContainerClasses as e,getWrapperClasses as o,getTextClasses as r}from"../common/classes.js";import{getContainerStyles as s,getWrapperStyles as m,getTextStyles as i}from"../common/styles.js";import{createClass as l,createStyle as n,createAttr as a}from"@gem-sdk/system";import{createContent as c}from"../common/helpers.js";import{useMemo as d}from"react";import{getTextAttrs as p}from"../common/attrs.js";import{useI18nStore as f,useRenderMode as x}from"@gem-sdk/core";let Text=({styles:h,builderAttrs:u,style:y,setting:g,advanced:j,builderProps:T,className:v,children:N,textClassWrapper:$,textClass:b,...k})=>{let{text:w,options:C}=g??{},{textAlign:_,typo:z,align:H,direction:I}=h??{},{t:L}=f(),{isEditMode:M}=x(),R=d(()=>c(w,z?.textTransform,z?.textColor),[w,z?.textTransform,z?.textColor]),S=l({...e({className:v,uid:T?.uid,align:H})}),q=l({...o({textClassWrapper:$})}),A=l({...r({textClass:b})}),B=n({...s({style:y})}),D=n({...m({styles:h})}),E=n({...i({textAlign:_,typo:z})}),F=a({...u}),G=a({...p({options:C})}),J=M?L("Replace this text with your content"):"";return t("div",{...k,...F,className:S,style:{...B},children:t("div",{className:q,style:{...D},children:t("div",{className:A,...G,style:{...E},dangerouslySetInnerHTML:{__html:R?`<bdo dir="${I}" >${R}</bdo>`:`<span style="color: #9e9e9e; font-size: 12.28px; font-weight: 400; line-height: 18px;
+              text-decoration: unset;">${J}</span>`}})})})};export{Text as default};

package/dist/types/index.d.ts

@@ -150,6 +150,7 @@ type TextProps = BasePropsWrap<TextSettingProps, TextStyleProps> & Omit<React.Co
 };
 
 type ObjectFit$2 = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+type IImageStorageType = 'THEME' | 'FILE_CONTENT' | 'SHOPIFY_CDN';
 type BaseImageData = {
     alt?: string;
     src?: string;
@@ -158,7 +159,7 @@ type BaseImageData = {
     base64?: string;
     backupFileKey?: string;
     backupFilePath?: string;
-    storage?: 'THEME' | 'FILE_CONTENT';
+    storage?: IImageStorageType;
     metafieldDefinitionKey?: string;
 };
 type SharedProps = {
@@ -2132,7 +2133,7 @@ type ImageComparisonItem = {
     height?: number;
     backupFileKey?: string;
     backupFilePath?: string;
-    storage?: 'THEME' | 'FILE_CONTENT';
+    storage?: IImageStorageType;
     metafieldDefinitionKey?: string;
 };
 type ImageTab = 'left' | 'right';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "17.0.0-staging.6",
+  "version": "17.0.0-staging.8",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",