@gem-sdk/core 2.0.0-dev.837 → 2.0.0-dev.842

package/dist/cjs/components/ai-generator/AIContentGenerator.js

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react"),AIIcon=require("./icons/AIIcon.js"),CloseIcon=require("./icons/CloseIcon.js"),ShowMoreIcon=require("./icons/ShowMoreIcon.js"),PickProduct=require("./components/PickProduct.js"),ToneAndVoice=require("./components/ToneAndVoice.js"),classNames=require("classnames"),useListenEventGenerate=require("./hooks/useListenEventGenerate.js"),useGettingGenerateRequest=require("./hooks/useGettingGenerateRequest.js");const AIContentGenerator=({...e})=>{let[t,s]=react.useState(!1),[n,p]=react.useState(!1),[i,r]=react.useState(!1),{isGenerating:o,onGenerate:a}=useListenEventGenerate.useListenEventGenerate(e.uid),{getRequestBody:c,prompt:x,changeProductName:g,changePrompt:u}=useGettingGenerateRequest.useGettingGenerateRequest(),l=()=>{s(!t)},d=()=>{s(!1)},m=e=>{u(e.target.value)},j=react.useCallback(t=>{let s=t.detail;s?.componentUid!==e.uid?(p(!1),d()):p(!0)},[e.uid]),h=()=>{r(!i)},R=()=>{let e=c();a(e)};return react.useEffect(()=>{o||d()},[o]),react.useEffect(()=>(window.addEventListener("editor:active-component",j),()=>{window.removeEventListener("editor:active-component",j)}),[j]),jsxRuntime.jsxs("div",{className:`gp-relative ${!n&&"gp-hidden"}`,children:[jsxRuntime.jsx("div",{className:"gp-border-r-[#6a6a6a] gp-border-r-[1px] gp-pr-[4px] gp-mr-[4px]",children:jsxRuntime.jsxs("button",{className:"gp-p-[4px] gp-text-[12px] gp-flex gp-gap-[4px] gp-items-center gp-rounded-[6px] hover:gp-bg-[#3B3B3B] gp-font-medium",onClick:l,children:[jsxRuntime.jsx(AIIcon.AIIcon,{}),"AI Content"]})}),jsxRuntime.jsxs("div",{className:classNames({"gp-hidden":!t},"gp-absolute gp-top-[32px] gp-right-0 gp-rounded-[8px] gp-bg-[#151515] gp-p-[16px] gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default"),children:[jsxRuntime.jsxs("div",{className:"gp-flex gp-items-center gp-justify-between gp-mb-[14px]",children:[jsxRuntime.jsx("span",{className:"gp-font-medium gp-text-[14px]",children:"Write with GemAI"}),jsxRuntime.jsx("button",{className:"gp-p-[8px] gp-cursor-pointer hover:gp-bg-[#3B3B3B] gp-rounded-[6px]",onClick:d,children:jsxRuntime.jsx(CloseIcon.CloseIcon,{})})]}),jsxRuntime.jsxs("div",{className:"gp-mt-[8px]",children:[jsxRuntime.jsx("div",{className:"gp-mb-[16px]",children:jsxRuntime.jsx("span",{className:"gp-text-[12px]",children:"What would you like to describe here?"})}),jsxRuntime.jsx("div",{className:"gp-mb-[16px] gp-flex",children:jsxRuntime.jsx("textarea",{className:"gp-p-[8px] gp-bg-[#333333] gp-rounded-[8px] gp-w-full gp-text-[12px] gp-text-white placeholder:gp-text-[#AAAAAA] gp-resize-none focus-visible:gp-outline-none",placeholder:"e.g: Generate feature benefits",rows:4,value:x,onChange:m})}),jsxRuntime.jsx("div",{className:"gp-mb-[16px]",children:jsxRuntime.jsxs("button",{className:"gp-flex gp-justify-center gp-items-center gp-w-full gp-bg-[#333333] gp-py-[8px] gp-rounded-[8px] gp-gap-[8px] gp-text-[12px] gp-font-medium",onClick:h,children:["Show more",jsxRuntime.jsx("span",{className:classNames({"gp-rotate-180":i}),children:jsxRuntime.jsx(ShowMoreIcon.ShowMoreIcon,{})})]})}),jsxRuntime.jsxs("div",{className:classNames({"gp-hidden":!i},"gp-mb-[16px] gp-gap-[16px] gp-flex gp-flex-col"),children:[jsxRuntime.jsx(ToneAndVoice.ToneAndVoice,{}),jsxRuntime.jsx(PickProduct.PickProduct,{changeProductName:g})]}),jsxRuntime.jsx("button",{className:"gp-rounded-[8px] gp-w-full gp-text-[12px] gp-font-medium gp-bg-gradient-to-tl gp-from-[#3C38E1] gp-to-[#874CFD] gp-py-[8px]",onClick:R,children:o?"Generating...":"Generate"})]})]})]})};exports.AIContentGenerator=AIContentGenerator;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react"),AIIcon=require("./icons/AIIcon.js"),CloseIcon=require("./icons/CloseIcon.js"),ShowMoreIcon=require("./icons/ShowMoreIcon.js"),PickProduct=require("./components/PickProduct.js"),ToneAndVoice=require("./components/ToneAndVoice.js"),classNames=require("classnames"),useListenEventGenerate=require("./hooks/useListenEventGenerate.js"),useGettingGenerateRequest=require("./hooks/useGettingGenerateRequest.js");const AIContentGenerator=({...e})=>{let[t,s]=react.useState(!1),[n,i]=react.useState(!1),[r,o]=react.useState(!1),{isGenerating:a,onGenerate:c}=useListenEventGenerate.useListenEventGenerate(e.uid),{getRequestBody:p,prompt:g,changeProductName:u,changePrompt:l}=useGettingGenerateRequest.useGettingGenerateRequest(),m=()=>{s(!t)},d=()=>{s(!1)},x=e=>{l(e.target.value)},j=react.useCallback(t=>{let s=t.detail;s?.componentUid!==e.uid?(i(!1),d()):i(!0)},[e.uid]),h=()=>{o(!r)},R=()=>{let e=p();c(e)};return react.useEffect(()=>{a||d()},[a]),react.useEffect(()=>(window.addEventListener("editor:active-component",j),()=>{window.removeEventListener("editor:active-component",j)}),[j]),jsxRuntime.jsxs("div",{className:`gp-relative ${!n&&"gp-hidden"}`,children:[jsxRuntime.jsx("div",{className:"gp-border-r-[#6a6a6a] gp-border-r gp-pr-1 gp-mr-1",children:jsxRuntime.jsxs("button",{className:"gp-p-1 gp-text-xs gp-flex gp-gap-1 gp-items-center gp-rounded-md hover:gp-bg-[#3B3B3B] gp-font-medium",onClick:m,children:[jsxRuntime.jsx(AIIcon.AIIcon,{}),"AI Content"]})}),jsxRuntime.jsxs("div",{className:classNames({"gp-hidden":!t},"gp-absolute gp-top-8 gp-right-0 gp-rounded-lg gp-bg-[#151515] gp-p-4 gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default"),children:[jsxRuntime.jsxs("div",{className:"gp-flex gp-items-center gp-justify-between gp-mb-4",children:[jsxRuntime.jsx("span",{className:"gp-font-medium gp-text-sm",children:"Write with GemAI"}),jsxRuntime.jsx("button",{className:"gp-p-2 gp-cursor-pointer hover:gp-bg-[#3B3B3B] gp-rounded-md",onClick:d,children:jsxRuntime.jsx(CloseIcon.CloseIcon,{})})]}),jsxRuntime.jsxs("div",{className:"gp-mt-2",children:[jsxRuntime.jsx("div",{className:"gp-mb-4",children:jsxRuntime.jsx("span",{className:"gp-text-xs",children:"What would you like to describe here?"})}),jsxRuntime.jsx("div",{className:"gp-mb-4 gp-flex",children:jsxRuntime.jsx("textarea",{className:"gp-p-2 gp-bg-[#333333] gp-rounded-lg gp-w-full gp-text-xs gp-text-white placeholder:gp-text-[#AAAAAA] gp-resize-none focus-visible:gp-outline-none",placeholder:"e.g: Generate feature benefits",rows:4,value:g,onChange:x})}),jsxRuntime.jsx("div",{className:"gp-mb-4",children:jsxRuntime.jsxs("button",{className:"gp-flex gp-justify-center gp-items-center gp-w-full gp-bg-[#333333] gp-py-2 gp-rounded-lg gp-gap-2 gp-text-xs gp-font-medium",onClick:h,children:["Show more",jsxRuntime.jsx("span",{className:classNames({"gp-rotate-180":r}),children:jsxRuntime.jsx(ShowMoreIcon.ShowMoreIcon,{})})]})}),jsxRuntime.jsxs("div",{className:classNames({"gp-hidden":!r},"gp-mb-4 gp-gap-4 gp-flex gp-flex-col"),children:[jsxRuntime.jsx(ToneAndVoice.ToneAndVoice,{}),jsxRuntime.jsx(PickProduct.PickProduct,{changeProductName:u})]}),jsxRuntime.jsx("button",{className:"gp-rounded-lg gp-w-full gp-text-xs gp-font-medium gp-bg-gradient-to-tl gp-from-[#3C38E1] gp-to-[#874CFD] gp-py-2",onClick:R,children:a?"Generating...":"Generate"})]})]})]})};exports.AIContentGenerator=AIContentGenerator;

package/dist/cjs/components/ai-generator/AIGenContentLoading.js

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react");const AIGenContentLoading=({...e})=>{let[t,n]=react.useState(!1),[r,a]=react.useState(1),s=react.useRef(null),i=react.useCallback(t=>{let r=t.detail;if(r?.sectionUid===e.uid){if("loading"===r.status){n(!0);return}if("success"===r.status){n(!1);return}}},[e.uid]);return react.useEffect(()=>{if(t){s.current=setInterval(()=>{a(e=>3===e?1:e+1)},500);return}s.current&&clearInterval(s.current)},[t]),react.useEffect(()=>(window.addEventListener("editor:ai-generate-content-status",i),()=>{window.removeEventListener("editor:ai-generate-content-status",i)}),[i]),t?jsxRuntime.jsx("div",{className:"gp-absolute gp-top-0 gp-left-0 gp-w-full gp-h-full gp-bg-[#ffffff] gp-bg-opacity-70 gp-flex gp-justify-center gp-items-center",children:jsxRuntime.jsxs("span",{className:"gp-font-medium",children:["Generating Content",Array.from(Array(r).keys()).map(()=>".")]})}):null};exports.AIGenContentLoading=AIGenContentLoading;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react");const AIGenContentLoading=({...e})=>{let[t,n]=react.useState(!1),[r,s]=react.useState(1),a=react.useRef(null),i=react.useCallback(t=>{let r=t.detail;if(r?.sectionUid===e.uid){if("loading"===r.status){n(!0);return}if("success"===r.status){n(!1);return}}},[e.uid]);return react.useEffect(()=>{if(t){a.current=setInterval(()=>{s(e=>3===e?1:e+1)},500);return}a.current&&clearInterval(a.current)},[t]),react.useEffect(()=>(window.addEventListener("editor:ai-generate-content-status",i),()=>{window.removeEventListener("editor:ai-generate-content-status",i)}),[i]),t?jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{className:"gp-absolute gp-top-0 gp-left-0 gp-w-full gp-h-full gp-bg-white gp-bg-opacity-70 gp-flex gp-justify-center gp-items-center",children:jsxRuntime.jsxs("span",{className:"gp-font-medium",children:["Generating Content",Array.from(Array(r).keys()).map(()=>".")]})})}):null};exports.AIGenContentLoading=AIGenContentLoading;

package/dist/cjs/components/ai-generator/components/PickProduct.js

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react");require("zustand"),require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var useProductsQuery=require("../../../hooks/shop/use-products-query.js");require("vanilla-lazyload"),require("../../../hooks/useCartUI.js"),require("react-transition-group"),require("@gem-sdk/core"),require("classnames"),require("../../../helpers/convert.js");const PickProduct=e=>{let{data:s,isLoading:r}=useProductsQuery.useProductsQuery([]),[t,p]=react.useState(),[a,u]=react.useState(!1),i=()=>{u(!a)},g=e=>{p(e),u(!1)};return react.useEffect(()=>{if(s?.products?.edges.length&&!t){let e=s.products.edges[0]?.node;e&&p({id:e?.id,name:e?.title,image:e.featuredImage?.src})}},[s,t]),react.useEffect(()=>{t&&t.name&&e.changeProductName(t.name)},[t,e]),jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-[8px]",children:[jsxRuntime.jsx("p",{className:"gp-py-[8px] gp-text-[12px]",children:"Product"}),jsxRuntime.jsxs("div",{className:"gp-relative",children:[r?jsxRuntime.jsx("div",{children:jsxRuntime.jsx("span",{className:"gp-text-[12px]",children:"Getting products..."})}):jsxRuntime.jsxs("button",{className:"gp-flex gp-gap-[8px] gp-items-center gp-w-full gp-p-[8px] gp-rounded-[8px] gp-bg-[#333333] gp-text-[12px]",onClick:i,children:[jsxRuntime.jsx("img",{className:"gp-rounded-[8px] gp-w-[40px] gp-h-[40px]",src:t?.image,alt:"product_image"}),jsxRuntime.jsx("span",{className:"gp-truncate gp-max-w-[210px]",children:t?.name})]}),a&&jsxRuntime.jsx("div",{className:"gp-absolute gp-w-full gp-top-[64px] gp-left-0 gp-rounded-[8px] gp-bg-[#333333] gp-p-[8px] gp-flex gp-flex-col gp-gap-[8px] gp-z-10",children:s?.products?.edges.map(e=>jsxRuntime.jsxs("button",{className:"gp-flex gp-p-[8px] hover:gp-bg-[#3B3B3B] gp-rounded-[8px] gp-cursor-pointer gp-gap-[8px] gp-items-center",onClick:()=>{g({id:e.node?.id,name:e.node?.title,image:e.node?.featuredImage?.src})},children:[jsxRuntime.jsx("img",{className:"gp-rounded-[8px] gp-w-[40px] gp-h-[40px]",src:e.node?.featuredImage?.src,alt:"product_image"}),jsxRuntime.jsx("span",{className:"gp-truncate gp-max-w-[210px] gp-text-[12px]",children:e.node?.title})]},e.node?.id))})]})]})};exports.PickProduct=PickProduct;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react");require("zustand"),require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var useProductsQuery=require("../../../hooks/shop/use-products-query.js");require("vanilla-lazyload"),require("../../../hooks/useCartUI.js"),require("react-transition-group"),require("@gem-sdk/core"),require("classnames"),require("../../../helpers/convert.js");const PickProduct=e=>{let{data:s,isLoading:r}=useProductsQuery.useProductsQuery([]),[t,a]=react.useState(),[i,u]=react.useState(!1),g=()=>{u(!i)},p=e=>{a(e),u(!1)};return react.useEffect(()=>{if(s?.products?.edges.length&&!t){let e=s.products.edges[0]?.node;e&&a({id:e?.id,name:e?.title,image:e.featuredImage?.src})}},[s,t]),react.useEffect(()=>{t&&t.name&&e.changeProductName(t.name)},[t,e]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[jsxRuntime.jsx("p",{className:"gp-py-2 gp-text-xs",children:"Product"}),jsxRuntime.jsxs("div",{className:"gp-relative",children:[r?jsxRuntime.jsx("div",{children:jsxRuntime.jsx("span",{className:"gp-text-xs",children:"Getting products..."})}):jsxRuntime.jsxs("button",{className:"gp-flex gp-gap-2 gp-items-center gp-w-full gp-p-2 gp-rounded-lg gp-bg-[#333333] gp-text-xs",onClick:g,children:[jsxRuntime.jsx("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:t?.image,alt:"product_image"}),jsxRuntime.jsx("span",{className:"gp-truncate gp-max-w-[210px]",children:t?.name})]}),i&&jsxRuntime.jsx("div",{className:"gp-absolute gp-w-full gp-top-16 gp-left-0 gp-rounded-lg gp-bg-[#333333] gp-p-2 gp-flex gp-flex-col gp-gap-2 gp-z-10",children:s?.products?.edges.map(e=>jsxRuntime.jsxs("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-2 gp-items-center",onClick:()=>{p({id:e.node?.id,name:e.node?.title,image:e.node?.featuredImage?.src})},children:[jsxRuntime.jsx("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:e.node?.featuredImage?.src,alt:"product_image"}),jsxRuntime.jsx("span",{className:"gp-truncate gp-max-w-[210px] gp-text-xs",children:e.node?.title})]},e.node?.id))})]})]})})};exports.PickProduct=PickProduct;

package/dist/cjs/components/ai-generator/components/ToneAndVoice.js

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react"),DropdownIcon=require("../icons/DropdownIcon.js"),classNames=require("classnames");const ToneAndVoice=()=>{let e=["Persuasive","Friendly","Professional","Casual"],[s,p]=react.useState(e[0]),[n,i]=react.useState(!1),t=()=>{i(!n)},x=e=>{p(e),i(!1)};return jsxRuntime.jsx("div",{children:jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-[8px]",children:[jsxRuntime.jsx("p",{className:"gp-py-[8px] gp-text-[12px]",children:"Tone and Voice"}),jsxRuntime.jsxs("div",{className:"gp-relative",children:[jsxRuntime.jsxs("button",{className:"gp-flex gp-justify-between gp-items-center gp-w-full gp-p-[8px] gp-rounded-[8px] gp-bg-[#333333] gp-text-[12px]",onClick:t,children:[s,jsxRuntime.jsx(DropdownIcon.DropdownIcon,{})]}),n?jsxRuntime.jsx("div",{className:"gp-absolute gp-w-full gp-top-[40px] gp-left-0 gp-rounded-[8px] gp-bg-[#333333] gp-p-[8px] gp-flex gp-flex-col gp-gap-[8px] gp-z-10",children:e.map(e=>jsxRuntime.jsxs("button",{className:"gp-flex gp-p-[8px] hover:gp-bg-[#3B3B3B] gp-rounded-[8px] gp-cursor-pointer gp-gap-[12px] gp-items-center",onClick:()=>x(e),children:[jsxRuntime.jsx("div",{className:classNames({"gp-invisible":s!==e}),children:jsxRuntime.jsx(DropdownIcon.TickIcon,{})}),jsxRuntime.jsx("span",{className:"gp-text-[12px]",children:e})]},e))}):null]})]})})};exports.ToneAndVoice=ToneAndVoice;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),react=require("react"),DropdownIcon=require("../icons/DropdownIcon.js"),classNames=require("classnames");const ToneAndVoice=()=>{let e=["Persuasive","Friendly","Professional","Casual"],[s,n]=react.useState(e[0]),[p,i]=react.useState(!1),t=()=>{i(!p)},l=e=>{n(e),i(!1)};return jsxRuntime.jsx("div",{children:jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[jsxRuntime.jsx("p",{className:"gp-py-2 gp-text-xs",children:"Tone and Voice"}),jsxRuntime.jsxs("div",{className:"gp-relative",children:[jsxRuntime.jsxs("button",{className:"gp-flex gp-justify-between gp-items-center gp-w-full gp-p-2 gp-rounded-lg gp-bg-[#333333] gp-text-xs",onClick:t,children:[s,jsxRuntime.jsx(DropdownIcon.DropdownIcon,{})]}),p?jsxRuntime.jsx("div",{className:"gp-absolute gp-w-full gp-top-10 gp-left-0 gp-rounded-lg gp-bg-[#333333] gp-p-2 gp-flex gp-flex-col gp-gap-2 gp-z-10",children:e.map(e=>jsxRuntime.jsxs("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-3 gp-items-center",onClick:()=>l(e),children:[jsxRuntime.jsx("div",{className:classNames({"gp-invisible":s!==e}),children:jsxRuntime.jsx(DropdownIcon.TickIcon,{})}),jsxRuntime.jsx("span",{className:"gp-text-xs",children:e})]},e))}):null]})]})})};exports.ToneAndVoice=ToneAndVoice;

