@nextblock-cms/ecom 0.20.3 → 0.21.1

package/lib/pages/cms/payments/PaymentsClient.cjs

@@ -0,0 +1 @@
+"use client";let e=require("react"),t=require("lucide-react"),n=require("react/jsx-runtime"),r=require("next/navigation"),i=require("@nextblock-cms/ui"),a=require("react-dom");function o({initialEnabledProviders:a,configStatus:o,credentials:s,saveAction:c,saveCredentialsAction:f}){let p=(0,r.useRouter)(),[m,h]=(0,e.useTransition)(),g=o.stripe.hasKeys,_=o.freemius.hasKeys,[v,y]=(0,e.useState)(()=>({stripe:a.stripe&&g,freemius:a.freemius&&_}));function b(){let e=new FormData;e.set(`stripe_enabled`,v.stripe?`true`:`false`),e.set(`freemius_enabled`,v.freemius?`true`:`false`),h(async()=>{await c(e),p.refresh()})}return(0,n.jsxs)(`div`,{className:`max-w-7xl space-y-4 p-4 sm:p-6`,children:[(0,n.jsxs)(`div`,{className:`space-y-1`,children:[(0,n.jsx)(`h1`,{className:`text-2xl font-bold tracking-tight`,children:`Payment Settings`}),(0,n.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Enter your provider API keys, then enable the providers your store needs. Physical products use Stripe and digital products use Freemius.`})]}),(0,n.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-[minmax(0,3fr)_minmax(20rem,2fr)]`,children:[(0,n.jsx)(l,{credentials:s,saveAction:f}),(0,n.jsxs)(i.Card,{className:`flex h-full flex-col`,children:[(0,n.jsxs)(i.CardHeader,{className:`pb-3`,children:[(0,n.jsx)(i.CardTitle,{children:`Payment Providers`}),(0,n.jsx)(i.CardDescription,{children:`You can run both providers at the same time. Each product picks its provider from its product type.`})]}),(0,n.jsxs)(i.CardContent,{className:`flex flex-1 flex-col gap-4`,children:[(0,n.jsxs)(`div`,{className:`space-y-3`,children:[(0,n.jsx)(u,{id:`stripe-enabled`,label:`Stripe for Physical Products`,description:`Use Stripe Checkout for physical merchandise and other shippable goods.`,checked:v.stripe,disabled:!g,onCheckedChange:e=>y(t=>({...t,stripe:e})),ready:g,children:g?(0,n.jsxs)(`div`,{className:`mt-2 flex items-center gap-2 text-xs text-green-600`,children:[(0,n.jsx)(t.CheckCircle2,{className:`h-4 w-4`}),(0,n.jsx)(`span`,{children:`Ready for physical product checkout`})]}):(0,n.jsx)(d,{provider:`Stripe`,missingKeys:o.stripe.missing,docsUrl:`https://dashboard.stripe.com/apikeys`,docsLabel:`Stripe API keys`})}),(0,n.jsx)(u,{id:`freemius-enabled`,label:`Freemius for Digital Products`,description:`Use Freemius for software licenses, SaaS plans, and other digital products.`,checked:v.freemius,disabled:!_,onCheckedChange:e=>y(t=>({...t,freemius:e})),ready:_,children:_?(0,n.jsxs)(`div`,{className:`mt-2 flex items-center gap-2 text-xs text-green-600`,children:[(0,n.jsx)(t.CheckCircle2,{className:`h-4 w-4`}),(0,n.jsx)(`span`,{children:`Ready for digital product checkout`})]}):(0,n.jsx)(d,{provider:`Freemius`,missingKeys:o.freemius.missing,docsUrl:`https://dashboard.freemius.com/`,docsLabel:`Freemius credentials`})})]}),(0,n.jsx)(`div`,{className:`mt-auto flex justify-end border-t pt-4`,children:(0,n.jsx)(i.Button,{type:`button`,disabled:m,onClick:b,children:m?`Saving...`:`Save Changes`})})]})]})]})]})}function s(){let{pending:e}=(0,a.useFormStatus)();return(0,n.jsx)(i.Button,{type:`submit`,disabled:e,children:e?`Saving...`:`Save Changes`})}function c({id:e,label:t,type:r=`text`,defaultValue:a,placeholder:o,hint:s}){return(0,n.jsxs)(`div`,{className:`space-y-1`,children:[(0,n.jsx)(i.Label,{htmlFor:e,className:`text-xs`,children:t}),(0,n.jsx)(i.Input,{id:e,name:e,type:r,defaultValue:a,placeholder:o,autoComplete:r===`password`?`new-password`:`off`}),s&&(0,n.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:s})]})}function l({credentials:e,saveAction:t}){let r=`•••••••• (stored — leave blank to keep)`;return(0,n.jsxs)(i.Card,{className:`flex h-full flex-col`,children:[(0,n.jsxs)(i.CardHeader,{className:`pb-3`,children:[(0,n.jsx)(i.CardTitle,{children:`Provider API Keys`}),(0,n.jsxs)(i.CardDescription,{children:[`Keys are encrypted at rest and used DB-first (these override any`,` `,(0,n.jsx)(`code`,{children:`.env`}),` values). Leave a secret blank to keep the stored value.`]})]}),(0,n.jsx)(i.CardContent,{className:`flex flex-1 flex-col`,children:(0,n.jsxs)(`form`,{action:t,className:`flex flex-1 flex-col gap-4`,children:[(0,n.jsxs)(`div`,{className:`space-y-3`,children:[(0,n.jsx)(`h3`,{className:`text-sm font-semibold`,children:`Stripe (physical products)`}),(0,n.jsxs)(`details`,{className:`rounded-md border border-dashed px-3 py-2 text-xs text-muted-foreground`,children:[(0,n.jsx)(`summary`,{className:`cursor-pointer font-medium text-foreground`,children:`Stripe webhook setup`}),(0,n.jsxs)(`div`,{className:`mt-2 space-y-1.5`,children:[(0,n.jsxs)(`p`,{children:[`In Stripe, add`,` `,(0,n.jsx)(`code`,{children:`https://your-domain/api/webhooks/stripe`}),` as a webhook endpoint and paste its `,(0,n.jsx)(`code`,{children:`whsec_…`}),` signing secret below.`]}),(0,n.jsxs)(`p`,{children:[`Locally, run`,` `,(0,n.jsx)(`code`,{children:`stripe listen --forward-to localhost:4200/api/webhooks/stripe`}),` `,`or `,(0,n.jsx)(`code`,{children:`npm run stripe`}),`.`]})]})]}),(0,n.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,n.jsx)(c,{id:`stripe_publishableKey`,label:`Publishable key`,defaultValue:e.stripe.publishableKey,placeholder:`pk_live_…`}),(0,n.jsx)(c,{id:`stripe_secretKey`,label:`Secret key`,type:`password`,placeholder:e.stripe.hasSecretKey?r:`sk_live_…`}),(0,n.jsx)(c,{id:`stripe_webhookSecret`,label:`Webhook signing secret`,type:`password`,placeholder:e.stripe.hasWebhookSecret?r:`whsec_…`})]})]}),(0,n.jsxs)(`div`,{className:`space-y-3`,children:[(0,n.jsx)(`h3`,{className:`text-sm font-semibold`,children:`Freemius (digital products)`}),(0,n.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2 xl:grid-cols-3`,children:[(0,n.jsx)(c,{id:`freemius_developerId`,label:`Developer ID`,defaultValue:e.freemius.developerId}),(0,n.jsx)(c,{id:`freemius_productId`,label:`Product ID`,defaultValue:e.freemius.productId}),(0,n.jsx)(c,{id:`freemius_publicKey`,label:`Public key`,defaultValue:e.freemius.publicKey,placeholder:`pk_…`}),(0,n.jsx)(c,{id:`freemius_secretKey`,label:`Secret key`,type:`password`,placeholder:e.freemius.hasSecretKey?r:`sk_…`}),(0,n.jsx)(c,{id:`freemius_apiKey`,label:`API key`,type:`password`,placeholder:e.freemius.hasApiKey?r:`API key`})]})]}),e.envFallbackActive&&(0,n.jsx)(`p`,{className:`text-xs text-amber-700`,children:`Stripe keys are currently read from environment variables. Saving here moves them into the database and takes precedence.`}),(0,n.jsx)(`div`,{className:`mt-auto flex justify-end border-t pt-4`,children:(0,n.jsx)(s,{})})]})})]})}function u({id:e,label:t,description:r,checked:a,disabled:o,ready:s,onCheckedChange:c,children:l}){return(0,n.jsx)(`div`,{className:`rounded-md border p-3`,children:(0,n.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,n.jsx)(i.Checkbox,{id:e,checked:a,disabled:o,onCheckedChange:e=>c(!!e),className:`mt-1`}),(0,n.jsxs)(`div`,{className:`grid gap-1.5 leading-none w-full`,children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between gap-3 flex-wrap`,children:[(0,n.jsx)(i.Label,{htmlFor:e,className:`font-semibold text-base cursor-pointer`,children:t}),(0,n.jsx)(`span`,{className:`text-xs font-medium ${a?`text-foreground`:`text-muted-foreground`}`,children:a?`Enabled`:`Disabled`})]}),(0,n.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:r}),!s&&(0,n.jsx)(`p`,{className:`text-xs text-amber-700`,children:`Add all required credentials before enabling this provider.`}),l]})]})})}function d({provider:e,missingKeys:r,docsUrl:i,docsLabel:a}){return(0,n.jsxs)(`div`,{className:`mt-2 rounded-md border border-destructive/20 bg-destructive/5 p-3 text-xs text-foreground`,children:[(0,n.jsxs)(`div`,{className:`mb-1.5 flex items-center gap-2 font-semibold text-destructive`,children:[(0,n.jsx)(t.AlertCircle,{className:`h-4 w-4`}),(0,n.jsx)(`span`,{children:`Configuration Required`})]}),(0,n.jsxs)(`p`,{children:[e,` needs `,(0,n.jsx)(`strong`,{children:r.join(`, `)}),`. Add them in Provider API Keys, save, then enable the provider.`,` `,(0,n.jsxs)(`a`,{href:i,target:`_blank`,rel:`noopener noreferrer`,className:`font-medium underline hover:text-destructive/80`,children:[`Open `,a]}),`.`]})]})}exports.PaymentsClient=o;

package/lib/pages/cms/payments/PaymentsClient.d.ts

@@ -18,5 +18,5 @@ export declare function PaymentsClient({ initialEnabledProviders, configStatus,
     credentials: PaymentCredentialsView;
     saveAction: (formData: FormData) => Promise<void>;
     saveCredentialsAction: (formData: FormData) => Promise<void>;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;
 export {};