package/dist/esm/components/ai-generator/AIContentGenerator.js

@@ -1 +1 @@
-import{jsxs as e,jsx as p}from"react/jsx-runtime";import{useState as t,useCallback as o,useEffect as n}from"react";import{AIIcon as r}from"./icons/AIIcon.js";import{CloseIcon as g}from"./icons/CloseIcon.js";import{ShowMoreIcon as i}from"./icons/ShowMoreIcon.js";import{PickProduct as a}from"./components/PickProduct.js";import{ToneAndVoice as s}from"./components/ToneAndVoice.js";import l from"classnames";import{useListenEventGenerate as c}from"./hooks/useListenEventGenerate.js";import{useGettingGenerateRequest as d}from"./hooks/useGettingGenerateRequest.js";let AIContentGenerator=({...m})=>{let[x,u]=t(!1),[h,f]=t(!1),[b,v]=t(!1),{isGenerating:N,onGenerate:w}=c(m.uid),{getRequestBody:A,prompt:C,changeProductName:j,changePrompt:G}=d(),k=()=>{u(!x)},I=()=>{u(!1)},B=e=>{G(e.target.value)},y=o(e=>{let p=e.detail;p?.componentUid!==m.uid?(f(!1),I()):f(!0)},[m.uid]),E=()=>{v(!b)},L=()=>{let e=A();w(e)};return n(()=>{N||I()},[N]),n(()=>(window.addEventListener("editor:active-component",y),()=>{window.removeEventListener("editor:active-component",y)}),[y]),e("div",{className:`gp-relative ${!h&&"gp-hidden"}`,children:[p("div",{className:"gp-border-r-[#6a6a6a] gp-border-r-[1px] gp-pr-[4px] gp-mr-[4px]",children:e("button",{className:"gp-p-[4px] gp-text-[12px] gp-flex gp-gap-[4px] gp-items-center gp-rounded-[6px] hover:gp-bg-[#3B3B3B] gp-font-medium",onClick:k,children:[p(r,{}),"AI Content"]})}),e("div",{className:l({"gp-hidden":!x},"gp-absolute gp-top-[32px] gp-right-0 gp-rounded-[8px] gp-bg-[#151515] gp-p-[16px] gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default"),children:[e("div",{className:"gp-flex gp-items-center gp-justify-between gp-mb-[14px]",children:[p("span",{className:"gp-font-medium gp-text-[14px]",children:"Write with GemAI"}),p("button",{className:"gp-p-[8px] gp-cursor-pointer hover:gp-bg-[#3B3B3B] gp-rounded-[6px]",onClick:I,children:p(g,{})})]}),e("div",{className:"gp-mt-[8px]",children:[p("div",{className:"gp-mb-[16px]",children:p("span",{className:"gp-text-[12px]",children:"What would you like to describe here?"})}),p("div",{className:"gp-mb-[16px] gp-flex",children:p("textarea",{className:"gp-p-[8px] gp-bg-[#333333] gp-rounded-[8px] gp-w-full gp-text-[12px] gp-text-white placeholder:gp-text-[#AAAAAA] gp-resize-none focus-visible:gp-outline-none",placeholder:"e.g: Generate feature benefits",rows:4,value:C,onChange:B})}),p("div",{className:"gp-mb-[16px]",children:e("button",{className:"gp-flex gp-justify-center gp-items-center gp-w-full gp-bg-[#333333] gp-py-[8px] gp-rounded-[8px] gp-gap-[8px] gp-text-[12px] gp-font-medium",onClick:E,children:["Show more",p("span",{className:l({"gp-rotate-180":b}),children:p(i,{})})]})}),e("div",{className:l({"gp-hidden":!b},"gp-mb-[16px] gp-gap-[16px] gp-flex gp-flex-col"),children:[p(s,{}),p(a,{changeProductName:j})]}),p("button",{className:"gp-rounded-[8px] gp-w-full gp-text-[12px] gp-font-medium gp-bg-gradient-to-tl gp-from-[#3C38E1] gp-to-[#874CFD] gp-py-[8px]",onClick:L,children:N?"Generating...":"Generate"})]})]})]})};export{AIContentGenerator};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as p,useCallback as o,useEffect as n}from"react";import{AIIcon as r}from"./icons/AIIcon.js";import{CloseIcon as g}from"./icons/CloseIcon.js";import{ShowMoreIcon as i}from"./icons/ShowMoreIcon.js";import{PickProduct as s}from"./components/PickProduct.js";import{ToneAndVoice as a}from"./components/ToneAndVoice.js";import l from"classnames";import{useListenEventGenerate as d}from"./hooks/useListenEventGenerate.js";import{useGettingGenerateRequest as m}from"./hooks/useGettingGenerateRequest.js";let AIContentGenerator=({...c})=>{let[u,h]=p(!1),[f,x]=p(!1),[b,v]=p(!1),{isGenerating:N,onGenerate:w}=d(c.uid),{getRequestBody:A,prompt:C,changeProductName:j,changePrompt:G}=m(),k=()=>{h(!u)},I=()=>{h(!1)},B=e=>{G(e.target.value)},y=o(e=>{let t=e.detail;t?.componentUid!==c.uid?(x(!1),I()):x(!0)},[c.uid]),E=()=>{v(!b)},L=()=>{let e=A();w(e)};return n(()=>{N||I()},[N]),n(()=>(window.addEventListener("editor:active-component",y),()=>{window.removeEventListener("editor:active-component",y)}),[y]),e("div",{className:`gp-relative ${!f&&"gp-hidden"}`,children:[t("div",{className:"gp-border-r-[#6a6a6a] gp-border-r gp-pr-1 gp-mr-1",children:e("button",{className:"gp-p-1 gp-text-xs gp-flex gp-gap-1 gp-items-center gp-rounded-md hover:gp-bg-[#3B3B3B] gp-font-medium",onClick:k,children:[t(r,{}),"AI Content"]})}),e("div",{className:l({"gp-hidden":!u},"gp-absolute gp-top-8 gp-right-0 gp-rounded-lg gp-bg-[#151515] gp-p-4 gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default"),children:[e("div",{className:"gp-flex gp-items-center gp-justify-between gp-mb-4",children:[t("span",{className:"gp-font-medium gp-text-sm",children:"Write with GemAI"}),t("button",{className:"gp-p-2 gp-cursor-pointer hover:gp-bg-[#3B3B3B] gp-rounded-md",onClick:I,children:t(g,{})})]}),e("div",{className:"gp-mt-2",children:[t("div",{className:"gp-mb-4",children:t("span",{className:"gp-text-xs",children:"What would you like to describe here?"})}),t("div",{className:"gp-mb-4 gp-flex",children:t("textarea",{className:"gp-p-2 gp-bg-[#333333] gp-rounded-lg gp-w-full gp-text-xs gp-text-white placeholder:gp-text-[#AAAAAA] gp-resize-none focus-visible:gp-outline-none",placeholder:"e.g: Generate feature benefits",rows:4,value:C,onChange:B})}),t("div",{className:"gp-mb-4",children:e("button",{className:"gp-flex gp-justify-center gp-items-center gp-w-full gp-bg-[#333333] gp-py-2 gp-rounded-lg gp-gap-2 gp-text-xs gp-font-medium",onClick:E,children:["Show more",t("span",{className:l({"gp-rotate-180":b}),children:t(i,{})})]})}),e("div",{className:l({"gp-hidden":!b},"gp-mb-4 gp-gap-4 gp-flex gp-flex-col"),children:[t(a,{}),t(s,{changeProductName:j})]}),t("button",{className:"gp-rounded-lg gp-w-full gp-text-xs gp-font-medium gp-bg-gradient-to-tl gp-from-[#3C38E1] gp-to-[#874CFD] gp-py-2",onClick:L,children:N?"Generating...":"Generate"})]})]})]})};export{AIContentGenerator};

package/dist/esm/components/ai-generator/AIGenContentLoading.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as n,useRef as r,useCallback as i,useEffect as a}from"react";let AIGenContentLoading=({...s})=>{let[o,l]=n(!1),[u,f]=n(1),g=r(null),c=i(e=>{let t=e.detail;if(t?.sectionUid===s.uid){if("loading"===t.status){l(!0);return}if("success"===t.status){l(!1);return}}},[s.uid]);return a(()=>{if(o){g.current=setInterval(()=>{f(e=>3===e?1:e+1)},500);return}g.current&&clearInterval(g.current)},[o]),a(()=>(window.addEventListener("editor:ai-generate-content-status",c),()=>{window.removeEventListener("editor:ai-generate-content-status",c)}),[c]),o?e("div",{className:"gp-absolute gp-top-0 gp-left-0 gp-w-full gp-h-full gp-bg-[#ffffff] gp-bg-opacity-70 gp-flex gp-justify-center gp-items-center",children:t("span",{className:"gp-font-medium",children:["Generating Content",Array.from(Array(u).keys()).map(()=>".")]})}):null};export{AIGenContentLoading};
+import{jsx as e,Fragment as t,jsxs as n}from"react/jsx-runtime";import{useState as r,useRef as i,useCallback as a,useEffect as s}from"react";let AIGenContentLoading=({...l})=>{let[o,u]=r(!1),[c,g]=r(1),d=i(null),p=a(e=>{let t=e.detail;if(t?.sectionUid===l.uid){if("loading"===t.status){u(!0);return}if("success"===t.status){u(!1);return}}},[l.uid]);return s(()=>{if(o){d.current=setInterval(()=>{g(e=>3===e?1:e+1)},500);return}d.current&&clearInterval(d.current)},[o]),s(()=>(window.addEventListener("editor:ai-generate-content-status",p),()=>{window.removeEventListener("editor:ai-generate-content-status",p)}),[p]),o?e(t,{children:e("div",{className:"gp-absolute gp-top-0 gp-left-0 gp-w-full gp-h-full gp-bg-white gp-bg-opacity-70 gp-flex gp-justify-center gp-items-center",children:n("span",{className:"gp-font-medium",children:["Generating Content",Array.from(Array(c).keys()).map(()=>".")]})})}):null};export{AIGenContentLoading};

package/dist/esm/components/ai-generator/components/PickProduct.js

@@ -1 +1 @@
-import{jsxs as e,jsx as p}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{useProductsQuery as a}from"../../../hooks/shop/use-products-query.js";import"vanilla-lazyload";import"../../../hooks/useCartUI.js";import"react-transition-group";import"@gem-sdk/core";import"classnames";import"../../../helpers/convert.js";let PickProduct=g=>{let{data:o,isLoading:s}=a([]),[d,i]=t(),[c,l]=t(!1),m=()=>{l(!c)},n=e=>{i(e),l(!1)};return r(()=>{if(o?.products?.edges.length&&!d){let e=o.products.edges[0]?.node;e&&i({id:e?.id,name:e?.title,image:e.featuredImage?.src})}},[o,d]),r(()=>{d&&d.name&&g.changeProductName(d.name)},[d,g]),e("div",{className:"gp-flex gp-flex-col gp-gap-[8px]",children:[p("p",{className:"gp-py-[8px] gp-text-[12px]",children:"Product"}),e("div",{className:"gp-relative",children:[s?p("div",{children:p("span",{className:"gp-text-[12px]",children:"Getting products..."})}):e("button",{className:"gp-flex gp-gap-[8px] gp-items-center gp-w-full gp-p-[8px] gp-rounded-[8px] gp-bg-[#333333] gp-text-[12px]",onClick:m,children:[p("img",{className:"gp-rounded-[8px] gp-w-[40px] gp-h-[40px]",src:d?.image,alt:"product_image"}),p("span",{className:"gp-truncate gp-max-w-[210px]",children:d?.name})]}),c&&p("div",{className:"gp-absolute gp-w-full gp-top-[64px] gp-left-0 gp-rounded-[8px] gp-bg-[#333333] gp-p-[8px] gp-flex gp-flex-col gp-gap-[8px] gp-z-10",children:o?.products?.edges.map(t=>e("button",{className:"gp-flex gp-p-[8px] hover:gp-bg-[#3B3B3B] gp-rounded-[8px] gp-cursor-pointer gp-gap-[8px] gp-items-center",onClick:()=>{n({id:t.node?.id,name:t.node?.title,image:t.node?.featuredImage?.src})},children:[p("img",{className:"gp-rounded-[8px] gp-w-[40px] gp-h-[40px]",src:t.node?.featuredImage?.src,alt:"product_image"}),p("span",{className:"gp-truncate gp-max-w-[210px] gp-text-[12px]",children:t.node?.title})]},t.node?.id))})]})]})};export{PickProduct};
+import{jsx as e,Fragment as p,jsxs as t}from"react/jsx-runtime";import{useState as r,useEffect as g}from"react";import"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{useProductsQuery as a}from"../../../hooks/shop/use-products-query.js";import"vanilla-lazyload";import"../../../hooks/useCartUI.js";import"react-transition-group";import"@gem-sdk/core";import"classnames";import"../../../helpers/convert.js";let PickProduct=s=>{let{data:o,isLoading:d}=a([]),[i,l]=r(),[c,m]=r(!1),n=()=>{m(!c)},u=e=>{l(e),m(!1)};return g(()=>{if(o?.products?.edges.length&&!i){let e=o.products.edges[0]?.node;e&&l({id:e?.id,name:e?.title,image:e.featuredImage?.src})}},[o,i]),g(()=>{i&&i.name&&s.changeProductName(i.name)},[i,s]),e(p,{children:t("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[e("p",{className:"gp-py-2 gp-text-xs",children:"Product"}),t("div",{className:"gp-relative",children:[d?e("div",{children:e("span",{className:"gp-text-xs",children:"Getting products..."})}):t("button",{className:"gp-flex gp-gap-2 gp-items-center gp-w-full gp-p-2 gp-rounded-lg gp-bg-[#333333] gp-text-xs",onClick:n,children:[e("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:i?.image,alt:"product_image"}),e("span",{className:"gp-truncate gp-max-w-[210px]",children:i?.name})]}),c&&e("div",{className:"gp-absolute gp-w-full gp-top-16 gp-left-0 gp-rounded-lg gp-bg-[#333333] gp-p-2 gp-flex gp-flex-col gp-gap-2 gp-z-10",children:o?.products?.edges.map(p=>t("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-2 gp-items-center",onClick:()=>{u({id:p.node?.id,name:p.node?.title,image:p.node?.featuredImage?.src})},children:[e("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:p.node?.featuredImage?.src,alt:"product_image"}),e("span",{className:"gp-truncate gp-max-w-[210px] gp-text-xs",children:p.node?.title})]},p.node?.id))})]})]})})};export{PickProduct};

package/dist/esm/components/ai-generator/components/ToneAndVoice.js

@@ -1 +1 @@
-import{jsx as p,jsxs as e}from"react/jsx-runtime";import{useState as l}from"react";import{DropdownIcon as g,TickIcon as n}from"../icons/DropdownIcon.js";import r from"classnames";let ToneAndVoice=()=>{let i=["Persuasive","Friendly","Professional","Casual"],[o,s]=l(i[0]),[a,c]=l(!1),t=()=>{c(!a)},d=p=>{s(p),c(!1)};return p("div",{children:e("div",{className:"gp-flex gp-flex-col gp-gap-[8px]",children:[p("p",{className:"gp-py-[8px] gp-text-[12px]",children:"Tone and Voice"}),e("div",{className:"gp-relative",children:[e("button",{className:"gp-flex gp-justify-between gp-items-center gp-w-full gp-p-[8px] gp-rounded-[8px] gp-bg-[#333333] gp-text-[12px]",onClick:t,children:[o,p(g,{})]}),a?p("div",{className:"gp-absolute gp-w-full gp-top-[40px] gp-left-0 gp-rounded-[8px] gp-bg-[#333333] gp-p-[8px] gp-flex gp-flex-col gp-gap-[8px] gp-z-10",children:i.map(l=>e("button",{className:"gp-flex gp-p-[8px] hover:gp-bg-[#3B3B3B] gp-rounded-[8px] gp-cursor-pointer gp-gap-[12px] gp-items-center",onClick:()=>d(l),children:[p("div",{className:r({"gp-invisible":o!==l}),children:p(n,{})}),p("span",{className:"gp-text-[12px]",children:l})]},l))}):null]})]})})};export{ToneAndVoice};
+import{jsx as e,jsxs as p}from"react/jsx-runtime";import{useState as l}from"react";import{DropdownIcon as g,TickIcon as n}from"../icons/DropdownIcon.js";import r from"classnames";let ToneAndVoice=()=>{let s=["Persuasive","Friendly","Professional","Casual"],[i,o]=l(s[0]),[a,c]=l(!1),t=()=>{c(!a)},d=e=>{o(e),c(!1)};return e("div",{children:p("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[e("p",{className:"gp-py-2 gp-text-xs",children:"Tone and Voice"}),p("div",{className:"gp-relative",children:[p("button",{className:"gp-flex gp-justify-between gp-items-center gp-w-full gp-p-2 gp-rounded-lg gp-bg-[#333333] gp-text-xs",onClick:t,children:[i,e(g,{})]}),a?e("div",{className:"gp-absolute gp-w-full gp-top-10 gp-left-0 gp-rounded-lg gp-bg-[#333333] gp-p-2 gp-flex gp-flex-col gp-gap-2 gp-z-10",children:s.map(l=>p("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-3 gp-items-center",onClick:()=>d(l),children:[e("div",{className:r({"gp-invisible":i!==l}),children:e(n,{})}),e("span",{className:"gp-text-xs",children:l})]},l))}):null]})]})})};export{ToneAndVoice};

package/package.json

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